@import url('v773xm8id4343.min.css'); /*CSS VARIABLES*/
@import url('m488umin.css'); /*MEDIA SCREEN STYLING FOR RESPONSIVENESS*/
@import url('customize-styler.min.css'); /*SOME CUSTOMIZE CSS STYLING*/
@import url('af9338839923980089.min.css'); /*ANIMATION CSS*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*,
::before,
::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: 0.5s linear;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family:  'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

body.xpert-forge{
    background: var(--xpert-bdy);
    overflow-x: hidden;
}

.xpert-forge
header nav
.navbar-nav a
{
    font-weight: 600;
}

.xpert-header-curve
{
    border-radius: 15px;
}

/* .xpert-forge
.container-fluid */
.cart-desktop{
    position: relative;
}

.cartIs-active{
    position: absolute;
    font-weight: 600;
    left: 15px;
    top: -3px;
    font-size: 10px;
    height: 10px;
    width: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    color: var(--xpert-header);
    background: var(--xpert-clr2);
}

.margin-0{
    margin: 0;
}

.padding-0{
    margin: 0;
}

.cartIs-active-mobile
{
    /* position: absolute;
    top: -10px;
    left: 15px;
    font-weight: 600;
    color: var(--xpert-bg-black); */
    position: absolute;
    font-weight: 600;
    left: 15px;
    top: -3px;
    font-size: 10px;
    height: 10px;
    width: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    color: var(--xpert-header);
    background: var(--xpert-clr2);

}

.xmls-dts-moblie{
    position: relative;
}

/* .xpert0-xdata{
    border: 2px solid blue;
} */

.forger0spaceer{
    height: 25px;
}

.d-dmmm-forger{
    height: auto;
}

.xml-width-80{
    width: 100%;
    height: max-content;
    border-radius: 10px;
    background: var(--xpert-bg-black) url("../img/bg.png") no-repeat center;
}

.xpert0-xdata.d-dmmm-forger
.xml-width-80
.xlm-dta0-top
{
    width: 100%;
    height: 450px;
}

.xpert0-xdata.d-dmmm-forger
.xml-width-80
.xlm-dta0-down
{
    width: 100%;
    height: 402px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-flex-column{
    flex-direction: column;
}

.xlm-dta0-top{
    align-items: center;
}

.xlm-dta0-top
.main-txt-data{
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: max-content;
}

/* .main-txt-data */

.sm-top-trusted{
    width: 268px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--xpert-header);
    gap: 5px;
    height: 50px;
    margin: 0 auto;
    border-radius: 20px;
    border: 1px solid var(--xpert-header);

}

.sm-top-trusted
img{
    width: 48px;
    height: 20px;
}
.sm-top-trusted
p{
    margin: 0;
}

.max-data-1 h1
{
    font-size: 48px;
    font-weight: 600;
    color: var(--xpert-header);
    width: 600px;
    height: 112px;
    line-height: 56px;
    text-align: center;
}

.self-center{
    margin: 0;
    /* border: 2px solid blue; */
}

.self-center .updateRestyling{
    width: initial !important;
    font-size: 40px;
}

.grabbing{
    font-size: calc(1vw);
}

.clr{
    color: var(--xpert-clr);
}

.clr2{
    color: var(--xpert-clr2);
}

.main-txt-data p.xtdata
{
    color: var(--xpert-header);
    text-align: center;
    font-weight: 500;
    width: 902px;
    height: 48px;
    word-wrap: break-word;
}

.xpert-fge-gStarted
button{
    font-weight: 600;
    text-transform: capitalize;
    /* color: var(--xpert-header); */
}

.getstarted{
    background: var(--xpert-clr2) !important;
    color: var(--xpert-header) !important;
}

.xlm-dta0-down
.course-cati-wrapper
{
    height: 100%;

    overflow-y: hidden;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 0;
}
.course-cati-wrapper
.categor-by-cati
{
    width: 300px;
    height: 280px;
    flex: 0 0 300px;
}

.course-cati-wrapper
.categor-by-cati
img
{
    width: 100%;
    height: 100%;
    filter: brightness(30%);
}

.p-relative
{
    position: relative !important;
}

.category-txt
{
    position: absolute;
    top: 45%;
    z-index: 1;
    padding: 0 10px;
    text-transform: capitalize;
    color: var(--xpert-header);
    font-size: 20px;
}
/* scrollllbar scroll css stylingggggggggggggggggggggggggggggggggggg g gggggggggggggggggggggg */
.xlm-dta0-down
.course-cati-wrapper::-webkit-scrollbar,
._xldkelxddd::-webkit-scrollbar,
.x-xmle::-webkit-scrollbar,
.testimonials-wrapper::-webkit-scrollbar,
.xpert0-xdata.d-dmmm-forger 
.xml-width-80 
.xlm-dta0-down::-webkit-scrollbar,
.xpertforgeCrypto::-webkit-scrollbar{
    width: 6px;
    height: 3px;
}

.xlm-dta0-down
.course-cati-wrapper::-webkit-scrollbar-button,
._xldkelxddd::-webkit-scrollbar-button,
.x-xmle::-webkit-scrollbar-button,
.testimonials-wrapper::-webkit-scrollbar-button,
.xpert0-xdata.d-dmmm-forger 
.xml-width-80 
.xlm-dta0-down::-webkit-scrollbar-button,
.xpertforgeCrypto::-webkit-scrollbar-button{
    border-radius: 5px;
    display: none;
    width: 0;
}

.xlm-dta0-down
.course-cati-wrapper::-webkit-scrollbar-thumb,
._xldkelxddd::-webkit-scrollbar-thumb,
.x-xmle::-webkit-scrollbar-thumb,
.testimonials-wrapper::-webkit-scrollbar-thumb,
.xpertforgeCrypto::-webkit-scrollbar-thumb{
    border-radius: 40px;
    background: var(--xpert-clor3);
    box-shadow: inset rgba(0, 0, 0, 0.3);
}

.usr0-v-cmpy{
    align-items: center;
    justify-content: space-evenly;
    height: 150px;
    background: var(--xpert-header);
    border-radius: 20px;
}

.xpert-resource-company{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
}

.usr0-v-cmpy
h5{
    color: var(--xpert-clor3);
    font-weight: 500;
    font-size: 20px;
}

.xpert-shadow-sm
{
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.3);
}

.border-radius{
    border-radius: 20px;
}

.exp-sect-course{
    background: var(--xpert-header);
    height: max-content;
    width: 100%;
}

.__ft-course__{
    width: 168px;
    background: var(--xpert-bdy);
}

.__ft-course__ p
{
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: var(--xpert-clor3);
}
.__ft-course__ img
{
    width: 20px;
    height: 20px;
}

.exp-sect-course{
    align-items: center;
    justify-content: space-around;
}

.xplore-h1-wrap{
    width: 100%;
    height: 85%;
    /* align-items: center;
    justify-content: space-evenly;
    display: flex; */
    flex-direction: column;
    /* position: relative; */
    /* border: 2px dashed orange; */
}

.xpert-wrap h2{
    font-size: 38px;
    line-height: 46px;
    text-align: center;
    color: var(--xpert-clor3);
    font-weight: 600;
}

.xpert-wrap h5{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--xpert-clor3);
}

.xpert-country-select-wrapper{
    width: 320px;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    border: .3px solid var(--xpert-bg-black);
    margin: 0 auto;
    border-radius: 10px;
}

.xpert-country-select-wrapper
img{
    width: 20px;
    height: 20px;
    border-radius: 50%;

}

.xpert-country-select-wrapper
.iyakise0raphale{
    width: 90%;
    height: 100%;
    background: transparent;
    border: none;

}

.xpert-country-select-wrapper
select:focus{
    border: 2px solid var(--xpert-clor3);
    border: none;
    outline: none;
}

.xpert-forge-by-topic
.xf-xplore-link
{
    list-style: none;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 14px;

}

.xpert-forge-by-topic
.xf-xplore-link li
{
 
    font-weight: 700;
    font-size:  1rem;
    /* line-height: 24px; */
    display: inline;
}

.xpert-forge-by-topic
.xf-xplore-link li
a{
    color: var(--xpert-clor3);
}

.xpert-forge-by-topic
{
    width: 100%;
}

.sectors-navigation {
    background-color: #f8f9fa; /* Light background color */
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #ccc; /* Light border for separation */
}

.sectors-list {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #ccc;
    gap: 10px;
    scroll-behavior: smooth;
}

.sectors-list li {
    display: inline;
    /* border-bottom: 1px solid #ccc; */
    padding: 8px 2px;
    font-weight: 600;
    flex: 0 0 auto;
}

.act-ive-selection{
    font-weight: 700 !important;
    border-bottom: 1px solid #ccc;
}

.sectors-list a {
    text-decoration: none;
    /* font-weight: 600; */
    color: #3f3e3e;
    font-size: 1rem;
    padding: 5px 10px;
    border-radius: 20px;
    transition: all 0.3s ease;
    text-transform: capitalize;
}

.dxlb-clrs-tyyyype{
    width: auto;
    padding: 5px;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: transparent;
    color: var(--xpert-btn-outline);
    font-weight: 600;
    border: .3px solid var(--xpert-btn-outline);
    text-transform: capitalize;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select:none;
    border-radius: 10px;
    line-height: 1.5;
    vertical-align: middle;
    flex: 0 0 auto;
}

.active-sub-selection{
    background: var(--xpert-clr2);
    color: var(--xpert-header);
}
.ttl-course{
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 25px;
    
}
.active-sub-selection
.ttl-course
{
    background: var(--xpert-header);
    color: var(--xpert-clr2);
    border-radius: 30px;
    flex: 0 0 25px;
}

.dxlb-clrs-tyyyype:active{
    opacity: 0.7;
}

._xldkelxddd
{
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    overflow-x: auto;
    height: 80px;
}


.xpert-forge-by-contents
{
    width: 100%;
    height: max-content;
}

.xpert-forge-cnt
.cnt-descr{
    height: 40%;
    width: 100%;
}

.xpert-forge-cnt
.cnt-descr h5,
.xpert-forge-cnt
.cnt-descr h6{
    margin: 0;

}

.xpert-forge-cnt
.cnt-descr h5{
    font-weight: 600;
    font-size: 13px;
    color: var(--xpert-clor3);
}

.xpert-forge-cnt
.cnt-descr h6{
    font-weight: 500;
    font-size: 12px;
    color: var(--xpert-clr2);
}

.xpert-forge-cnt img
{
    height: 60%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-start-start-radius: 10px;
    border-start-end-radius: 10px;
}

.hrXpertTop{
    margin: 0;
}

.xpert-forge-cnt
{
    width: 289px;
    height: 250px;
    border-radius: 10px;
    flex: 0 0 289px;
}

.xjkexkd-buy{

    font-family: Montserrat;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.005em;
    text-align: center;
    
}

.tpicks
{
    width: 56px;
    height: 20px;
    background: var(--xpert-bdy);
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    font-weight: 500;
    /* padding: 2px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.xprt-cnt-pri
{
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: auto;
}

.prd-price{
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    color: var(--xpert-clr);
}

.x-xmle{
    overflow: hidden;
    overflow-x: auto;
    gap: 10px;
    margin: 3rem 0 0 0;
    height: 300px;
    display: flex;
    align-items: center;
    bottom: 0;
}

.x-xmle .xpert-forge-cnt
{
    flex: 0 0 289px;
}

.xlm-dte-sect
{
    width: 100%;
    height: max-content !important;
    background: var(--xpert-header);
    /* border-radius: 20px; */
}

.xlm-dte-sect{
    align-items: center;
    justify-content: space-evenly;
}

.xpert-forge-tp-sector{
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-wrap: wrap;
    height: 70%;
}

.xpert-forge-content-by-sectors
{
    width: 270px;
    height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    transition: all 0.3s ease;
    transform: translateY(0);
}

.xpert-forge-content-by-sectors:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    background: #f8f9fa;
    border-radius: 10px;
  }

/* .xfinanceData h5{
    margin: 5px 0;
} */

.customAnimation{
    transition: all 0.3s ease;
    transform: translateY(0);
}

.customAnimation:hover{
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    background: #191a1b;
    border-radius: 10px;
}

.cats-icons{
    width: 150px;
    height: 170px;
    background: var(--xpert-bdy);
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.cats-icons img{
    width: 100px;
    height: 100px;
}

.xpert-forge-content-by-sectors h5{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    /* line-height: 32px; */
    /* margin: 0; */
    color: var(--xpert-clor3);
    text-align: center;
}

.xpert-forge-content-by-sectors h6{
    font-weight: 600;
    font-size: 16px;
    color: var(--xpert-clor3);
    text-align: center;
}

.xpert-forge-tstimony
{
    height: max-content;
    background: var(--xpert-header);
    align-items: center;
    justify-content: space-around;
}

.xpert-tmony{
    width: 300px;
    height: 148px;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 10px;
}

.xpert-tmony
.xx-forge-tfier-xavater
{
    width: 100%;
    height: 40%;
    display: flex;
    gap: 10px;
}

.xx-forge-txt{
    height: 40%;
}

.xx-forge-txt p{
    font-weight: 400;
    font-size: 16px;
}

.xpert-tmony
.xx-forge-tfier-xavater
.xforge0-xl-d
{
    height: 100%;
}

.xpert-tmony
.xx-forge-tfier-xavater
.xforge0-xl-d h6{
    margin: 0;
    font-weight: 600;
    line-height: 24px;
}

.shw-x-sm{
    box-shadow: var(--xpert-small-shadow);
}


.xlxx058832ff{
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: space-evenly;
    height: max-content;
    width: 90%;
    gap: 2.2rem;
    overflow: hidden;
}

.xpertTestimony.moveRight,
.xpertTestimony.moveLeft{
    height: 200px;
}


.xl-tutor-wrapper{
    width: 100%;
    height: 75vh;
    background: var(--xpert-bg-black) url('../img/bg.png') no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xlm-dta0-top .main-txt-data{
    gap: 2rem;
    /* width: 60%; */
    /* margin: 2rem 0; */
}

.xpert-fge-gStarted{
    width: 80%;
}

.xlm-dta0-top .main-txt-data a{
    font-weight: 600;
    width: 50%;
}

.xlm0-itm-dta{
    width: 100%;
    height: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.xx-forge-tfier-xavater img{
    width: 40px;
    height: 40px;
}

.xtdta-side{
    width: 230px;
    height: 50px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 10px;
    color: var(--xpert-header);
    border: .4px solid var(--xpert-header);
}

.xppert-orange{
    color: var(--xpert-clr);
}

.xpert-bcome-tutor h2,
.xpert-bcome-tutor p{
    color: var(--xpert-header);
}


.xpert-bcome-tutor p{
    font-weight: 400;
    font-size: 16px;
}

.xpert-blue{
    color: var(--xpert-clr2);
}

.xpert-forge-btn
{
    background: var(--xpert-clr2);
    color: var(--xpert-header) ;
    text-decoration: none;
    padding: 0.375rem 0.75rem;
    border: none;
    outline: none;
}

.xpert-forge-btn:active{
    /* outline: 1px solid var(--xpert-header); */
    /* border: 1px solid var(--xpert-clr2); */
    opacity: .5;
}

.cnt-side-1-dta{
    align-items: center;
    justify-content: space-between;
}

.xpert-bcome-tutor{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    height: 80%;
    
}

.algn-self-flex-start{
    align-self: flex-start !important;
}

.cnt-side-1-dta,
.cnt-side-2-img{
    width: 40%;
    height: 80%;
}

.cnt-side-2-img{
    height: 100%;
}

.cnt-side-2-img img{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
}

.xtdta-side h6{
    margin: 0;
}

/* XPERT FORGE FOOTER START HERE */

.xp-section-footer{
    background: var(--xpert-bg-black);
    height: 60vh;
}

.footer-section1,
.footer-section2{
    width: 100%;
    height: 200px;
    border-bottom: .3px solid var(--xpert-header);
}

.footer-section1{
    border-right: .3px solid var(--xpert-header);
}

.footer-section1
.__logo__{
    width: 223px;
    height: 32px;
}

.footer-section1 p
{
    color: var(--xpert-header);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.footer-section2{
    justify-content: space-between;
}

.footer-section2 h5{
    color: var(--xpert-clr);
    font-weight: 600;
    line-height: 38px;
    font-size: 30px;
    margin: 0;
}

.footer-section2 p{
    color: var(--xpert-header);
}

.dtz-daAbout{
    width: 80%;
}

.xpert-forge-quick-link{
    flex-wrap: wrap;
    gap: 10px;
}

.quick{
    width: 40%;
    flex-wrap: wrap;
    color: var(--xpert-header) !important;
}

.xpert-footer-right-data,
.xlzdatStayIn-sub{
    align-self: flex-end;
}

.xlzdatStayIn-sub{
    width: 80%;
    align-items: center;
    gap:10px;
    justify-content: space-between;
}

.xlzdatStayIn-sub input{
    width: 75%;
    height: 100%;
    background: transparent;
    padding: 0 10px;
    outline: none;
    color: var(--xpert-header);
    border-radius: 10px;
    border: .2px solid var(--xpert-header);
}

.xlzdatStayIn-sub input::placeholder{
    color: var(--xpert-header);
}


.xp-section-footer{
    align-items: center;
    justify-content: center;
}

.zwxlexx-str{
    align-items: center;
    justify-content: center;
    width: 80%;
    height: 80%;
}

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

.fxldata p{
    color: var(--xpert-header);
    margin: 0;
}

.-icons-wrapper-footer{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.testimonials-wrapper{
    width: 100%;
    max-width: 1200px;
    overflow: hidden;
    /* height: 450px; */
    height: 250px;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.xpertTestimony{
    width: calc(100% * 2);
}
/*  */

.-icons-wrapper-footer a{
    color: var(--xpert-header);
    text-decoration: none;
}

.xpert-forge-select-forg-mobile{
    display: none;
}



/* XPERT-FORGE CHECKOUT STYLING START HERE */
.xpert-main-content-checkout{
    max-height: max-content;
    background: var(--xpert-header);
}

.container-xforge{
    width: 90%;
    height: max-content;
    margin: auto;
    margin-bottom: 3rem;
}

.chkout-sm-data{
    width: 232px;
    height: 36px;
    gap: 10px;
    border-radius: 10px;
    background: var(--xpert-bdy);
}

.chkout-sm-data h6{
    margin: 0;
    font-weight: 500;
    font-size: 13px;
    color: var(--xpert-clor3);
}

.xpert-forge-checkout-data-side1{
    width: 50%;
}

.xpert-shopping-cart-data{
    height: 90px;
    width: 100%;
}
.xpert-shopping-cart-data h2,
.xpert-shopping-cart-data h6{
    margin: 0;
    color: var(--xpert-clor3);
}

.xpert-main-content-checkout
.container-xforge
.checkoutItems{
    width: 100%;
    height: 75%;
}
.xpert-forge-checkout-data-btn{
    width: 40%;
    gap: 3rem;
    height: 100%;
}

.checkoutItems
.mycart-data-by-data
.data-item-cart img
{
    width: 135px;
    height: 73px;
}


.xpert-prod-name h3{
    margin: 0;
    color: var(--xpert-clor3);
    font-weight: 600;
    font-size: 15px;
}

.xpert-prod-name h3:nth-child(2){
    font-size: 20px;
    color: var(--xpert-clr6);
}

.data-item-cart{
    height: 100px;
    border-bottom: 0.23px solid gainsboro;
}

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

.product-name-and-owner{
    width: 70%;
}

.price-owner-name p{
    margin: 0;
    font-weight: 600;
}

.remove-fromc{
    width: 20.18px;
    height: 20.18px;
    border-radius: 30%;
    background: gray;
    color: var(--xpert-header);
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    cursor: pointer;
}

.ttl-data-in-xpertforge-cart{
    height: 45px;
}

.ttl-data-in-xpertforge-cart h5{
    text-align: right;
    margin: 0;
}

.chkout-sm-data{
    align-self: flex-start;
}


.xpert-shopping-cart-data h2{
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
}

.xlldftx{
    align-self: flex-start;
    color: var(--xpert-clor3);
}

.xlldftx h2,
.xlldftx h4{
    margin: 0;
}

.xlldftx h2{
    font-weight: 600;
    color: var(--xpert-clr6);
    font-size: 48px;
}

/* AABOUT US styling start here down*/
.xpert-forge-abt{
    width: 100%;
    height: 100vh;
    background: var(--xpert-header);
}

.xpert-forge-about
.categor-by-cati
{
    width: 268px !important;
    height: 100%;
    border: 1px solid var(--xpert-bdy);
    gap: 10px;
    border-radius: 20px;
    flex: 0 0 268px;
    position: absolute ;
    background: linear-gradient(to bottom, var(--xpert-bg-black) , var(--xpert-clr2));
}


.xpert-forge-about
.xlm-dta0-down .course-cati-wrapper{
    gap: 10px;
    position: relative;
    height: 100%;
    width: 100%;
    /* overflow: unset; */
    /* overflow-x: auto; */

}

/* .xpert0-xdata.d-dmmm-forger .xml-width-80 .xlm-dta0-down
{
    border: 2px solid blue;
} */

/* .course-cati-wrapper .categor-by-cati img
{
    height: 100%;
} */

.xpert-forge-about
.categor-by-cati img{
    border-radius: 20px;
    /* position: absolute; */
    bottom: 0;
    filter: brightness(100%) !important;
}

/* .xpert-forge-about
.categor-by-cati:nth-child(odd){
    top:-1.5rem;
} */

.xpert-forge-about
.categor-by-cati:nth-child(even){
    bottom: -1.5rem;
}

.xpert-white-bg{
    background: var(--xpert-header);
}
.xpert-dark-bg-noimage{
    background: var(--xpert-bg-black)
}
.xpert-dark-bg{
    background: var(--xpert-bg-black) url('../img/bg.png') no-repeat center;
}


.xpertforge-data
.xdata-abt-msg
p,
.xxf-why .sm-top-trusted p{
    color: var(--xpert-clor3);
    font-size: 13px;
    text-align: left;
    line-height: 18px;
}

.xpertforge-data
.xdata-abt-msg
.sm-top-trusted,
.xxf-why .sm-top-trusted
{
    background: var(--xpert-bdy);
}

.xpert-forge-abt-data{
    width: 90%;
    height: 300px;
    margin: .5rem auto;
}

.xx-about-img{
    width: 200px;
    height: 200px;
    background: var(--xpert-bdy);
    border-radius: 50%;
    flex:0 0 200px;
}

.xx-about-img img{
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

.about-main-msg-wrapper h2{
    color: var(--xpert-clor3);
    margin: 0;
}

.xxf-why{
    width: 100%;
    height: max-content !important;
}

.xpertforge-why-xpertforge
.xpert-forge-why-wrap
{
    width: 100%;
    height: 85%;
}

.xpert-forge-why-wrap
.wrap-data1-sm{
    width: 80%;
    height: 20%;
    margin: 5px auto;
}

.xpert-forge-why-wrap
.wrap-data1-sm h2,
.xpert-forge-why-wrap
.wrap-data1-sm p{
    margin: 0;
    text-align: center;
    
}

.xpert-forge-why-wrap
.wrap-data1-sm h2{
    font-weight: 600;
    color: var(--xpert-clor3);
    font-size: 38px;
}

.xpert-forge-why-wrap
.wrap-data1-sm p{
    font-size: 16px;
    font-weight: 500;
}

.abt-xforge-side-by-side{
    width: 80%;
    height: 70%;
}

.abt-xforge-side-by-side
.data-side-one-abt{
    width: 100%;
    height: 50%;
    margin: auto;
}


.data-side-one-abt h3{
    font-weight: 600;
    font-size: 30px;
    color: var(--xpert-clor3);
}

.data-side-one-abt
.firstFrame
{
    width: 35px;
    height: 35px;
}

.beneath-why-learner
.learnerChoose img{
    width: 25px;
    height: 25px;
}



/* moni bag    quarantee */
.xpert-moni-bag-wrap{
    width: 150px;
    height: 150px;
    margin: auto;
    background: var(--xpert-bdy);
    border-radius: 50%;
}

.xpert-moni-bag-wrap img{
    width: 70%;
    height: 70%;
    border-radius: 50%;
}

/* ABOUT US MEET OUR TEAM */
.xpert-forge-team
.meat-our-teams
{
    height: max-content;
    background: var(--xpert-bg-black) url('../img/bg.png') no-repeat center;
}

.__xlx-data__{
    margin: auto;
}

.xlx-data-img0-xls{
    width: 90%;
    height: 90%;
    margin: auto;
}

.xlx-item0-xdata h2{
    color: var(--xpert-header);
}

.clrs{
    color: var(--xpert-header);
    width: 80%;
    margin: 0 auto;
}

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

.xlx-card-txt{
    width: 100%;
    /* height: 40rem; */
    height: max-content;
    /* gap: ; */
}

.dt0img-card{
    width: 290px;
    height: max-content;
    /* height: 450px; */
    border-radius: 10px;
    margin: 1.6rem 0;
    /* background: var(--xpert-clr); */
    /* border: 2px dashed var(--xpert-header); */
    padding:0 0 2rem 0;
    /* box-shadow: var(--xpert-small-shadow); */
    transition: all 0.3s ease;
}

.dt0img-card p{
    color: #fff;
}

.dt0img-card h5{
    color: var(--xpert-header);
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.dt0img-card img{
    width: 100%;
    height: 450px;
    border-radius: 10px;
}

.xpert-community-data{
    height: max-content;
}

.xpert-community-data
.sm-top-trusted{
    background: var(--xpert-bdy);
}

button.getStared,
a.getstarted,
.xf-alone{
    display: block;
    margin: auto;
    font-weight: 600;
}

.community-join{
    height: 280px;
    width: 50%;
}

/* COURSES STYLING START HERE */
.xpert-forge-available-courses
.containers-COURSES-data{
    width: 100%;
}

.xpert-forge-available-courses
.containers-COURSES-data
.x-xmle{
    overflow: initial;
}

.xpert-forge-available-courses
.containers-COURSES-data
.contents 
{
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}

.xpert-forge-available-courses
.containers-COURSES-data
.xpert-forge-by-contents
{
    height: auto;
}

.xpert-forge-available-courses
.exp-sect-course{
    height: auto;
}

.xpert-forge-available-courses
.x-xmle .xpert-forge-cnt
{
    margin: 10px 0;
}
.course-top-sector
.xfinanceData h6{
    text-align: center;
    margin: 0;
}

.xpert-forge-available-courses
.__ft-course__{
    margin: 15px 0 0 0;
}

.xpert-country-select-wrapper-and-courses
{
    width: 80%;
    height: 80px;
    margin: 0 auto;
}

.xpert-country-select-wrapper-and-courses
.xpert-forge-select0span0-wrap
{
    width: 40%;
    height: 100%;
    border: .2px solid silver;
    border-radius: 10px;
}

.xpert-country-select-wrapper-and-courses
.seprt-search-courses{
    width: 40%;
    height: 100%;
    border: .2px solid silver;
    border-radius: 10px;
}

.search00-input
{
    width: 90%;
    height: 100%;
    border: none;
    outline: none;
}

.xpert-forge-select0span0-wrap select{
    width: 90%;
    height: 100%;
    border: none;
    outline: none;
}

.blender{
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: -10px;
    background: -moz-linear-gradient(rgba(0,0,0, 0.1), var(--xpert-bg-black) 70%);
    background: -webkit-linear-gradient(rgba(0,0,0, 0.1), var(--xpert-bg-black) 70%);
    background: -o-linear-gradient( rgba(0,0,0, 0.1), var(--xpert-bg-black) 70%);
    background: linear-gradient(rgba(0,0,0, 0.1), var(--xpert-bg-black) 70%);
}



/* BECOME A TUTOR STYLING START HERE */
.xpert-why-teach-here{
    width: 100%;
    height: 70vh;
}

.xpertforge-divide0by-three
.main-three-wrapp
{
    width: 100%;
    height: 80%;
}

.xpert-why-teach-here
.xpertforge-divide0by-three{
    width: 80%;
    height: 80%;
    margin: 0 auto;
}

.xpert-why-teach-here
.__ft-course__,
.how-XPERT-forgWorks .__ft-course__,
.xforge-tutor-success .__ft-course__{
    background: var(--xpert-bg-black);
    color: var(--xpert-header);
}

.xpert-why-teach-here
.__ft-course__ p,
.how-XPERT-forgWorks .__ft-course__ p,
.xforge-tutor-success .__ft-course__ p{
    color: var(--xpert-header);
}

.why-teach
.xpert-wrap h2,
.why-teach
.xpert-wrap h5
{
    margin: 0;
}

.xpert-nodes-wrap{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: var(--xpert-bdy);
    margin: 0 auto;
}

.xpert-nodes-wrap img{
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

.main-three-wrapp
.wrapper-one
{
    width: 318px;
    height: 346px;
}

.wrapper-one
h5,
.wrapper-one
p
{
    text-align: center;
    margin: 0;
}

.wrapper-one
h5{
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: var(--xpert-clor3);
}

.wrapper-one
p{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.005em;
    text-align: center;

}

/* HOW EXPERT FORGE WORKS */
.howXpert-works{
    height: 100vh;
    width: 100%;
}

.xforge-double-partititon{
    width: 80%;
    height: 80%;
}


.work-with-xpertforge{
    height: 90%;
}

.sideOne-data{
    width: 60%;
    height: 100%;
}

.xd-2{
    width: 40%;
}

.sideOne-data.xd-1 img{
    width: 100%;
    height: 100%;
}

/* .before:nth-child(1)::before{
    content:url('../img/frame1.png');
    width: 40px;
    height: 40px;
    background: var(--xpert-bdy);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--xpert-clr2);
    font-weight: 600;
    font-size: 23px;
    position: absolute;
    border-radius: 20px;
    box-shadow: 0px 0px 10px var(--xpert-clr6);
    left: -20px;
} */

.brdr-left{
    border-left: 3px solid var(--xpert-clr2);
}

.pad-left-3{
    padding-left: 2rem;
}

.custom0-list-add h3{
    color: var(--xpert-clor3);
    font-weight: 600;
    font-size: 24px;
}

.custom0-list-add p{
    color: var(--xpert-clor3);
    font-size: 16px;
    font-weight: 400;
}

.custom0-list-add .divide-h-three:nth-child(3){
    border: none;
    height: 25%;
}

.img-h3-wrap{
    height: 50px;

}

.img-h3-wrap img{
    width: 50px;
    position: relative;
    left: -24px;
    top: -5px;
    height: 100%;
}

.succes-msg-tutor{
    height: 100vh;
}

.success-msg-tag{
    width: 100%;
    height: 90%;
    margin: 1rem auto 0 auto;
}

.success-msg-tag 
.xpert-wrap h2{
    font-size: 38px;
    text-align: center;
    line-height: 46px;
}

.success-msg-tag 
.xpert-wrap{
    width: 80%;
    margin: auto;
}

.xl-tutor-big-testimony{
    border: .1px solid silver;
}

.overflow-yes{
    overflow: hidden;
}

.moveRight
.xpert-tmony,
.moveLeft .xpert-tmony{
    flex: 0 0 300px;
}
.moveRight .xpert-tmony{
    gap: 10px;
}
.xl-tutor-big-testimony h5{
    color: var(--xpert-clor3);
}

.xpertforge-accordion{
    min-height: 100vh;
}

.quiz-main-accordion-container{
    height: auto;
    margin: 10px auto;
    /* border: 2px solid blue; */
}

.m-2-top{
    margin-top: 1rem;
}



/* ACCORDION STYLER START HERE */
.accordion-container {
    max-width: 800px;
    margin: 50px auto;
    padding: 20px;
    /* text-align: center; */
  }
  
  .accordion-container h2 {
    color: #003366;
  }
  
  .accordion-container p {
    color: #666;
    margin-bottom: 30px;
  }
  
  /* Accordion Styles */
  .accordion-item {
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 10px;
  }
  
  .accordion-title {
    background: none;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
    padding: 15px;
    font-size: 1.1rem;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s;
  }
  
  .accordion-title:hover {
    background-color: #e0e0e0;
  }
  
  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 15px;
  }
  
  .accordion-content p {
    padding: 15px 0;
    margin: 0;
    font-weight: 600;
  }
  
  /* Active accordion styling */
  .accordion-item.active .accordion-content {
    max-height: max-content; /* Adjust as per content */
  }

  .accordion-item .icon{
    width: 24px;
    height: 24px;
    border: .2px solid var(--xpert-clr2);
    color: var(--xpert-clr2);
    flex: 0 0 24px;
  }
  
  .accordion-item.active .icon {
    transform: rotate(360deg); /* Change ➕ to ➖ on open */
  }


  
/* ACCORDION STYLER END HERE */


/* frequently asked question start here */
.xf-faqs .icon{
    color: var(--xpert-header);
    border: .2px solid var(--xpert-header);
  }


.xf-faqs
.accordion-container h2{
    color: var(--xpert-header);
}

.frequent-question
.xpert-wrap h2,
.frequent-question
.xpert-wrap h5{
    color: var(--xpert-header);
}

.frequent-question
.accordion-title{
    color: var(--xpert-header);
}

.xpert-color-orange{
    color: var(--xpert-clr);
}

.frequent-question
.accordion-title:hover{
    background: var(--xpert-hover-bg);
}

/* LOGIN AUTHENTICATION  */
/* .lgn-bg{
    background-image: url('../img/lgn-frame.png');
    background-repeat: no-repeat;
    background-position: right;
} */

/* .input-authenicate-side,
.auth-img-side{
    border: 2px solid blue;
} */

.Auth-or{
    color: var(--xpert-clr2);
    font-size: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    /* position: relative; */
}

/* .authe-top,
.auth-google-apple{
    border: 2px dashed red;
} */

.auth-input-wrapper h6{
    margin: 0;
    color: var(--xpert-clor3);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.xpert-input-group{
    height: 48px;
    border-radius: 10px;
    /* border: .1px solid gray; */
}

.xpert-input-group input{
    padding: 0 10px;
    background: transparent;
    border: none;
    outline: none;
}

.forgotPwd{
    color: var(--xpert-clr2);
    font-weight: 600;
    text-decoration: none;
}

.xpert-input-group-rem
.remember
.checkbox{
    accent-color: var(--xpert-clr2);
    outline: none;
    border: none;
}

.xpert-input-group-rem,
.lgn-btn-wrap{
    height: 50px;
}

.lgn-btn-wrap button{
    width: 100%;
    height: 100%;
    background: var(--xpert-clr2);
    color: var(--xpert-header);
    border-radius: 10px;
    outline: none;
    border: none;
    font-size: 18px;
    font-weight: 600;
    
}

.lgn-btn-wrap button:active{
    opacity: 0.7;
}


.auth-google-apple button:active{
    border: 1px solid var(--xpert-clr2) !important;
    background: rgb(243, 241, 241) !important;
}

.auth-auto-group{
    height: 90px;
}

.xf-part-login{
    margin:auto;
}

.fget-pwd .rtn-lgn{
    background-color: var(--xpert-header);
    color: var(--xpert-clor3);
}

.fget-pwd .auth-msg-wrap h4{
    font-weight: 600;
}

.fget-pwd .auth-msg-wrap p{
    font-weight: 400;
    font-size: 16px;
}

.pwd-reveal,
.form-icons{
    color: silver;
    cursor: pointer;
}

.signupCountry{
    width: 100px;
    border: none;
    outline: none;
}
.xpert-std-login::-moz-selection,
.xpert-std-login::selection{
    background: var(--xpert-clr2);
    color: var(--xpert-bg-black);
}

.xpert-login-data{
    padding-bottom: 2rem;
}

/* .xpert-forge-cnt{
    border: 2px dashed yellow;
} */

/* product course popup start here */
.xpert-course-popWrap{
    position: absolute;
    top: 0;
    right: -310px;
    z-index: 3;
    width: 300px;
    /* min-height: 100%; */
    height: 0;
}

.popupContentWrap{
    backdrop-filter: blur(15px);
    border-radius: 10px;
    /* background: rgba(226, 226, 222, 0.534); */
    background: var(--xpert-header);
    overflow: hidden;
}

.xpert-course-popWrap::before{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: var(--xpert-header);
    display: block;
    transform: rotate(50deg);
    top: 50%;
    left: -5px;
    z-index: -3;
    box-shadow: var(--xpert-small-shadow);
}
.xpertForge-prduct0yakise{
    position: relative;
    /* z-index: 2; */
}

.courseInfo h2{
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: var(--xpert-clr2);
}

.courseInfo span{
    width: auto;
    height: auto;
    font-size: 13px;
    padding: 0 3px;
    background: var(--xpert-bg-black);
    color: var(--xpert-header);
    display: inline-block;
}

.popMiddle-data1 h5{
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: var(--xpert-clr2);
}

/* .courseInfo-middle{
    border: 1px solid blue;
} */

.courseInfo-middle p{
    /* display: -webkit-box; */
    font-size: 10px;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    /* overflow: hidden; */
    -webkit-box-orient: horizontal;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.buyNowData button{
    font-weight: 600;
    font-size: 15px;
    border-radius: 6px;
}

.buyNowData button.btn:nth-child(2){
    background: var(--xpert-clr2);
    color: var(--xpert-header);
    /* font-weight: ; */
}

.xdspan{
    border-radius: 5px;
}

.customizeBtn{
    width: 4rem;
    border-radius: 5px;
    align-self: center;
    display: none;
}

a.cust-aLinnk{
    border-radius: 5px;
    border: .1px solid var(--xpert-clr2);
    text-decoration: none;
    font-weight: normal !important;
}

.blueBg a{
    border-radius: 5px;
    text-decoration: none;
}


/* BECOME A TUTOR RE-STYLE START HERE */
/* .xb-btill{
    border: 2px solid red;
} */

.xpertforgeTeamImg{
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 90%;
}

/* .man-3ftxxusrd,
.h6p{
    border: 2px solid blue;
} */

.tutor-tp-cnt h1{
    color: var(--xpert-header);
    font-size: 3rem;
}

.tutor-tp-cnt p{
    color: var(--xpert-header);
}

.tutor-tp-cnt{
    margin: 1rem 0;
}

.man-3ftxxusrd .sm-top-trusted{
    align-self: flex-start;
}

.xwy0{
    width: 100%;
    height: 70vh;
    margin: 1rem 0 0 0;
}

.thatthree{
    width: calc(100% / 3);
    height: 100%;
}

.three-xpert-why{
    height: 80%;
}

.thatthree
.dta-type-img-wrap{
    width: 150px;
    height: 150px;
    background: var(--xpert-bdy);
    border-radius: 50%;
}

.thatthree
.dta-type-img-wrap img{
    width: 80%;
    height: 80%;
    border-radius: 50%;
}

.thatthree p,
.thatthree h6{
    text-align: center;
    color: var(--xpert-clor3);
    /* width: 80%; */
}
.thatthree p{
    font-weight: 500;
    font-size: 16px;
}
.thatthree h6{
    font-size: 1.5rem;
    font-weight: 600;
}

.insOutDataWrap{
    margin: 1.5rem auto;
    width: 100%;
    height: 100vh;
}

.iconsTxtWrap{
    height: 180px;
    border-left: 3px solid var(--xpert-clr2);
}

.iconsTxtWrap:last-of-type{
    border: none;
}

.tocolumns{
    margin-top: 3.5rem;
}

/* .tutor0side-contents .max-content-h{
    border: 2px solid green;
} */

.xtesticles h4{
    font-weight: 600;
    color: var(--xpert-clor3);
}

.xtesticles p,
.mainTestimony p{
    /* font-weight: 500; */
    color: var(--xpert-clor3);
    text-align: center;
}

.numIconsXforge{
    position: absolute;
    top: -10px;
    left: -30px;
}

.xpert-data-wrapper{
    margin: 1rem 0 0 0;
}
.xwrapx{
    margin:0 auto;
}
.whatTutorSaid{
    margin: 0  auto;
    height: 250px;
}

.tutorsTestimonials{
    height: 200px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.tutorsTestimonials article{
    width: 300px;
    height: 95%;
    flex: 0 0 300px;
    /* border: 2px solid blue; */
}

.noOvaflow{
    overflow: hidden;
}

/* .mainTestimony .commentators{
    border: 2px solid red;
} */

.commentators p{
    font-weight: normal;
}

.tutor0side img{
    width: 80%;
    display: block;
    margin: 0 auto;
    height: 100%;
}

.becomeAtutor .xtdta-side h6{
    font-size: 13px;
    color: var(--xpert-clor3);
    font-weight: 400;
}

.becomeAtutor
.xpert-dark-bg-noimage{
    background: var(--xpert-bdy);
    /* color: var(); */
}

.tutorfaqs{
    margin: 2rem 0;
}

.tutorfaqs h5{
    font-size: 2rem;
    color: var(--xpert-clor3);
    font-weight: 600;
}

.tutorfaqs p{font-weight: 500;}
/* product mouse enter popup ends here */

.lastleft h2,
.lastleft p{
    color: var(--xpert-header);
}

.lastleft h2{
    font-size: 2.5rem;
}

.margin-top{
    margin-top: 1rem;
}

.padding-top{
    padding-top: 1rem;
}

.xpertdownd  img{
    width: 100%;
    height: 100%;
}

/* ._xpert-oneWidthForAll_{
    margin-bottom: 2rem;
} */

.numIconsXforge{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 2px solid red; */
}

.numIconsXforge img{
    width: 80%;
    height: 80%;
}

/* NEW UPDATE START HERE */
.xpspacerNew{
    height: 50px;
    width: 100%;
    flex:0 0 50px;
}

.xpspacerNew2{
    height: 30px;
    width: 100%;

}

.xtesticles p{
    text-align: left;
}
.xpert-asideContents{
    max-height: fit-content !important;
}

/* .fl30439fssdfs{
    padding-bottom: 2rem;
} */

.lst-txt-wrap0ihaks{
    height: auto !important;
}

.xpert-login-data.xpert-login-data.h-90vh{
    height: max-content !important;
}

.sm-icon-goggle{
    width: 30px;
    height: 30px;
}

.xpert-login-data.h-100vh{
    height: max-content !important;
}

.tutor0side.xw-60{
    /* border: 2px solid red; */
    height: 500px;
}

/* .iyakise-xprtforge .xpert-course-popWrap{
    width: 100% !important;
} */

.errtxt{
    border: 1px solid var(--bs-red);
}

._xfusrSignup_:disabled,
.__xflogin__:disabled,
.codeRQuest:disabled,
.resetpwd0btn:disabled,
.pwd-reseetRequest:disabled{
    opacity: 0.5;
    cursor: no-drop;
}

.selectCrytoPayment{
    width: 95%;
    height: 100%;
    padding: 5px;
}

.toggleIncons{
    cursor: pointer;
}

.xpert-country-select-wrapper .iyakise0raphale{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* crypto payment index page */
.xpertforgeCrypto{
    width: 320px;
    height: auto;
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 100;
    max-height: 300px;
    overflow: auto;
    background: var(--xpert-header);
    padding-top: 0 !important;
    border: 2px solid rgb(81, 255, 0);
}

.cryptopayment.btn{
    width: 50%;
    border-radius: 10px;
    font-weight: 600;
    background: var(--xpert-clr2);
    color: var(--xpert-header);
}

.active-methodusersS.btn{
    background: var(--xpert-clr);
}

.xpert-country-select-wrapper{
    flex-wrap: wrap;
    position: relative;
}

.paymentOftions{
    height: 50px;
    border-bottom: 1px solid gainsboro;
}

._tf43ss554f__ .xpert-course-popWrap
{
    position: absolute;
    top: 0;
    right: 0;
    width: 289px;
}

._tf43ss554f__ .xpert-course-popWrap::before{
    display: none;
}

._tf43ss554f__ .popupContentWrap{
    background: transparent;
}

._tf43ss554f__ .courseInfo-middle{
    background: var(--xpert-header);
}

.popMiddle-data1{
    height: 20px;
}


/* POP */
.popovaley{
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.__v_v {
    width: 80%;
    height: 50%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
    flex-direction: column;
}

.xtfxxx_p,
.__pdx__resetpwd0{
    position: relative;
}

.token_verify_error{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius:5px;
    backdrop-filter: blur(10px);
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
}

.xpert-std-login__error__title{
    color: var(--xpert-header);
    font-size: 1.5rem;
    text-align: center;
}

.xpert-forge-cnt-details-title{
    width: 100%; /* Adjust as needed */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Show only 2 lines */
    line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

.__xcl__sfcxx__{
    position: relative;
}

.skele {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    position:absolute;
    top:0;
    z-index: 10;
    gap: 10px;
    align-items: center;
}

.skeletonLoading{
    width: 289px;
    height:250px;
    border-radius: 10px;
    flex:0 0 289px;
    /* background: linear-gradient(40deg, silver, white, gray); */
}

.errLetter{
    border:1px solid rgb(221, 55, 55) !important;
}

.xpertBridgeActivePage{
    color:var(--xpert-clr2) !important;
}

.xpert_wrapper{
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: 100000;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.xpert_wrapper .__c_choice{
    width: 70%;
    height: 90%;
    background: var(--xpert-header);
    border-radius: 15px;
}

.activecheckout{
    overflow: hidden;
}

.liy3oidd h2{
    color: var(--xpert-clr2);
    font-size: 1.5rem;
}


.localCurrencyConverter{
    width: 100%;
    height: 40px;
    border: 1px solid var(--xpert-clr2);
    border-radius: 10px;
}

.localCurrencyConverter:focus{
    border: 2px solid var(--xpert-clr2);
}

.__fiatCurrency.btn{
    background: var(--xpert-clr2);
    color: var(--xpert-header);
    font-weight: 600;
    text-transform: capitalize;
}

.__crypto.btn{
    background: var(--xpert-clr);
    color: var(--xpert-header);
    font-weight: 600;
    text-transform: capitalize;
}

.__xfc__{
    margin: 0 auto;
}

.liy3oidd{
    margin: 0 auto;
}

.__spacer__{
    height: 40px;
}

.__sxl4xxs{
    /* display: block; */
    width: 100%;
    height: 60%;
    position:relative;
}

.spacerX{
    height: 30px;
}

.__optionsSelect{
    overflow: hidden;
    overflow-y: auto;
}

.__optionsSelect::-webkit-scrollbar-thumb{
    width: 8px;
    background: var(--xpert-header);
}

/* .xpert0iyakisefiat h5{
    text-align: center;
} */

.-active-btn0-{
    border: 2px solid var(--xpert-clor3) !important;
}


.__lsxlli__{
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.3); */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items:center;
    justify-content: center;
    z-index: 1;
}

/* .fiatdatainside{
    width: ;
} */

.fiatdatainside,
.cryptodatainside{
    /* border: 2px solid yellow; */
    margin: 0 auto;
    height: 80%;
    display: none;
}

.continuePaymentHere.btn{
    background: var(--xpert-clr2);
    color: var(--xpert-header);
    font-weight: 600;
}

.fiatdatainside.active-method,
.cryptodatainside.active-method{
    display: flex !important;
}

.continuePaymentHere {
    width: 100%;
    /* position: fixed; */
    bottom: 0;
}

.__bb_spacer{
    height: 10em;
    width: 100%;
}

#feedbackText:focus{
    border: 1px solid var(--xpert-clr2);
}

#feedbackText:focus-visible,
.em:focus{
    outline: 2px var(--xpert-clr2);
}

.submit-btnFeed {
    background: var(--xpert-clr2);
    color: white;
}

.success-error{
    width: 100%;
    position: absolute;
    height: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 10;
}

.xctn.btn{
    background: var(--xpert-clr2);
    color: var(--xpert-header);
    font-weight: 600;
}

.lxl__x{
    position: absolute;
    z-index: 100;
}

.btn-crypto.btn{
    background: var(--xpert-clr);
    color: var(--xpert-header);
    font-weight: 600;
}

.__crypto.btn:disabled{
    background: var(--xpert-clr);
    opacity: 0.5;
}

.__fiatCurrency.btn:disabled{
    background: var(--xpert-clr2);
    opacity: 0.5; 
}

.__eml__crypto,
.__Etim,
.__emls__{
    font-size: 16px;
    color: var(--xpert-clr2);
}

/* .__Etim{
    font-size: 16px;
} */

.iyakise0raphale{
    width: 100% !important;
}

.typechoose__ser{
    position: absolute;
    top: 3vw;
}

.fiat.btn{
    background: var(--xpert-clr2);
    color: var(--xpert-header);
    font-weight: 600;
}
.crypto.btn{
    background: var(--xpert-clr);
    color: var(--xpert-header);
    font-weight: 600;
}

.crypto.btn:hover{
    background: var(--xpert-clr);
    opacity: 0.8;
    color: var(--xpert-header);
}

.fiat.btn:hover{
    background: var(--xpert-clr2);
    opacity: 0.8;
    color: var(--xpert-header);
}

.select {
    background:transparent;
    border: none;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    overflow: hidden;
}

/* Ensure the select dropdown width matches the select box */
.select {
    /* width: 200px; Adjust as needed */
    max-width: 100%; /* Prevent it from exceeding its container */
  }
  
  /* Prevent options from being wider than the select */
  .select option {
    width: 200px; /* Ensures options match the select width */
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides overflowing text */
    text-overflow: ellipsis; /* Adds '...' for long text */
  }
  
/* .__crypto_js__,
._etim_Iyakise_{
    display: none;
} */

.__active_type__{
    display: inline-block;
}

/* Common styles for select elements */

  
  /* The .hidden class will hide the element with slide-up effect */
  .hidden {
    display: none;
  }
  
  /* The visible state (or simply no .hidden class) should have a defined max-height */
  /* #fiatSelect, #cryptoSelect {
    max-height: 200px; 
    opacity: 1;
    visibility: visible;
  }
   */
  /* Fade-in and fade-out effect */
.fade {
    transition: opacity 0.5s ease;
    opacity: 1;
  }
  
  .fade.hide-opacity {
    opacity: 0;
  }


  /* reveal more */
  /* Navigation buttons */
.prev-btn, .next-btn {
    position: absolute;
    top: 50%;
    right: 0;
    /* transform: translateY(-50%); */
    background: var(--xpert-clr2);
    color: var(--xpert-header);
    border: none;
    cursor: pointer;
    font-size: 14px;
    z-index: 2;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Position the previous button on the left */
  .prev-btn {
    left: 5px;
  }
  
  /* Position the next button on the right */
  .next-btn {
    right: 5px;
  }
  

  .category-list{
    overflow-x: hidden;
  }


  /* contact us start here */
  .xliassLlt{
    height: max-content;
    /* border: 2px dashed black; */
  }

  .xflccexi{
    background: var(--xpert-header);
    height: 100%;
  }

  /* .xlxSiderz{
    border: 2px solid red;
  } */

  /* .xlxSiderzAlt{
    border: 2px solid blue;
  } */

  .__cnt-img__{
    width: 100%;
    height: 100%;
  }

.xlxSiderz,
.xlxSiderzAlt{
    width: 45%;
    height: 45rem;
}

.xlxSiderzAlt  h5,
.xlCmpss{
    font-size: .8rem;
}

.mtnbridde{
    width: 50%;
    height: 85px;
    display: flex;
    flex-direction: column;
}

.mainInputWrapper input{
    width: 95%;
    height: 100%;
    padding: 0 5px;
    outline: none;
    border: none;
    background: transparent;
    border-start-end-radius: 25px;
    border-end-end-radius: 25px;
}

.mainInputWrapper{
    height: 50px;
    border-radius: 25px;
    border: 1.3px solid rgb(219, 215, 215);
}

.mainInputWrapper svg{
    margin:  0 0 0 5px;
}

.mtnbridde_fullW{
    width: 100%;
    height: 85px;
    display: flex;
    flex-direction: column;
    /* border: 2px dashed blue; */
}

.mtnbridde_fullW .mainInputWrapper svg{
    margin: 0 0 0 10px;
}

.txtXPlace{
    width: 100%;
    height: 180px;
    padding: 5px 10px;
    border-radius: 15px;
    border: 1.3px solid rgb(219, 215, 215);
    outline: none;
}

.mainInputWrapperXX{
    width: 100%;
}

.mtnbridde_fullWXX{
    width: 100%;
}

.typecounter{
    align-self: flex-start;
    font-size: 14px;
}

.__the_nameXpert__.btn{
    width: 100%;
    height: 40px;
    background: var(--xpert-clr2);
    font-weight: 600;
    color: var(--xpert-header);
}

.reachOut{
    width: max-content;
    border-radius: 10px;
    border: 1px solid black;
}

.reachOut h6{
    margin: 0;
}

.evryWrap{
    width: 80%;
    height: 400px;
    margin: 0 auto;
}

.three1one{
    width: calc(100% / 3);
    height: 100%;
}

.three1one .Elex{
    display: flex;
    width: 30px;
    height: 30px;
    background: var(--xpert-bdy);
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--xpert-clr2);
}

.three1one h6{
    font-weight: 600;
}

.three1one a{
    font-weight: 400;
    text-decoration: none;
    color: var(--xpert-clr2);
}

.userTpe{
    border: none;
    outline: none;
}

/* .__sxl4xxs {
    height: 400px !important;
    border: 2px solid blue;
    overflow-y: auto;
} */

/* .__optionsSelect::-webkit-scrollbar-track{
    background: transparent;
} */



/* COURSE DETAILS PAGE STYLING START HERE */
.detailsInfor{
    width: 100%;
    height: max-content;
    /* background: var(--xpert-bg-black); */
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    overflow: hidden;
    padding: 1rem 0;
}

.crumb{
    color: var(--xpert-header);
}

.crumb h6{
    font-weight: normal;
    flex: 0 0 auto;
}

.detailWrapps{
    margin: 0 auto;
    color: var(--xpert-header);
}

.tpicskWrap .tpicks{
    color:var(--xpert-clr6) !important;
}

.tutorname{
    color: var(--xpert-clr6);
}

._thnk_,
.creatorInfo h6,
.lastUpdateData{
    font-size: 14px;
    font-weight: normal;
}

.__wrappers{
    margin: 0 auto;
    height: max-content;
    border-radius: 10px;

    /* border: 1px solid var(--xpert-silver); */
}

.add-border-sm{
    border: 1px solid var(--xpert-silver);
}

.updateDate{
    flex: 0 0 auto;
}

.styler{
    height: 100%;
}

.__ttl__ h6{
    font-weight: normal;
}

.__xpertsBrigeCourseXOntents
.couser-contents{
    height: 60px;
    border-bottom: 1px solid var(--xpert-silver);
}

.courseimagWrappz img{
    height: 200px;
}

/* .wrapperDatas{
    border: 2px solid blue;
} */

.btn.buyNow{
    box-shadow: var(--xpert-shadow2);
    font-weight: 600;
    margin: 10px  0;
}

.btn.AddtoCart{
    background: var(--xpert-clr2);
    color: var(--xpert-header);
    font-weight: 600;
    box-shadow: var(--xpert-shadow2);

}

.re-arrange{
    flex-direction: row-reverse;
}

.chizzyAlichi h6{
    font-weight: normal;
    margin: 15px 0;
}

.__xpertsBrigeCourseXOntents .couser-contents:last-of-type{
    border-bottom: none;
}

.imgWrapper{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    flex: 0 0 70px;
    background: silver;
    padding: 5px;
}

.imgWrapper img{
    border-radius: 50%;
}

.tutorXData p{
    margin: 0;
}

.instutitionImage{
    width: 40px;
    height: 40px;
    background: gray;
}

.wks h6{
    text-align: center;
}

.wks{
    width: 10%;
}

.__txtslidt {
    width: 90%;
}

.xpertForge-prduct0yakise{
    text-decoration: none;
    color: initial;
}

.xlkkkkekffxtc{
    border-bottom: 0.02px solid silver;
}

.xlkkkkekffxtc:last-child,
.m-btm:last-child{
    border: none !important;
}

.m-btm{
    margin: 8px 0;
    border-bottom: 1px solid silver;
}

.sdlfasdlkf__{
    overflow: hidden !important;
    background: transparent !important;
}

.sdlfasdlkf__
.xlm-dta0-down .course-cati-wrapper{
    overflow: hidden !important;
}

/* .sdlfasdlkf__  .xlm-dta0-down .course-cati-wrapper{
   
} */


/* crypto fiat restyle here */
.xpertSBridgeDesktopSelect{
	width:30vw;
	min-height:50px;
	height:max-content;
	margin:0 auto;
	padding:2px 8px;
	display:flex;
	row-gap:.5rem;
	align-items:center;
	justify-content:space-between;
	flex-direction:column;
	border-radius:10px;
	transition: height 1s ease-in;
    position: relative;
    border: 0.02px solid var(--xpert-silver);

}


.xpertSBridgeDesktopSelect
.selectedName,
.xpertSBridgeDesktopSelect
.ContentsDropDown{
	width:100%;
}


.xpertSBridgeDesktopSelect
.selectedName{
	display:flex;
	height:50px;
	align-items:center;
	justify-content:space-between;
}

.xpertSBridgeDesktopSelect
.ContentsDropDown{
	display:none;
	min-height:250px;
    position: absolute;
    top:70px;
    background: var(--xpert-header);
    z-index: 100;
}

.xpertSBridgeDesktopSelect
.selectedName button{
	width:5%;
	height:100%;
	background:transparent;
	border:none;
	outline:none;
	border-radius:5px;
	cursor:pointer;
}

.xpertSBridgeDesktopSelect
.selectedName button:focus{
	background:var(--xpert-clr7);
	/* outline:2px solid var(--xpert-clr2); */
	
}

.xpertSBridgeDesktopSelect
.ContentsDropDown
.dataSwither{
	position:sticky;
	top:0;
	width:100%;
	height:40px;
	display:flex;
	gap:.7rem;
	flex-direction:row-reverse;
}

.xpertSBridgeDesktopSelect
.ContentsDropDown
.dataSwither button{
	height:auto;
	width:calc(100% / 2);
	padding:.2rem;
	border:none;
	outline:none;
	border-radius:8px;
	transition:border .5s linear;
}

.xpertSBridgeDesktopSelect
.ContentsDropDown
.dataSwither button.cryptoBtns{
	background:var(--xpert-clr2);
	color:#ffffff;
	font-weight:600;
}

.xpertSBridgeDesktopSelect
.ContentsDropDown
.dataSwither button:focus{
	outline:4px solid silver;
}
.xpertSBridgeDesktopSelect
.ContentsDropDown
button.fiatsBtns{
	background:var(--xpert-clrbg);
	color:white;
}

.xpertSBridgeDesktopSelect
.ContentsDropDown .SelectDataSelect{
	width:100%;
	margin:5px 0 0 0;
	height:300px;
	overflow:hidden;
	overflow-y:auto;

}

.xpertSBridgeDesktopSelect
.ContentsDropDown .SelectDataSelect select{
	width:100%;
	overflow-y:auto;
	border:none;
	outline:none;
}

.xpertSBridgeDesktopSelect
.ContentsDropDown .SelectDataSelect select option{
	height:45px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	border-bottom:1px solid var(--xpert-clr7);
}

.showDropdown .ContentsDropDown{
	display:block;
	transition: height 1s linear;
}

.yesSelectedData{
	width:95%;
    display: flex;
}
.yesBride{
	width:100%;
	overflow:hidden;
    flex: 1 1 auto;           /* allow shrinking */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.SelectDataSelect{
    border: 0.002px solid var(--xpert-silver);
}

.toKnown{
    display: none;
}

.Active-currencySelector.toKnown{
    display: inline-block!important;
}

/* hide JS-only widgets when JS is off */
.no-js .js-only { display: none; }

/* hide non-JS fallbacks when JS is on */
.js .no-js-only { display: none; }

.xpert-bcome-tutor h2{
    font-size: calc(1.325rem + .9vw) !important;
}

.finalResult{
    outline:none;
    border:none;
    width:100%;
    color:silver;
    text-align:left;
}

.select2-container--default .select2-selection--single{
    border:none !important;
}

.select2-search--dropdown .select2-search__field:focus{
    outline:none;
    border:none;
}



.Active-currencySelector .select2-container{
    width:100% !important;
    height:100% !important;
}

.xpert-forge-checkout-data-btn
.select2-container{
    border:1px solid var(--xpert-clr2);
    border-radius: 10px;
    width:100% !important;
    /* background: #0b4eca; */
    /* overflow: hidden; */
}

.xpert-forge-checkout-data-btn .select2-container
.selection{
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px;
    background: transparent;
}

.__cocky_loading{
    color: var(--xpert-clr2);
    position: relative;
    top: -55px;
}

.searcherszzz input{
    width: 100%;
    /* height: 30px; */
    padding: 0 10px;
    border-radius: 10px;
    border: 1px solid var(--xpert-clr2);
    outline: none;
    background: transparent;
}

.accordion-content ol li,
.accordion-content p{
    color: var(--xpert-header);
}


.p-column-P .accordion-container
.accordion-item p{
    color: var(--xpert-bg-black);
    font-size: initial !important;
}

.xpertforge-data .xdata-abt-msg p{
    width: 70%;
    text-align: left;
    /* margin: 0 auto; */
    font-weight: 500;
    font-size: 16px;
}

/* .prices.xpert-prod-name h3:nth-child(2){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

} */

/* .hello-mr-iyakise-can-you-hear-me{
    border: 2px dashed red;
} */

.btn.xlx-iyakise{
    background: var(--xpert-clr2);
    color:var(--xpert-header);
}

.bg-blue{
    background: var(--xpert-clr2);
    color: var(--xpert-header);
    border: none;
}


.team-ttl{
    color: var(--xpert-clr);
    display:block;
    /* margin:0 0 2rem 0 ; */
    font-size:1rem !important;
    /* text-transform: capitalize; */
}

.xpert-forge-abt-data{
    justify-content: flex-start;
    gap: 2rem;
    /* border: 2px dashed red; */
}

.xpert-forge-abt-data
.about-main-msg-wrapper{
    width: 80%;
    /* border: #003366 1px solid; */
}

.about-main-msg-wrapper h2.text-center{
    text-align: left !important;
}

.yakie_askdksdado349438{
    width:100%;
    height:max-content;
    border-radius:10px;
    display: none;
}

.small-small-d{
    width: 100%;
/*    height: 50px;*/
/*    border-bottom: 2px solid var(--xpert-clr2);*/
}

/**/
.sectionName-container{
    width:90%;
}

.sectionName-container h4{
    margin: 0;
}

/*.small-small-d.with-child
{
    height: ;
}*/

/*.small-small-d*/
.popupdatapopulate{
    width: 100%;
    height: 345px;
}

.popupDatauyo {
    border-bottom: 1px solid silver;
    padding: .5rem !important;
}

.popupshowHideshow{
    display: none;
}

.Yakise-said-show .popupshowHideshow
{
    display: flex;
}
.scroll-x-active {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
/*    border: 2px teal dashed;*/
    width: 100%;
}

/* Chrome, Edge, Safari */
.scroll-x-active::-webkit-scrollbar {
    display: none;
}

.__chop__arrow__down{
    background: transparent;
    border: none;
    outline: none;
}

.__chop__arrow__down:focus{
    outline: 2px solid var(--xpert-clr2);
    border-radius: 5px;
}

/*.main__courseMobile{
    border: 2px solid yellow;
}*/

.main__courseMobile {
    position: relative;
    top: -15px;
    height: 260px;
}

.popupshowHideshow{
/*    position: absolute;*/
    top: 50px;
    width: 100%;
}

/*.popupdatapopulate{
    border: 2px solid yellow;
}*/

.__xl__:hover{
    color: var(--xpert-clr2) !important;
}


/*LANDING POPUP START HERE*/
.landing-pop{
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, .7);
    position: absolute;
    z-index: 1000000;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-pop-active{
    position: relative;
    overflow-y: hidden;
}

.landing-pop-active
.__xdivc__{
    width:40%;
    height:80%;
    background: var(--xpert-header);
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;

}

.data-t-data{
    width: 100%;
    height: 580px;
    /* border: 2px solid blue; */
    overflow-y: scroll;
}

.__Xcfxxx__{
    /* border: 2px solid red; */
    height: 450px;
}

.__Xcfxxx__ img{
    height: 50%;
    /* border:lightgreen 2px dashed; */
}

.descr-descr p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

span.select2-container--open .select2-dropdown--above
{
    width: 200px !important;
}


section.xl-tutor-wrapper{
    height: max-content;
}

.success-error h4{
    text-align: center;
}


.slick-list{
    height: 100% !important;
    /* border: 2px solid red; */
}

.slick-track{
    height: 100% !important;
}

.slick-dotted.slick-slider{
    margin: 0 !important;
}

.xpert-forge-about .categor-by-cati
{
    display: flex !important;
}

.xpert-forge-about .categor-by-cati img
{
    flex:0 0 268px;
    gap: 5rem !important;
    display: flex;
}

.grabbing{
    flex: 0 0 auto;
}