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

/* font-family: 'Nunito Sans', sans-serif */

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-brands-400.eot");
    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fal,
.fas,
.far {
    font-family: "Font Awesome 5 Pro";
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
}

a,
a:link,
a:visited,
a:active,
a:hover,
button,
input,
select,
textarea,
i {
    text-decoration: none;
    outline: none;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #df8406;
}

input,
select,
textarea {
    width: 100%;
    outline: none;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    box-shadow: none;
}

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

img {
    max-width: 100%;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

h5 {
    line-height: 1.4;
}

:root {
    --purple: 190, 77, 0;
    --midPurple: 113, 8, 185;
    --darkPurple: 208, 125, 47,1;
    --purpleBlack: 94, 64, 110;
    --gray: 204, 204, 204;
    --gray: 204, 204, 204;
}


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

        coman class start here

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

.comnpadding {
    padding: 80px 0;
}

.commontitle {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 18px;
}

.subtitle {
    font-size: 24px;
    font-weight: 600;
}

p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--black);
}

.btn {
    border-radius: 20px;
    padding: 8px 20px;
    box-shadow: none !important;
    font-size: 14px;
}

.light_purple {
    background-color: rgba(var(--purple), 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.light_dark_1 {
    background-color: #eeeeee;
}

.light_dark_2 {
    background-color: #dadada;
}

.light_green_2 {
    background-color: #eaf7f7;
}

.cu-primary {
    background-color: rgb(var(--purple));
    color: #fff;
}

a.cu-primary {
    color: #fff !important;
}

.cu-green.gredient {
    background: transparent linear-gradient(27deg, #2eafad, #175857) 0 0 no-repeat padding-box;
    color: #fff
}

.fw-medium {
    font-weight: 500;
}

.cu-out-secondary {
    border: 1px solid rgb(var(--gray));
}

.cu-outline-primary {
    color: rgb(var(--darkPurple));
    border: 1px solid rgb(var(--darkPurple)) !important;
}

.cu-primary:hover,
.cu-primary:focus,
.cu-primary:active,
.cu-outline-primary:hover,
.cu-outline-primary:focus,
.cu-outline-primary:active {
    background-color: #020203;
    color: #fff !important;
}

.cu-primary i {
    color: #fff !important;
}

.cu-out-secondary:hover,
.cu-out-secondary:focus,
.cu-out-secondary:active {
    background-color: rgb(var(--gray));
    color: #000;
}

.cu-primary.gredient {
    background: linear-gradient(90deg, #7108b9, #cf3dff);
    box-shadow: 0 5px 5px 2px rgba(207, 61, 255, .2) !important;
}

.cu-primary.gredient:hover {
    box-shadow: 0 5px 5px 2px rgba(207, 61, 255, .6) !important;
}

.cu-white {
    background-color: #fff;
    color: #000;
    box-shadow: 0 10px 18px rgba(0, 0, 0, .14901960784313725) !important;
}

.cu-blue-grediant {
    background: linear-gradient(0deg, #01ceff, #a2edff);
}

.text_green {
    color: #27869D;
}

.owl-nav button {
    width: 42px;
    height: 42px;
    font-size: 20px !important;
    background: rgba(0, 0, 0, .5) !important;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}

.owl-nav button.disabled,
.more_tool_carousel {
    display: none !important;
}

.owl-nav button i {
    color: #fff;
}

.owl-nav button:hover {
    background: rgb(99, 99, 99) !important;
}

.owl-nav button.owl-prev {
    left: 20px;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
    top: 50%;
    transform: translateY(-50%);
}

.owl-nav button.owl-next {
    right: 20px;
}

.navbar-toggler-icon {
    background-image: url('../assets/menu.png');
    background-size: contain;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-container .select2-selection--single {
    height: unset;
    padding: 4px 12px;
    border: 1px solid #ced4da;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--single {
    border-radius: 20px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #fcf7fe;
    color: #d07a35;
}

.select2-dropdown {
    border: 1px solid #ced4da;
    border-radius: 15px !important;
    overflow: hidden;
}

.select2-results__option {
    padding: 8px 14px;
}

.select2-search--dropdown .select2-search__field {
    padding: 7px 8px;
    border-radius: 12px;
}

[data-serialtip-target] {
    margin: 8px;
    max-width: 400px;
    border-radius: 10px;
    border: 1px solid #bebebe;
}

.serialtip-default {
    padding: 16px;
}

[data-serialtip-target] .serialtip-title {
    font-weight: 500;
}

.badge-cont span.cours-badge {
    border: 1px solid #adadad;
    border-radius: 8px;
    padding: 8px 18px;
    background: #eceb98;
    color: #000;
    font-size: 14px;
    display: inline-block;
}

ul.serialtip-list {
    margin-bottom: 10px;
}

ul.serialtip-list .item-lis {
    font-size: 14px;
    margin-bottom: 0px;
}

.serialtip-default p {
    font-size: 14px;
    margin-bottom: 5px;
}

.serialtip-default .cu-primary {
    border-radius: 0;
    padding: 7px 18px;
    text-transform: uppercase;
    margin-top: 6px;
}

.badge-cont {
    margin-bottom: 15px;
}

.right_icon {
    color: green;
    font-size: 16px;
    font-weight: 600;
    margin-right: 8px;
}

span.co-update {
    font-size: 14px;
    margin-left: 10px;
}

.text-purple {
    /* color: rgb(var(--purple)); */
    color: #df8406;
}

.text-darkpurple {
    /* color: rgb(var(--darkPurple)); */
    color: #df8406;
}

.small,
small {
    font-size: 14px;
}


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

        Header start here

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

#header {
    z-index: 100;
    position: relative;
}

#header.fixedNavbar {
    position: sticky;
    top: 0;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    background-color: #fff;
}

.navbar-nav .nav-link {
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    color: #000 !important;
    padding: 10px 12px !important;
    font-weight: 400;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
    color: rgb(var(--purple)) !important;
}

.log-buttons button {
    margin-right: 10px;
}

.log-buttons button:last-child {
    margin-right: unset;
}


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

        Footer start here

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

#footer {
    padding: 40px 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.footer-ul .nav-link {
    padding: 4px 10px;
    font-size: 16px;
    color: #000;
}

.footer-ul .nav-link:hover {
    color: rgb(var(--purple));
}

.no-Link:hover {
    color: #000 !important;
}

ul.horizon-nav {
    display: flex;
}

ul.horizon-nav li:first-child a {
    padding-left: 0;
}

.social-medias {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

h6.footer-subtitle {
    font-size: 20px;
    font-weight: 300;
    color: rgb(var(--purple));
}

.logo-conter {
    display: flex;
    align-items: center;
    gap: 15%;
    justify-content: end;
}

.logoes+span.logcd {
    color: #666;
    font-size: 13px;
    width: 100%;
    display: block;
}


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

        Index page start here

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

.heroBanner {
    height: 600px;
    background: url('../assets/multicolor-swirl.svg') no-repeat;
    position: relative;
    background-position: -10rem 4rem;
}

.heroBanner::before {
    position: absolute;
    content: "";
    inset: 0 0 0 0;
    background-color: rgb(255 255 255 / 85%);
}

.heroBanner>.container {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.smiling-lady {
    position: absolute;
    right: 0;
    bottom: 0;
}

.herotitle {
    font-size: 26px;
    font-weight: 300;
    margin: 10px 0 16px;
}

.serch-course-input input,
.serch-bar-page input {
    padding: 12px 25px;
    border-radius: 36px 0 0 36px;
    box-shadow: none !important;
}

.serch-course-input input::placeholder,
.serch-bar-page input::placeholder {
    font-style: italic;
    font-weight: 100;
    font-size: 16px;
}

.serch-course-input input:focus,
.serch-bar-page input:focus {
    border-color: #df8406;
    /* border-color: rgb(var(--purple)); */
}

.serch-course-input button,
.serch-bar-page button {
    font-size: 20px;
    border-radius: 0 36px 36px 0;
}

.badge-conta {
    display: flex;
    align-items: center;
}

.badge-conta p {
    margin-bottom: 0;
    margin: 0 12px;
}

.badge-conta span {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-left: 16px;
    position: relative;
    color: transparent;
}

.badge-conta span::before {
    content: "";
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: transparent;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.badge-conta span.green {
    color: #00a389;
}

.badge-conta span.green::before {
    background-color: #00a389;
}

.badge-conta span.darkgray {
    color: #666;
}

.badge-conta span.darkgray::before {
    background-color: #666;
}

.info-header {
    height: 55px;
    display: flex;
    justify-content: space-between;
}

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

.cuboo-ul .cuboo-li {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
}

.info-content h5,
.info-icon {
    color: #7103b8;
}

.info-icon img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    transition: none;
}

.cuboo .cuboo-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.cuboo .cuboo-ul .cuboo-li {
    width: 45%;
}

.read-more-btn {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    position: relative;
    left: -70px;
    align-self: center;
}

.info-card:hover .read-more-btn {
    visibility: visible;
    opacity: 1;
    left: 0;
}

.read-more-btn a {
    color: #7103b8;
    text-decoration: none;
    font-weight: 500;
}

.cuboo-li:hover .info-content h5,
.cuboo-li:hover .info-icon,
.subtitle,
.aboy-tile {
    color: #af2df8;
}

.cuboo-li:hover .info-icon>img {
    filter: invert(39%) sepia(91%) saturate(4606%) hue-rotate(272deg) brightness(104%) contrast(95%);
}

.image-content {
    text-align: center;
}

.image-content>img {
    max-width: 600px;
    margin: auto;
    width: 100%;
}

.gobel-title {
    margin-bottom: 50px;
    font-weight: 800;
    line-height: 1.4;
}

.globel-map {
    padding: 120px 0;
    background-image: url('../assets/globalReachBg.svg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto 150%;
}

.globel-container {
    max-width: 800px;
    text-align: center;
    margin: auto;
}

.features-comp {
    padding-top: 100px;
}

.features-carousel .owl-item,
.features-carousel .item,
.features-carousel .owl-stage,
.features-carousel .content-item {
    height: 100%;
}

.features-carousel .item {
    padding: 30px;
}

.features-carousel .content-item {
    padding: 30px;
    border-radius: 15px;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.features-carousel .content-item:hover {
    box-shadow: 0 11px 26px rgba(0, 0, 0, .12156862745098039);
}

.features-carousel .content-item>img {
    height: 80px;
    object-fit: contain;
    filter: grayscale(80%);
}

.features-carousel .content-item:hover img {
    filter: grayscale(0%);
}

.coures-card {
    overflow: hidden;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 3px 30px #0000001A;
    max-width: 330px;
    display: block;
}

.coures-carousel .coures-card {
    width: 320px;
}

.coures-img {
    position: relative;
}

.coures-img img {
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.coures-img span {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 6px 20px;
    background: #00000069;
    backdrop-filter: blur(6px);
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.categot-btn {
    position: absolute;
    background: #fff;
    width: 30px;
    height: 30px;
    font-size: 16px;
    border-radius: 50%;
    top: 10px;
    left: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.courest-conter {
    padding: 18px;
}

.coures-title {
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgb(var(--midPurple));
    height: 48px;
}

.stars-conte {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
}

.stars-conte span {
    cursor: pointer;
}

.stars-conte .fas {
    color: #cecece;
}

.stars-conte .fas.active {
    color: #eabd08;
}

.coures-card .auth-title {
    font-weight: 600;
    font-size: 17px;
    text-transform: capitalize;
    color: rgb(0 0 0 / 40%);
    margin-bottom: 12px;
}

.rating-star {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: #000;
}

.rating-star h6 {
    font-size: 17px;
    font-weight: 700;
}

h3.price {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
}

h3.price del {
    font-size: 16px;
    color: rgb(0 0 0 / 30%);
    font-weight: 800;
}

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

.cartbuttons a.like-btn {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    padding: 26px 40px;
}

.cartbuttons a.like-btn i {
    color: rgb(var(--midPurple));
}

.cartbuttons a.cart-btn {
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    flex-grow: 1;
    background-color: rgb(var(--midPurple));
    color: #fff;
    border-radius: 5px;
}

.cartbuttons a.cart-btn:hover {
    color: #fff !important;
}

.cartbuttons a.cart-btn i {
    color: #fff;
}

.cartbuttons a.cart-btn:hover {
    color: #000;
}

ul#category-filter {
    border-bottom: 2px solid transparent;
    margin-bottom: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
}

ul#category-filter .nav-link {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #666;
    font-weight: 600;
    white-space: nowrap;
    position: relative;
}

ul#category-filter .nav-link.active {
    border-bottom-color: rgb(var(--purple));
    border-bottom-width: 3px;
    color: rgb(var(--purple));
}

.category-containe,
.sub-category-cont {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow: auto;
}


/* ul.subcategory::-webkit-scrollbar {
    display: none;
} */


/* width */

::-webkit-scrollbar {
    width: 10px;
    height: 3px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #e4e4e47e;
}


/* Handle */

::-webkit-scrollbar-thumb {
    /* background: rgba(var(--blue), 0.1); */
    background: #df8406;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    /* background: rgba(var(--blue), 0.5); */
    background: #df8406;
}

.sub-category-cont {
    justify-content: space-between;
    margin-bottom: 22px;
}

ul.subcategory a.sub-link {
    display: flex;
    background: #fff;
    padding: 8px 15px;
    border-radius: 21px;
    border: 2px solid #fff;
    color: #000;
    text-transform: capitalize;
    white-space: nowrap;
}

ul.subcategory {
    padding-bottom: 12px;
    display: flex;
    gap: 10px;
}

ul.subcategory a.sub-link.active {
    border-color: rgb(var(--purple));
}

.sub-category-cont Button {
    white-space: nowrap;
}

.about-homeus {
    background-image: url('../assets/dragBg.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
}

.category-containe {
    flex-grow: 1;
}


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

        Course Detail start here

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

.descript-cont {
    margin-bottom: 40px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px 25px;
    border: 1px solid #dddddd;
    background: #fff;
}

.descript-cont:last-child {
    margin-bottom: 0;
}

.decript-title {
    text-transform: capitalize;
    color: #7108b9;
    font-weight: 800;
    font-size: 22px;
    /* border-bottom: 1px solid rgb(var(--darkPurple)); */
    padding-bottom: 10px;
    margin-bottom: 14px;
    border-bottom: 1px solid #ddd;
}

ul.decript-ul li {
    font-size: 16px;
    position: relative;
    margin-bottom: 5px;
}

ul.decript-ul li::before {
    content: "✓";
    position: absolute;
    left: -22px;
    top: 0;
    color: green;
    font-weight: 500;
}

ul.decript-ul {
    list-style: none;
    padding-left: 25px;
}

.question-box>p:first-child {
    margin-bottom: 0;
}

.sidedetail-box {
    background: #ffffff;
    border-radius: 0px;
    overflow: hidden;
    /* border: 1px solid #b9b9b9; */
    max-width: 380px;
    margin: auto;
    position: sticky;
    margin-bottom: -100%;
    top: 100px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

.sidebar-cour {
    max-width: 380px;
    margin: auto;
}

.sidedetail-box.fixed {
    position: fixed;
    top: 100px;
}

.sidedetail-title {
    border-bottom: 1px solid #b9b9b9;
}

.sidedetail-title p {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
}

.sidedetail-title:first-child p {
    color: rgb(var(--darkPurple));
    font-weight: 800;
}

.sidedetail-decri,
.sidedetail-title {
    padding: 16px 24px;
}

.sidedetail-decri .boc {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    margin-bottom: 14px;
    font-weight: 800;
    color: #242424;
}

.sidedetail-decri .boc i {
    font-size: 20px;
    width: 26px;
    color: #7108b9;
}

.sidedetail-decri .boc:last-child {
    margin-bottom: 0;
}

.breadcrumb-item a {
    color: #000;
    font-weight: 500;
}

.headersidedetail {
    border: 1px solid #b9b9b9;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    max-width: 380px;
    margin: auto;
}

.price-review {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 50px;
    margin-bottom: 5px;
}

.price-discount {
    display: flex;
    gap: 10px;
    align-items: center;
    height: fit-content;
}

.price-discount a {
    color: #000;
}

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

.coursinst-pro>img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.coursinst-header {
    color: rgb(var(--darkPurple));
    margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
}

.coursinst-sub-text {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 14px;
}

.cours-detail-box>.container {
    position: relative;
}

.cour-buton {
    position: absolute;
    right: 80px;
    top: -40px;
}

.cour-buton .like-btn,
.cour-buton .share-btn {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border: 1px solid #b9b9b9;
}

.cour-buton .like-btn {
    margin-right: 10px;
}


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

        All Course start here

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

.coues-item {
    width: 320px;
}

.serch-bar-page {
    max-width: 600px;
}

.cu-search {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-left: 0;
}

.cu-search i {
    color: #000;
}

.cu-search:hover i {
    color: rgb(var(--purple));
    transform: scale(1.1);
}

.small_text {
    margin-left: 8px;
    font-size: 13px;
}

.filter_select {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.fil-sele-item {
    min-width: 200px;
}

.search-abra .serch-bar-page input {
    padding: 6px 20px;
}

.search-abra .serch-bar-page button {
    font-size: 16px;
}

.search-abra .serch-bar-page input::placeholder {
    font-size: 14px;
}


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

        Enterprice start here

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

.enterprice_hero {
    background-image: url('../assets/gradiant-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.enterprice_img img {
    max-height: 470px;
}

.enter_title {
    font-size: 30px;
    letter-spacing: .64px;
    text-transform: uppercase;
    font-weight: 700;
    color: #7108b9;
    margin-bottom: 40px;
}

.enterprice_img {
    text-align: center;
}

.enter_dec {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 1.5;
}

.enterprice_hero button,
.get-stared button {
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 35px;
    font-weight: 600;
    margin-right: 25px;
    outline: none !important;
}

.enterprice_hero .cu-white:hover {
    box-shadow: 0 5px 5px 2px rgba(207, 61, 255, .6) !important;
}

.profitability .tab_title {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    padding-right: 25px;
    margin-bottom: 15px;
}

#profitability-tab .nav-link {
    text-align: start;
    padding: 15px;
    border-radius: 0;
    color: #000;
    background: #fff;
    border-left: 15px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

#profitability-tab .nav-link:first-child {
    border-top: 1px solid rgba(0, 0, 0, .2);
}

#profitability-tab .nav-link.active {
    border-left-color: #f601c2bf;
    background-color: #f8ebf5;
}

#profitability-tab .desc_tabe {
    margin-bottom: 0;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#profitability-tab .text_tabe {
    font-size: 18px;
    font-weight: 400;
}

#profitability-tab .nav-link.active .text_tabe {
    color: rgb(var(--purple));
}

.profitability .tab-pane>img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0 0 0 0;
    object-fit: cover;
    object-position: center;
}

.profitability .tab-content,
.profitability .tab-pane {
    height: 100%;
    position: relative;
}

.label_box {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    background: rgb(255 255 255 / 75%);
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
}

.morethen-card {
    background-color: initial;
    max-width: 660px;
    height: 330px;
    perspective: 1000px;
    margin: auto;
    margin-bottom: 40px;
}

.morethen-card h6 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
}

.morethen-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.morethen-card.active .morethen-card-inner {
    transform: rotateY(180deg);
}

.morethen-card-front,
.morethen-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.morethen-card-front {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .10196078431372549);
    color: #000;
    border-radius: 20px;
    padding: 20px;
}

.morethen-card-back {
    background-color: #7906b9;
    color: #fff;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(225, 0, 255, .3);
    padding: 20px;
}

.moricon {
    box-shadow: 0 3px 11px rgba(0, 0, 0, .1607843137254902);
    width: 133px;
    height: 133px;
    border-radius: 100%;
    background: #f9f9f9 0 0 no-repeat padding-box;
    margin: -60px auto auto;
    padding: 20px;
    border: 6px solid #fff;
    opacity: 1;
}

.morethen-card-back .moreth-title {
    color: #fff;
    border-bottom-color: rgba(225, 225, 225, .4)
}

.morethen-card-back .moreth-title::before {
    background: #fff;
}

.moricon img {
    width: 61px !important;
    height: 61px;
    opacity: 1;
    margin-top: 7px;
    margin: 7px auto 0;
}

h2.moreth-title {
    margin-top: 18px;
    font-size: 26px;
    color: rgb(var(--darkPurple));
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
    position: relative;
    margin-bottom: 20px;
}

h2.moreth-title::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    width: 70%;
    height: 2px;
    background-color: rgb(var(--darkPurple));
}

h2.moreth-title span {
    font-weight: 600;
}

.red_mor-b {
    color: rgb(var(--darkPurple)) !important;
    font-weight: 500;
    font-size: 18px;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    cursor: pointer;
    transform: translateX(-50%);
}

.get-stared {
    background: url('../assets/get-started-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.get-stared button {
    font-size: 18px;
}

.get-stared button:hover {
    box-shadow: 0 5px 5px 2px rgba(1, 206, 255, .3) !important;
}

.get-stared .buttons-container {
    text-align: end;
}

.more_tool_carousel .item {
    padding: 50px 25px 25px;
}

.more_tool_carousel .owl-nav,
.main-features-carousel .owl-nav,
.features-carousel .owl-nav {
    text-align: center;
}

.more_tool_carousel .owl-nav button,
.main-features-carousel .owl-nav button,
.features-carousel .owl-nav button {
    position: static;
    transform: translateY(0);
    display: inline-block !important;
    margin: 0 5px;
    background: unset !important;
    font-size: 24px !important;
}

.more_tool_carousel .owl-nav button i,
.main-features-carousel .owl-nav button i,
.features-carousel .owl-nav button i {
    color: rgb(var(--purple));
}

.more_tool_carousel .owl-nav button.disabled,
.main-features-carousel .owl-nav button.disabled,
.features-carousel .owl-nav button.disabled {
    opacity: 0.3;
}

.overflow-hid {
    overflow: hidden;
}


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

        Teach with edusity start here

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

.hero-teacher {
    background: url('../assets/teacherBg.webp') no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 120px 0 180px;
}

.teacher-contain {
    text-align: center;
    max-width: 900px;
    margin: auto;
    color: #fff;
}

.hero-teacher button {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    background: #af2df8;
    padding: 12px 40px;
    border-radius: 30px;
}

.hero-teacher .hero-title {
    font-size: 64px;
    font-weight: 300;
    text-shadow: 0 0 10px rgba(0, 0, 0, .9);
    margin-bottom: 35px;
}

.hero-desc {
    line-height: 1.5;
    font-size: 18px;
    color: #ccc;
    margin-bottom: 30px;
}

.paragraph .commontitle {
    max-width: 700px;
    margin: auto;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    margin-bottom: 28px;
}

.instructor-toolkit {
    background: url('../assets/InstBg.png') no-repeat;
    background-position: left;
    background-size: contain;
    box-shadow: inset 0 0 13px 10px rgba(0, 0, 0, .13);
}

.insturctor-benefit {
    background: url('../assets/instructorBg.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.instructor-card {
    text-align: center;
    background: rgb(255 255 255 / 70%);
    padding: 15px;
    height: 100%;
}


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

        Pricing start here

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

.cu-couter {
    max-width: 880px;
    margin: auto;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.faq-couter {
    margin: auto;
    max-width: 1200px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.cu-couter h4 {
    line-height: 1.5;
    margin-bottom: 0;
}

#accorfaq .accordion-button::after {
    width: 16px;
    height: 16px;
    background-image: url('../assets/icons/faq-plus.png');
    background-size: cover;
}

#accorfaq .accordion-button:not(.collapsed)::after {
    background-image: url('../assets/icons/faq-minus.png');
}

#accorfaq .accordion-item {
    border-bottom: 2px solid #7108b9;
}

#accorfaq .accordion-button {
    box-shadow: none;
    background: transparent;
    font-weight: 600;
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

#accorfaq .accordion-button:not(.collapsed) {
    color: rgb(var(--purple));
}

#accorfaq .accordion-body {
    font-size: 16px;
    padding: 20px 0;
}

.features-plan {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
    margin: auto;
    gap: 40px 20px;
}

.features-item {
    max-width: 190px;
    text-align: center;
}

.features-item .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: end;
    margin: auto;
    margin-bottom: 12px;
}

.features-item .icon>i {
    display: none;
}

.norm-card .add-on-title {
    background: transparent linear-gradient(263deg, #01ceff, #7108b9) 0 0 no-repeat padding-box;
    position: relative;
    padding: 15px 18px;
}

.norm-card .add-on-title span {
    position: absolute;
    background-color: #000;
    color: #fff;
    right: 0;
    bottom: 0;
    padding: 4px 12px 4px 25px;
    border-radius: 50px 0 0 0;
}

.norm-card {
    border: 1px solid rgba(175, 45, 248, .1);
    box-shadow: 0 0 30px rgba(0, 0, 0, .10196078431372549);
    border-radius: 20px;
    overflow: hidden;
}

.norm-card .card-footer {
    padding: 15px 10px;
    text-align: center;
    background-color: #fff;
}

.norm-card .card-header {
    background-color: #fff;
}

.norm-card.price .card-header {
    padding: 20px 25px 12px 20px;
}

.norm-card.price .card-footer,
.norm-card.price .card-body {
    padding: 25px;
}

.norm-card.price .card-footer button {
    font-size: 17px;
    padding: 8px 40px;
    border-radius: 25px;
}

.sub-price span {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 50px;
    color: #0191ff;
    font-weight: 700;
}

.feature-item {
    font-size: 18px;
    margin-bottom: 20px;
    color: #7a7a7a;
    font-weight: 400;
}

.feature-item b {
    color: #000000;
}

.norm-card.price.active .feature-item b {
    color: #fff;
}

.feature-item i {
    margin-right: 8px;
    margin-left: -28px;
}

.featrures-ul {
    padding-left: 28px;
}

.norm-card.price.active {
    background: transparent linear-gradient(210deg, #af2df8, #7108b9) 0 0 no-repeat padding-box;
}

.price.active .card-header,
.price.active .card-footer {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.price.active .sub-price span,
.price.active .sub-title,
.price.active .feature-item i,
.price.active .feature-item {
    color: #fff;
}

.badge-light {
    border: 2px solid rgb(var(--purple));
    font-size: 12px;
    padding: 0px 10px;
    border-radius: 20px;
    font-weight: 800;
    color: rgb(var(--purple));
    margin-left: 2px;
}

.more-then.more_tool_carousel {
    display: block !important;
}


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

        Lagucity start here

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

.subscribe {
    background: url('../assets/subscrib-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.button-in-box {
    position: relative;
    max-width: 700px;
    margin-left: auto;
}

.button-in-box .button-box {
    background-color: #000;
    position: absolute;
    right: 8px;
    top: 8px;
    border: none;
    padding: 10px 20px;
    border-radius: 11px;
    font-size: 16px;
    color: #fff;
}

.button-in-box input {
    padding: 16px 140px 18px 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .10196078431372549) !important;
    border-color: transparent;
    border-radius: 15px;
}

.button-in-box input:focus {
    border-color: rgb(var(--purple));
}

.legucit-hero-im {
    margin-top: 80px;
    max-width: 800px;
    width: 100%;
}

.legucity-hero-cont {
    background: url('../assets/legucity-pattern.png') no-repeat;
    background-size: 105%;
    background-position: bottom;
}

.legucity-hero-cont .hero-title {
    line-height: 1.4;
    font-size: 35px;
}

.legucity-hero-cont .hero-title span {
    font-weight: 600;
}

.main-features .features-item {
    max-width: 100%;
    padding: 12px 0;
}

.main-features .features-item img {
    width: fit-content;
}

.main-features-carousel {
    max-width: 1200px;
    margin: auto;
}

.laguisii-detial-titl {
    line-height: 1.5;
    margin-bottom: 20px;
}

.lagusit-det-item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    color: rgb(var(--purple));
    font-size: 18px;
}

.lagusit-det-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    background: url('../assets/icons/deytil-point.png') no-repeat;
    background-size: contain;
    background-position: center;
}

.custom-select {
    position: relative;
    width: 60px;
}

.select-value-ul {
    padding: 6px;
}

.select-value-ul li {
    cursor: pointer;
    font-family: 'Nunito Sans', sans-serif;
    padding: 3px 12px;
    font-size: 14px;
}

.select-value-ul li:hover,
.select-value-ul li.selected {
    color: rgb(var(--purple));
}

.custom-select span.init {
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
}

.custom-select li.list-li {
    cursor: pointer;
    padding: 10px !important
}

.select-box {
    width: 105px;
    position: absolute;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    top: 110%;
    left: -40%;
    display: none;
    border-radius: 15px;
}

.select-value-ul::after {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 17.5px);
    top: -1rem;
    background-image: url('../assets/icons/icon-arrow-up.svg');
    background-size: cover;
    width: 35px;
    height: 16px;
}

.down-arrow {
    position: absolute;
    right: 12px;
    top: 15px;
    margin-left: 3px;
    color: #000;
}

.arrow-rotte+.list-li .down-arrow {
    transform: rotate(180deg);
}


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

        Contact start here

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

.pattern-contact {
    background: url('../assets/contact_bg.svg') no-repeat;
    background-position: bottom;
    height: 160px;
    background-size: cover;
}

.form-control {
    border-radius: 20px;
    padding: 10px 20px;
    box-shadow: none !important;
}

.form-control:focus,
.form-control:active {
    /* border-color: rgb(var(--purple)); */
    border-color: #d07a35;
}

.contact-form .select2-container .select2-selection--single {
    padding: 8px 12px;
}

.form-control::placeholder {
    font-size: 16px;
    color: #999999;
}

.contact-form-cont {
    position: relative;
    padding: 15px;
}

.contact-form {
    padding: 36px;
    background-color: #fff;
    position: relative;
    border-radius: 6px;
}

.contact-form-cont::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 280px;
    border: 20px solid rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
    border-radius: 16px 16px 100px 100px;
}

.contact-information {
    padding: 10px 25px 25px 0;
}

.contact-link {
    font-size: 16px;
    display: block;
}

h3.contact-title {
    font-size: 20px;
    font-weight: 800;
}

h3.contact-title i {
    color: #000;
    margin-right: 10px;
}

h3.contact-title img {
    width: 30px;
    margin-left: 5px;
}

.contact-box {
    margin-bottom: 30px;
}


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

        About start here

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

.career-edu {
    background: url('../assets/about-careersBg.webp') no-repeat;
    background-size: cover;
    padding: 120px 0;
}

.leadership-c {
    background: url('../assets/edusity-outline-logo.svg') no-repeat;
    background-size: contain;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    background-size: 150% 80%;
    background-position-y: 30%;
}

.global-partnership {
    background: url('../assets/globalPartBg.webp') no-repeat;
    background-size: contain;
    object-position: 10% left;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.leadercoard-box {
    display: flex;
    gap: 5%;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto 40px;
}

.leader-content {
    flex-grow: 1;
}

.leader-image {
    width: 150px;
    height: 150px;
    min-width: 150px;
}

img.leade-img {
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    aspect-ratio: 1/1;
}

.global-partnership .leader-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.responsibility,
.solutions,
.strategic,
.about-hero {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.about-title {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #f601c2;
    max-width: 500px;
    margin: 0 auto 20px;
    font-weight: 700;
    font-size: 18px;
}

img.about-imgg {
    max-width: 500px;
    filter: saturate(30) grayscale(.9);
    margin: 20px auto 80px;
    width: 100%;
}


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

        Shopping cart start here

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

.sub-content {
    max-width: 1680px;
    width: 100%;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 60px;
}

h3.main-edusity-title {
    font-size: 32px;
    padding-left: 25px;
    margin-bottom: 60px;
    font-weight: 800;
}

.cartcontainer {
    display: flex;
    justify-content: center;
}

.carttotalit {
    padding: 0 25px;
}

.carttotalit .amount-payable {
    background: #fff0db;
    padding: 40px;
    border-radius: 30px;
}

.carttotalit .price-with-button {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 80px);
    width: calc(100% - 80px);
}

.carttotalit.shoppingcart .price-with-button {
    position: relative;
    width: 100%;
}

.shipping .cart-item .image>img {
    width: 120px;
    min-width: 120px;
}

.carttotalit .am-title {
    font-size: 24px;
}

.carttotalit h2.total-price {
    color: #df8406;
    font-weight: 800;
    font-size: 40px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.carttotalit h2.total-price>del {
    color: #bdbdbd;
    font-size: 20px;
}

.carttotalit .button-conte {
    text-align: center;
}

.carttotalit .amount-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    padding: 6px 0;
}

.carttotalit .discount {
    border-bottom: 2px solid #ddd;
    padding-bottom: 15px;
}

.carttotalit .subtotal,
.carttotalit .final_result {
    padding-top: 15px;
}

.carttotalit .tax {
    padding-bottom: 30px;
    border-bottom: 2px solid #dfb2f8;
}

.carttotalit .amount-item.final_result {
    font-size: 20px;
    font-weight: 700;
}

.carttotalit .amount-item.final_result .price {
    color: #df8406;
}

.cartitemlist {
    padding: 0 25px;
}

.cartitemlist>.tex {
    margin-top: -37px;
    margin-bottom: 10px;
}

.items-list {
    border-top: 2px solid #df8406;
    border-bottom: 2px solid #df8406;
}

.items-list::-webkit-scrollbar {
    display: none;
}

.amount-table {
    box-shadow: 0px 3px 18px #00000010;
    background: #fff;
    border-radius: 30px;
    padding: 25px;
    margin: 25px 0;
}

.shipping .amount-table {
    padding: 25px 25px 15px;
}

.carttotalit .tax .amtitle {
    position: relative;
}

.carttotalit .tax .amtitle>small.tax-lab {
    color: #656565;
    font-size: 13px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
}

.amount-payable .amount-table {
    margin: 110px 0 85px;
}

button.general-btn {
    background: #df8406;
    color: #fff;
    border: none;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.5s;
}

.delete-cont {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #c6c5c5 !important;
    margin-top: 10px;
}

.delete-cont>i {
    color: #c6c5c5 !important;
    font-size: 16px;
}

button.general-btn:hover {
    background-color: #df8406;
}

.cart-item {
    display: flex;
    gap: 15px 25px;
    padding: 28px 0;
    flex-wrap: wrap;
    border-bottom: 2px solid #dddddd;
}

.cart-item>small {
    color: red;
    display: none;
}

.cart-item.not-available>small {
    display: block;
}

.cart-item.not-available .delete-cont,
.cart-item.not-available .delete-cont>i {
    color: red !important;
}

.cart-item:last-child {
    border-bottom: none;
}

.cart-item .image {
    position: relative;
}

.cart-item .extra-category {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.cart-item .extra-category img {
    width: 100%;
    height: 100%;
}

.cart-item .image>img {
    width: 230px;
    min-width: 230px;
    aspect-ratio: 3/2;
    object-fit: cover;
    border-radius: 11px;
}

.cart-item .image>.name-cours {
    display: none;
}

.cart-item .courses-name-price {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.cart-item .cou-content {
    flex-grow: 1;
    position: relative;
}

.cart-item .name-cours h3 {
    font-size: 22px;
    line-height: 35px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cart-item .name-cours h3 a {
    color: #212529;
}

.cart-item .name-cours p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}

.courses-price {
    text-align: right;
}

.courses-price h4 {
    font-size: 24px;
    color: #df8406;
    font-weight: 800;
}

.courses-price p {
    font-size: 16px;
    text-decoration: line-through;
    color: #acacac;
    margin-bottom: 10px;
}

.extra-inof {
    display: flex;
    gap: 30px;
}

.extra-inof .info-ite {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

.extra-inof .info-ite:last-child img {
    margin-bottom: 5px;
}

.cart-suggest-carousel .item {
    padding: 22px 6px;
}

.cart-suggest-carousel .coures-card {
    box-shadow: 0px 3px 30px #0000001A;
}

.mobile_text {
    width: 100%;
}

.ship-title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 6px;
    margin-bottom: 6px;
    gap: 20px;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
}

.shipbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    font-size: 18px;
    color: #000;
}

.shipbox>i {
    color: #000;
}


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

        Shopping cart start here

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

.full_screen_cont {
    min-height: calc(100vh - 80px);
    display: flex;
}

.ful-incontent {
    text-align: center;
    max-width: 900px;
    margin: auto;
    padding: 20px 20px 100px;
}

.ful-incontent>lottie-player {
    margin: auto;
}

.ful-incontent>.text {
    line-height: 1.8;
}

.ful-incontent .title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
}

#billingAddress .form-control {
    border-color: rgb(0 0 0 / 20%);
    background: #fff;
    border-radius: 7px;
}

.empty-cart {
    max-width: 330px;
    width: 100%;
}

.max_1200 {
    max-width: 1000px;
    margin: auto;
}

.blue_text {
    color: #0088FF !important;
}

span.badge-solid {
    font-size: 8.8px;
    background: rgb(var(--purple));
    color: #fff;
    padding: 2px 10px;
    font-weight: 900;
    text-transform: uppercase;
    margin-left: 9px;
}

.features-class .tooltip-inner {
    background: linear-gradient(90deg, #7108b9, #cf3dff);
    font-size: 16px;
    max-width: 300px;
}

.features-class .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.features-class.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #9c27b0;
}

.features-class .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.features-class.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #7108b9;
}

[data-serialtip="coures-info"] .coures-info {
    display: none;
}

.tippy-tooltip {
    padding: 6px;
    background-color: #ffffff;
    border-radius: 10px;
    color: #000;
    border: 1px solid rgb(0 0 0 / 16%);
}

.tippy-content p {
    font-size: 14px;
    line-height: 20px;
}

.tippy-arrow {
    position: absolute;
    border-color: rgb(0 0 0 / 16%);
    border-style: solid;
    width: 12px;
    height: 12px;
    background: #ffffff;
    transform: rotate(-46deg);
}

.tippy-tooltip[data-placement^=right]>.tippy-arrow {
    left: -8px;
    border-width: 1px 0px 0px 1px !important;
}

.tippy-tooltip[data-placement^=left]>.tippy-arrow {
    right: -8px;
    border-width: 0px 1px 1px 0px !important;
}

.modal-content {
    border: 1px solid transparent;
    border-radius: 20px;
}

.modal-body {
    padding: 30px;
}

.title-conte {
    max-width: 300px;
    margin: 0 auto 25px;
}

.title-conte .desc {
    font-weight: 400;
    line-height: 22px;
}

.input-field {
    position: relative;
}

.input-field>input {
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    border-color: rgb(0 0 0 / 20%);
    padding: 10px 10px 10px 45px;
}

.input-field>input:focus,
.input-field>input :active {
    border-color: #df8406;
}

.input-field>i,
.toggle-password {
    position: absolute;
    top: 14px;
}

.input-field>i {
    left: 15px;
    font-size: 18px;
}

.login-modal .modal-dialog {
    max-width: 440px;
}

.toggle-password {
    right: 10px;
    cursor: pointer;
    font-size: 16px;
    color: rgb(var(--purple));
}

a.form-text.forgot-text {
    float: right;
    padding: 5px 0;
    color: rgb(var(--darkPurple));
    font-size: 14px;
}

label.form-check-label {
    font-size: 16px;
}

.form-check {
    padding-left: 1.8em;
}

.form-check-input {
    width: 18px;
    height: 18px;
    margin-left: -1.8em !important;
}

.form-check-input:checked {
    background-color: rgb(var(--purple));
    border-color: rgb(var(--purple));
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--purple), .20);
    border-color: rgb(var(--purple));
}

.login-btn button {
    margin-top: 10px;
    width: 100%;
    border-radius: 8px;
    font-size: 16px;
}

.log-foot {
    text-align: center;
}

.log-foot small {
    padding: 15px 0;
    display: block;
    text-align: center;
    font-weight: 500;
    position: relative;
}

.log-foot small.outline {
    display: inline-block;
}

.log-foot small:last-child {
    padding-bottom: 0;
}

.log-foot .outline::after,
.log-foot .outline::before {
    position: absolute;
    content: '';
    height: 1px;
    width: 50%;
    top: 50%;
    background-color: rgb(0 0 0 / 10%);
}

.log-foot .outline::after {
    right: -60%;
}

.log-foot .outline::before {
    left: -60%;
}

small.erorr {
    color: red;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}

.auth_back {
    background: url('../assets/auto_pattern.png') no-repeat;
    background-position: top;
    background-size: cover;
    position: relative;
}

.auth_back::before {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, #ffffff 20%, transparent 120%);
    inset: 0 0 0 0;
}

.registration {
    position: relative;
    background-color: #fff;
    display: flex;
    gap: 25px;
}

.rightbox,
.leftbox,
.refcont .content,
.refcont .titles {
    position: relative;
}

.rightbox .titles,
.leftbox .titles {
    font-size: 22px;
    font-weight: 700;
}


.leftbox {
    border-radius: 20px;
    overflow: hidden;
}

.leftbox>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.refcont {
    position: absolute;
    left: 0;
    padding: 15px 20px;
    bottom: 0;
    text-align: left;
    color: #fff;
    z-index: 1;
}

.refcont::before {
    content: "";
    background: linear-gradient(0deg, #000000dc, transparent);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 250%;
    z-index: 0;
}

.auth_back .ful-incontent {
    max-width: 1100px;
}

.rightbox {
    padding: 25px 25px 25px 10px;
    text-align: start;
    min-width: 560px;
    max-width: 560px;
}

.rightbox p.content {
    color: #a19b9b;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.cart_icon {
    position: relative;
}

.cart_icon .numddf {
    position: absolute;
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    font-weight: 600;
    right: 0;
    font-size: 12px;
}


/* ----------------------------
        checkbox Cards
---------------------------- */

.card__input {
    position: absolute;
    display: block;
    outline: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}

.card__input:checked~.card__body {
    box-shadow: 0 0 0 2px #4e9caf;
}

.card__input:checked~.card__body .card__body-cover-checkbox {
    opacity: 1;
}

.card__input:checked~.card__body .card__body-cover-checkbox--svg {
    stroke: #fff;
    stroke-dashoffset: 0;
}

.card__input:checked~.card__body .card__body-cover:after {
    opacity: 0;
}

.card__input:disabled~.card__body {
    cursor: not-allowed;
    opacity: 0.5;
}

.card__body {
    width: 140px;
    height: 130px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    border-radius: 10px;
}

.card__body-cover-checkbox {
    background: #4e9caf;
    border: 2px solid #fff;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    opacity: 0;
    transition: transform 0.15s, opacity calc(0.15s * 1.2) linear;
    transform: scale(1);
}

.card__body-cover-checkbox--svg {
    height: 11px;
    display: inline-block;
    width: 11px;
    vertical-align: top;
    fill: none;
    margin: 6px 0 0 -1px;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: stroke-dashoffset 0.4s ease 0.15s;
}


.rightbox .small_title {
    font-size: 18px;
    font-weight: 800;
}

.card__body-header-subtitle {
    margin-bottom: 0;
    color: #4e9caf;
    font-size: 18px;
    font-weight: 600;
}

.auth_back .grid {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 15px;
    margin-top: 15px;
}

.card__body-cover-image {
    width: 55px;
    height: 55px;
    object-fit: contain;
}

.auth_back .grid .card {
    border-radius: 10px;
    cursor: pointer;
}

.registration.screen1 .rightbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* ------------------------------------------------

    Course Detail Page

------------------------------------------------- */

.cours-tite {
    color: rgb(var(--darkPurple));
    font-weight: 700;
    font-size: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.cours-infod-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cours-infod-box p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.cours-infod-box i {
    color: #000;
    font-size: 15px;
}

.cours-infod-box i.fa-globe {
    font-size: 14px;
}

.cours-detail-box .cour-dec {
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.cours-detail-box h3.price {
    font-size: 38px;
    font-weight: 700;
}

.cours-detail-box h3.price del {
    font-size: 22px;
}

.highlight .decript-ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 50px;
}

.highlight .decript-ul li {
    padding-left: 25px;
    width: calc(50% - 25px);
    margin-bottom: 10px;
}

.highlight .decript-ul li::before {
    left: 0;
}

.over-course-detial {
    overflow: hidden;
}

.seemorebutton {
    display: block;
    margin-top: -25px;
    position: relative;
}

.seemorebutton a {
    position: relative;
}

.seemorebutton::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #fff 10%, transparent 110%);
}

#error-message .modal-content {
    overflow: hidden;
}

#error-message .modal-body {
    padding: 30px 30px 10px;
}

#error-message .title-conte {
    max-width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

#error-message .modal-dialog {
    max-width: 600px;
}

#error-message .modal-footer {
    background-color: #F7E9FF;
}

#error-message .modal-footer [type="button"] {
    border-radius: 5px;
    min-width: 120px;
    font-size: 18px;
}


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

CSS ADD BY ANIL 05-08-2023

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

.main_title {
    font-size: 45px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
    font-family: 'Nunito Sans', sans-serif;
}

.featrures_box {
    position: relative;
}

.featrures_box p {
    font-size: 20px;
    line-height: 28px;
    color: #000;
}

.featrures_box_list {
    margin: 25px 0;
}

.ft_subtitle {
    font-size: 27px;
    color: #af2df8;
    margin-bottom: 10px;
}

.featrures_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.featrures_list li {
    border: 1px solid rgba(0, 0, 0, .05);
    background: rgba(246, 1, 194, .03);
    border-radius: 8px;
    padding: 2rem;
    width: 49%;
    margin-bottom: 2rem;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.featrures_list li .features-icon {
    margin-right: 20px;
    width: 100px;
}

.featrures_list li .features-content {
    width: calc(100% - 120px);
}

.featrures_list li .sub-title {
    font-size: 18px;
    display: block;
    font-weight: 400;
    color: #7906b9;
    margin-bottom: 3px;
}

.featrures_list li p {
    font-size: 15px;
    line-height: 22px;
    margin: 0;
}

.faq_head {
    text-align: center;
    margin-top: 7.5rem;
    margin-bottom: 10rem;
}

.faq_head .faq-title {
    font-size: 27px;
    font-size: 170%;
    color: #000;
    margin-bottom: 1rem;
}

.faq_head .faq-desc {
    font-size: 19px;
    color: #ccc;
}

.faq .search {
    position: relative;
    margin-bottom: 40px;
}

.faq .search input {
    width: 100%;
    padding: .75rem 4rem .75rem 1rem;
    border-radius: 5rem;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: #fff;
}

.faq .search button {
    position: absolute;
    top: 12px;
    right: 12px;
    background: none;
    border: none;
    font-size: 20px;
}

.accordion-button:focus {
    z-index: 3;
    border: none;
    outline: 0;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    font-size: 16px;
}

.accordion-body {
    font-size: 15px;
    color: #444;
}

.accordion-item {
    margin-bottom: 15px;
    border-radius: 8px;
}

.accordion-button {
    position: relative;
    border-radius: 8px;
    padding-right: 40px;
}

.accordion-button::after {
    display: none;
}

.accordion-button::before {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    transition: transform .2s ease-in-out;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
}

.accordion-button:not(.collapsed)::before {
    background-image: none;
    content: "\f106";
    font-family: "Font Awesome 5 Pro";
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, .125);
}

.InternalHead {
    height: 30rem;
    background: #ccc;
}

.sitemap_list {
    margin: 50px 0;
}

.sitemap-header {
    font-size: 21px;
    width: 100%;
    text-align: left;
    color: #df8406;
    font-weight: 600;
    letter-spacing: -1px;
    font-weight: 300;
    margin-bottom: 1rem;
}

.sitemap_list a {
    font-size: 15px;
    color: #333;
    display: table;
    margin: 5px 0;
}

.sitemap_list span {
    font-weight: 400;
    color: #005091;
    margin-top: 20px;
    margin-bottom: 5px;
    display: block;
}

.accessibility {
    text-align: center;
}

.acess-title {
    font-size: 27px;
    margin-bottom: 2rem;
}

.accessibility p {
    font-size: 18px;
    color: #000;
    margin-bottom: 2rem;
}

.accessibility a {
    color: #333;
}

.press {
    background-image: url(https://cdn.edusity.com/press/pressBg.webp);
    background-size: cover;
    position: relative;
}

.press .internal-text {
    max-width: 80%;
    margin: 0 auto;
    position: absolute;
    border-top: 10px solid rgba(175, 45, 248, .9);
    border-bottom: 10px solid rgba(175, 45, 248, .9);
    padding: 1rem 2rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow-wrap: break-word;
}

.press .title {
    font-weight: 400;
    font-size: 42px;
    text-align: center;
    margin-bottom: 0;
}

.press .internal-text p {
    margin: 0;
    text-align: center;
}

.press-item {
    margin-bottom: 50px;
}

.press-item .image-wrapper {
    height: 200px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    background-color: #580587;
    margin-bottom: 15px;
}

.press-item .image-wrapper img {
    width: 100%;
}

.press-item .article-title {
    font-size: 19px;
    color: #333;
    line-height: inherit;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.press-item .article-title a {
    color: #af2df8;
    font-weight: 400;
}

.press-item .article-title a:hover {
    color: #000;
    font-weight: 400;
}

.press-item .date {
    color: #666;
    text-transform: uppercase;
    font-size: 80%;
    font-weight: 400;
    margin-bottom: .5rem;
}

.press-item .press-label {
    font-size: 8px;
    background-color: #af2df8;
    padding: .15rem .3rem;
    text-transform: uppercase;
    margin-left: .4rem;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    position: relative;
    top: -2px;
}

.source-link {
    margin-top: 1.25rem;
    font-size: 15px;
}

.page-title {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 3rem
}

.terms h3 {
    font-size: 180%;
    font-weight: 700;
    margin-bottom: 2rem;
}

.terms p {
    font-size: 16px;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

.terms ol {
    margin: 0 0 0 1rem;
    padding: 0;
}

.terms ol li {
    font-size: 19px;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 700;
    text-decoration: underline;
}

.terms ul li {
    margin-bottom: .25rem;
    list-style-type: disc;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
}

.privacy ul li {
    margin-bottom: .5rem !important;
    margin-top: 0;
}

.privacy .ol-for-sub-title {
    margin: 0 0 0 1rem;
    list-style-type: lower-roman;
}

.cookies-policy h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 1rem;
    text-decoration: none;
}

.cookies-policy ol li {
    text-decoration: none;
}

.cookies-policy a {
    text-decoration: underline;
}

.cookie-policy-heading,
.trademark-policy-heading {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 2rem;
}

.trademark-policy span.col {
    color: rgb(var(--purple));
}

.trademark-policy h2 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 1rem;
    /* font-family: Inter,sans-serif; */
}

.trademark-policy h4 {
    font-weight: 700;
    font-size: 18px;
    margin-top: 1rem;
}

.trademark-policy .edusity-links-li {
    font-size: 15px;
    margin: 1rem 0 0 1rem;
}

.trademark-policy .edusity-links-li li {
    margin-bottom: 1rem;
    list-style-type: circle;
    color: #8b0000;
    font-weight: 600;
}

.trademark-policy h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.careersHead {
    height: 30rem;
    background-image: url(https://cdn.edusity.com/edusityUI/CareersBg.webp);
    background-size: cover;
    background-position: bottom;
    position: relative;
}

.careersHead:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: hsla(0, 0%, 100%, .5);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.careersHead .internal-text {
    width: 60%;
    position: absolute;
    z-index: 2;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.careersHead h1 {
    font-weight: 400;
    font-size: 2.25rem;
    margin-bottom: 2rem;
}

.careersHead .section-head {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 90%;
    margin-bottom: 1rem;
}

.careersHead .button-wrapper {
    text-align: center;
}

.btn.careers {
    background: #fff;
    text-transform: capitalize;
    font-size: 16 !important;
}

.btn.careers a {
    font-size: 16px;
    border-radius: 25rem;
    color: #333;
    min-width: 100px;
    padding: 0.25rem 1.5rem;
}

.careers-intro h2 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 1rem;
}

.careers-intro .careers-subtitle {
    text-align: center;
    font-size: 20px;
    margin: 0 auto 7.5rem;
}

.careers-four-flow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.careers-four-flow div {
    width: 48%;
    margin-bottom: 2rem;
}

.careers-four-flow h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: .5rem;
    color: #000;
}

.core_value h2 {
    font-size: 24px;
    text-align: left;
    font-weight: 600;
}

.core_value p,
.our_value p {
    font-size: 18px;
}

.core_value {
    margin: 50px 0;
}

.core_value ul {
    list-style: none;
    margin-top: 1rem;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.core_value ul li {
    width: 50%;
    margin: 10px 0;
    font-weight: 600;
    font-size: 18px;
}

.core_value img {
    padding: 50px;
}

.our_value h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 1rem;
}

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

.flex-wrapper div {
    width: calc(50% - 1rem);
    margin: 15px 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 1rem;
}

.flex-wrapper div:first-of-type {
    background: rgba(238, 130, 238, .2);
}

.flex-wrapper div:nth-of-type(2) {
    background: rgba(154, 205, 50, .2);
}

.flex-wrapper div:nth-of-type(3) {
    background: rgba(240, 128, 128, .2);
}

.flex-wrapper div:last-of-type {
    background: rgba(32, 178, 170, .2);
}

.opp-head {
    text-align: center;
    margin: 0 auto 4rem;
}

.opp-head h2 {
    font-size: 24px;
    margin-bottom: 1rem;
    font-weight: 300;
    /* font-family: Inter,sans-serif; */
}

.opp-head p {
    font-size: 18px;
    /* font-family: Inter,sans-serif; */
}

.career-filters {
    width: 100%;
    background-color: #f7f7f7;
    padding: 2rem;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    margin-bottom: -0.5rem;
    display: flex;
    justify-content: space-between;
}

.career-filters .select-wrapper {
    position: relative;
    width: 40%;
}

.career-filters .select-wrapper select {
    font-size: 15px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: .75rem 3rem .75rem 1rem;
    border-radius: 2rem;
    width: 100%;
    position: relative;
    appearance: none;
}

.job-posting:last-of-type {
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .13);
}

.career-filters .select-wrapper:after {
    content: "";
    width: .7rem;
    position: absolute;
    left: auto;
    top: 1.2rem;
    right: 1.5rem;
    height: .4rem;
    background-image: url(https://cdn.edusity.com/edusityUI/icons/down-arrow.svg);
    background-size: cover;
    display: inline-block;
}

.job-posting {
    padding: .75rem 1rem;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .13);
    border-bottom: none;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.job-posting div:first-of-type {
    width: 50%;
    display: block;
    display: -webkit-box;
    line-height: 1.5rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-posting div:nth-of-type(2) {
    width: 30%;
}

.job-posting div:last-of-type {
    width: 20%;
    text-align: right;
}

.Current_Open {
    margin-top: 50px;
}

.registration .cu-primary {
    font-size: 18px;
}

#accorfaq .accordion-item {
    margin-bottom: 0;
}

#accorfaq .accordion-button::before {
    top: 20px;
}

.instructor-card h5 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboy-tile {
    font-size: 18px;
}

.log-buttons .cart_icon {
    display: inline-block;
}

.small_underline {
    text-decoration: underline;
    font-weight: 700;
    margin-top: 18px;
    margin-bottom: 8px;
}

.profile_conta {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.profile_pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    /*border: 2px solid rgb(var(--darkPurple));*/
}

.log-buttons {
    display: flex;
    align-items: center;
    gap: 0px;
}

.cubtn {
    all: unset;
    padding: 5px 12px;
    margin-right: 0 !important;
}

.cubtn span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 115px;
    margin-top: 5px;
}

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


.profile_conta .dropdown-toggle::after {
    position: absolute;
    right: 0;
    top: 50%;
}

.profile_conta .dropdown-menu[data-bs-popper] {
    top: calc(100% + 5px);
}

.profile_conta .dropdown-item {
    padding: 8px 15px;
    color: #000;
    text-transform: capitalize;
}

.profile_conta .dropdown-menu li {
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}

.profile_conta .dropdown-menu li:last-child {
    border-bottom: none;
}

.profile_conta .dropdown-menu {
    padding: 0;
}

.profile_conta .dropdown-item.active,
.profile_conta .dropdown-item:active {
    background-color: #7108b9;
    color: #fff;
}

.profile_conta .dropdown {
    max-width: 138px;
}


.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #ced4da;
    background-image: none;
    padding: 10px 20px;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none;
    padding: 10px 20px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.form-control.is-valid:focus,
.form-control.is-valid:active,
.was-validated .form-control:valid:focus,
.was-validated .form-control:valid:active {
    border-color: rgb(var(--darkPurple));
}


@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(.98, .98, .98) rotate3d(0, 0, 1, -1deg);
        transform: scale3d(.98, .98, .98) rotate3d(0, 0, 1, -1deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, -1deg);
        transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, -1deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, -1deg);
        transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(.98, .98, .98) rotate3d(0, 0, 1, -1deg);
        -ms-transform: scale3d(.98, .98, .98) rotate3d(0, 0, 1, -1deg);
        transform: scale3d(.98, .98, .98) rotate3d(0, 0, 1, -1deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, 1deg);
        -ms-transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, 1deg);
        transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, 1deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, -1deg);
        -ms-transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, -1deg);
        transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.support_banner {
    background-image: url('../assets/support-banner.jpg');
}

.supportQuery {
    border-bottom: 1px solid #ddd !important;
}

.supportQuery .nav-link {
    font-size: 16px;
    padding: 8px 30px;
}



.support_accord_com .accordion-button::after {
    width: 16px;
    height: 16px;
    background-image: url('../assets/icons/faq-plus.png');
    background-size: cover;
}

.support_accord_com .accordion-button:not(.collapsed)::after {
    background-image: url('../assets/icons/faq-minus.png');
}

.support_accord_com .accordion-item {
    border-bottom: 2px solid #7108b9;
}

.support_accord_com .accordion-button {
    box-shadow: none;
    background: transparent;
    font-weight: 600;
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.support_accord_com .accordion-button:not(.collapsed) {
    color: rgb(var(--purple));
}

.support_accord_com .accordion-body {
    font-size: 16px;
    padding: 20px 0;
}

.support_accord_com .accordion-item {
    margin-bottom: 0;
}

.support_accord_com .accordion-button::before {
    top: 20px;
}

img.plus_butttt {
    width: 50px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

img.points_pricing {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    transform: translateY(50%);
}