*
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{
    font-family: "Plus Jakarta Sans", sans-serif !important;
    overflow-x: hidden !important;
}
.navbar{
    background-color: #F5F5F5;
    padding: 0px !important;
}
.navbar-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 14px 60px;
}
.navbar-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-links{
    display: flex ;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.nav-bbtn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.nav-itm-clicable{
    display: flex;
   
    justify-content: center;
    text-decoration: none;
}
.nav-itm-clicable p{
    color: #050038;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px !important;
}
.nav-itm-clicable1{
    text-decoration: none;
    color: #050038;
}

.nav-itm-clicable p:hover , .nav-itm-clicable1 p:hover{
    color: #4262FF;
}
/* .nav-itm-clicable svg:hover path{
    stroke: #4262FF;
} */
.nav-itm-clicable1 p{
    /* padding-bottom: 7px; */
    font-size: 16px;
    margin-bottom: 0px !important;
    font-weight: 400;
}
.navttn-1 button, .navttns-1 button{
    padding: 10px 30px;
    background-color: #F24E1E;
    color: #fff;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    cursor: pointer;
}
.navttn-1 button:hover{
    background-color: #A259FF;
}
.navttn-2 button, .navttns-2 button{
    padding: 10px 30px;
    background-color: #050038;
    color: #fff;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    cursor: pointer;
}
.navttn-2 button:hover{
    background-color: #FFD02F;
}
.baaner{
    /* background-image: url("/images/Icons.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}
.banner-home-padding{
    padding: 90px 0px 133px 0px;
}
.bnner-main{
    /* background-image: url("/images/Icons.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 75px 0px;
    position: relative;
}
.banner-heading h1{
    font-size: 70px;
    max-width: 15em;
    width: 100%;
    line-height: 135%;
    text-align: center;
    font-weight: 700;
}
.banner-heading h1 span{
    background-color: #A259FF;
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    line-height: 135%;
    padding: 0px 5px;
    border-radius: 7px;
}
.banner-para p{
    margin-top: 20px;
    font-size: 24px;
    color: #050038;
    text-align: center;
    max-width: 29em;
    width: 100%;
    font-weight: 400;
    margin-bottom: 0px !important;
}
.banner-bttn button{
    background-color: #4262FF;
    border-radius: 35px;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 20px 40px ;
    margin-top: 40px;
}
.banner-bttn button:hover{
    background-color: #F24E1E;
}
.banner-text{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 32px;
}
.banner-text p{
    font-size: 18px;
    color: #555555;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px !important;
}
.crouser{
    background-color: #F2F4F7;
    padding: 75px 0px 50px 0px;
}

.crouser-main p{
    font-size:24px ;
    font-weight: 400;
    color: #858585;
    text-align: center;
    margin-bottom: 45px ;
}
/* .rouser-slider{
    width: 229px !important;
   max-width: 100%;
} */
.crouser-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background-color: #fff;
    border-radius: 41px;
    border: none;
    padding: 5px 25px 2px 4px;
    /* width: 100%; */
}
.crouser-conten-img img{
    max-width: 45px;
    width: 100%;
}
.crouser-content-text span{
    font-size: 24px;
    font-weight: 700;
    color: #050038;
    font-weight: 600;
}
.slick-arrow{
    display: none !important;
}
.crouser-part1{
    margin: 45px 0px;
}
.new-system-section-pad{
    padding-top: 160px;
}
.dashboard-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 30px 60px;
}
.dashbord-main{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.dashbord-main-head h2{
    font-size: 60px;
    font-weight: 700;
    color: #050038;
    max-width: 18em;
    width: 100%;
    text-align: center;
  
}
.dashbord-main-head h2 span{
    background-color: #F24E1E;
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    border-radius: 10px;
    padding: 4px 8px;
}
/* .dashbord-main-img{
    max-width: 1060px;
    width: 100%;
} */
.dashbord-main-img img{
    max-width: 1060px;
    width: 100%;
    margin-top: 90px;
}
.new-solution-home-page{
    padding: 180px 0px  100px 0px;
}
.solution-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 30px 60px;
}
.solution-main-head{
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.solution-main-head h2{
    font-size: 60px;
    font-weight: 700;
    color: #050038;
    max-width: 15em;
    width: 100%;
    text-align: center;
    /* margin-top: 60px; */
}
.solution-main-head h2 span{
    background-color: #F24E1E;
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    border-radius: 10px;
    padding: 4px 8px;
}
.card-flex{
    margin-top: 80px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    gap: 50px;
    margin-bottom: 40px;
}
.soluion-card{
    border: 1px solid #050038;
    border-radius: 10px;
    
    transition: all .3s;
}
.soluion-card:hover{
    transform: translate(-10px, -10px); 
    box-shadow: 15px 15px  #FFD02F;
}
.solutin-content{
    padding: 55px 40px;
}
.solution-text h3{
    font-size: 32px;
    font-weight: 700;
    color: #050038;
    margin: 30px 0px 20px 0px;
}
.solution-text p{
    font-size: 19px;
    color: #353535;
    font-weight: 400;
    max-width: 14em;
    width: 100%;
    line-height: 160%;
    margin-bottom: 0px;
}
.sourcing{
    background-color: #050038;
    padding: 130px 0px 90px 0px;
}
.sourcing-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 30px 60px;
}
.sourcing-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sorcing-main-right{
    /* width: 650px; */
}
.sorcing-main-right img{
    max-width: 100%;
}
.sorcing-main-left-head h2{
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    max-width: 8em;
    margin-bottom: 32px;
}
.sorcing-main-left-head-icon{
    display: flex;
    gap: 5px;
   
}
.sorcing-main-left-head-icon h3{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
.sorcing-main-left-head-text p{
    font-size: 19px;
    color: #fff;
    font-weight: 400;
    max-width: 25em;
    margin-top: 16px;
    margin-bottom: 0px;
}
.sorcing-main-left-head-loadmore a{
    display: flex;
   gap: 15px;
   text-decoration: none;
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   margin-top: 30px;
   align-items: center;
}
.sorcing-main-left-head-loadmore a p{
    margin-bottom: 0px ;
}
.sorcing-main-left-head-min hr{
    max-width: 27em;
    background-color: #fff;
    height: 1px;
    border: none;
    margin: 20px 0px;
}
.supplu-container{
     display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 30px 60px;
}
.spply-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}
.suplly-chain-section{
    padding: 180px 0px 130px 0px;
}
.supply-right-img{
    /* width: 525px; */
}
.supply-right-img img{
    max-width: 100%;
}
.supply-left-head h2{
    font-size:60px ;
    font-weight: 700;
    color: #050038;
    max-width: 10em;
    margin-bottom: 15px;
}
.supply-left-head h2 span{
    background-color: #F24E1E;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    border-radius: 10px;
    padding: 4px 8px;
}
.supply-left-pra p{
    font-size: 19px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 30px;
    max-width: 21em;
}
.suplly-left-loadmore a{
    display: flex;
   gap: 15px;
   text-decoration: none;
   color: #050038;
   font-size: 18px;
   font-weight: 700;
   align-items: center;
}
.suplly-left-loadmore a p{
    margin-bottom: 0px;
}
/* .subscribe-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 30px 60px;
}

.subscribe-mai-head{
    display: flex;
    align-items: center;
    justify-content: center;
}
.subscribe-mai-headcrouser-container{
    border: 1px solid #050038;
    border-radius: 10px;
    max-width: 32em;
    height: 450px;
}
.subscribe-mai-headcrouser-main{
    padding: 40px 35px;
}
.subscribe-mai-headcrouser-container-heaer{
    display: flex;
    gap: 10px;
    margin-bottom: 23px;
}
.subscribe-mai-headcrouser-container-heaer p{
    font-size: 22px;
    font-weight: 600;
    color: #050038;
    max-width: 16em;
    line-height: 140%;
    margin-bottom: 0px !important;
}
.subscribe-mai-headcrouser-para{
    margin-bottom: 15px;
}
.subscribe-mai-headcrouser-para  p span{
    font-size: 30px;
    font-weight: 700;
    color: #050038;
}
.subscribe-mai-headcrouser-para p{
    font-size: 20px;
    font-weight: 400;
    color: #050038;
 
    margin-bottom: 0px !important;
}
.subscribe-mai-headcrouse-footer-user{
    display: flex;
    gap: 5px;
    align-items: center;
} */

.subscribe-mai-head h2{
    font-size: 60px;
    font-weight: 700;
    color: #050038;
    max-width: 15em;
    text-align: center;
   margin-bottom: 40px;
}
.home-price-slider-main{
    padding: 46px;
    border-radius: 10px;
    border: 1px solid #000000;
}
.new-home-conatct-supplier-para p{
    font-size: 22px;
    font-weight: 300;
    line-height: 150%;
    color: #050038;
}
.new-home-conatct-supplier-para p span{
    font-size: 34px;
    font-weight: 700;
    line-height: 150%;
}
.footer-padding-section{
    padding: 75px 0px;
}
.fotter-coomapny-tab-sec,
.fotter-service-tab-sec,
.fotter-acount-tab-sec {
    display: none; /* Initially hide the content */
}
.subscribe-mai-headcrouse-footer-user p{
    font-size: 22px;
    font-weight: 600;
    color: #050038;
    margin-bottom: 0px !important;
}
.subscribe-mai-headcrouse-footer-left{
    display: flex;
    align-items: center;
   justify-content: space-between;
}
/* .subscribe-mai-head-crouser{
    display: flex;
} */
.contactus-conatiner{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 30px 60px;
}
.contact-us-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contactus-left h2{
font-size: 60px ;
font-weight: 800;
color: #050038;
max-width: 10em;
margin-bottom: 20px;
}
.contactus-left p{
    font-size: 19px ;
    font-weight: 500;
    color: #555555;
    max-width: 22em;
    margin-bottom: 70px;
}
.contactus-left-btttn-main button{
display: flex;
align-items: center;
background-color: #4262FF;
color: #fff;
border-radius: 35px;
font-size: 18px;
font-weight: 700;
border: none;
width: 295px;
gap: 20px;
padding: 4px;
}
.contactus-left-btttn-main button:hover{
    background-color: #A259FF;

}
.contact-usbttn{
    display: flex;
    align-items: center;
    background-color: #E9E9E9 !important;
    color: #050038 !important;
    border-radius: 35px;
    font-size: 19px;
    font-weight: 700;
    border: none;
    width: 295px;
    gap: 20px;
    padding: 4px;
    margin-top: 20px !important;
}
/* .contactus-right{
    max-width: 600px;
    width: 100%;
} */
.contactus-right img{
    max-width: 100%;
}

.source{
    background-image: url(/images/Mask\ group.png);
    background-color: #050038;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 98px 0px;
}

.source-main{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.source-main h2{
font-size: 60px;
font-weight: 700;
color: #fff;
max-width: 16em;
text-align: center;
}
.source-main p{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-top: 25px;
    max-width: 39em;
    margin-bottom: 0px !important;
}
.source-main button{
        background-color: rgb(66, 98, 255);
        border-radius: 35px;
        border: none;
        color: rgb(255, 255, 255);
        font-weight: 600;
        font-size: 18px;
        padding: 20px 40px;
        margin-top: 40px;
}
.source-main button:hover{
    background-color: #F24E1E;
    color: #fff;
}
.foter-containre{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 80px 60px;
}
.footer-main{
    display: flex;
  
    justify-content: space-around;
}
.footer-logo{
    margin-bottom: 20px;
    max-width: 100%;
}
.footer-flag{
    width: 100%;
    width: 100%;
    margin-bottom: 32px;
}
.footer-flag img{
    max-width: 100%;
}
.footer-flag{
    width: 100%;
}
.footer-contact-con button{
    background-color: #D9D9D9;
    border: none;
    padding: 4px 18px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-contact{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}
.footer-contact-con{
    display: flex;
    align-items: center;
    gap: 15px;
}
.footer-contact-phone a{
    font-size: 18px;
    font-weight: 400;
    color: #050038;
    text-decoration: none;
}
.footer-social-icon{
    display: flex;
    align-items: center;
    gap: 25px;
    margin: 24px 0px;
}
.footer-subscribe a{
    text-decoration: none;
    color: #050038;
    font-size: 19px;
    font-weight: 600;
}
.foter-email-send{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 8px;
    width: 220px;
    border: 1px solid #555555;
    border-radius: 35px;
    margin-top: 24px;
    margin-bottom: 15px;
    max-width: 230px ;
    width: 100%;
}
.footer-enter-mail input{
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: 500;
    color: #050038;
    width: 100%;
    padding: 0px 10px;
}
.footer-sendbttn button{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #4262FF;
    border: none;
}
/* .footer-service , .footer-comapny , .footer-acount {
    display: flex;
} */
.footer-service p, .footer-comapny p, .footer-acount p{
    font-size:18px ;
    font-weight: 500;
    color: #050038;
    margin-bottom: 25px;
}
.footer-service p a, .footer-comapny p a, .footer-acount p a{
    text-decoration: none;
    color: #050038;
}
.footer-service li, .footer-comapny li, .footer-acount li{
    font-size: 16px;
    color: #555555;
    font-weight: 300;
    list-style: none;
    margin-bottom: 17px;
}
.footer-service li a, .footer-comapny li a, .footer-acount li a{
    text-decoration: none;
    color: #050038;
}
.footer-service li a:hover, .footer-comapny li a:hover, .footer-acount li a:hover{
    color: #4262FF;
}
.hamburger ,.tablet-menu,.mobiles-menu{
    display: none;
}
.hamburger i{
    font-size: 25px;
}
.supplier-sec-home-bots{
    margin-top: 105px !important;
}
.contact-us-home-page{
    padding: 160px 0px 130px 0px;
}

/* 

                RESPONSIVE*************************
     
                
*/

.design-animation{
    max-width: 72px;
    position: absolute;   
    top: 45px;
    left: 25px;
    z-index: 1;
}
.running-baner{
    top: 50px;
    max-width: 72px;
    position: absolute;
    left: 85px;
}
.user-purple{
    max-width: 72px;
    position: absolute;   
    left: 230px;
    bottom: 50px;
}
.red-user{
    max-width: 72px;
    position: absolute;
    right:40px;
    top: 30px;
    z-index: 1;
}
.bag-banner{
    max-width: 72px;
    position: absolute;
    right: 120px;
    top: 60px;
}
.yellow-user{
    max-width: 72px;
    position: absolute;   
    right:230px;
    bottom: 55px;
}
.design-animation:hover {
    transition: transform 3.5s linear;
    transform: rotate(360deg);
}

.red-user:hover {
    transition: transform 3.5s linear;
    transform: rotate(360deg);
}

.bag-banner:hover {
    transition: transform 3.5s linear;
    transform: rotate(360deg);
}

.yellow-user:hover {
    transition: transform 3.5s linear;
    transform: rotate(360deg);
}

.running-baner:hover {
    transition: transform 3.5s linear;
    transform: rotate(360deg);
}

.user-purple:hover {
    transition: transform 3.5s linear;
    transform: rotate(360deg);
}

@media(max-width:1210px){
    .running-baner{
        left: 95px;
    }
    .bag-banner{
        right: 100px;
    }
}
@media(max-width:1070px){
    .running-baner{
        left: 65px;
    }
    .bag-banner{
        right: 70px;
    }
}
.drop-meu-container {
    display: block;
    max-width: 240px;
    width: 100%;
    transition: background-color 0.3s ease;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    position: absolute;
    top: 70px;
    left: 430px;
}
.drop-meu-containe-product{
    display: block;
    max-width: 240px;
    width: 100%;
    transition: background-color 0.3s ease;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    position: absolute;
    top: 70px;
    left: 600px;
}
.drop-menu-main ul li {
    list-style: none;
    padding: 6px 20px;
}

.drop-menu-main ul li a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    text-align: left;
   
}

.drop-menu-main ul {
    padding: 0px;
}
.drop-meu-container,.drop-meu-containe-product{
    display: none;
}
.drop-meu-container.show{
    display: block;
}
.drop-meu-containe-product.show{
    display: block;
}
.drop-menu-main ul li a:hover{
    color: #4262FF;
}

/* ************************************************** ABOUT CSS***************************************************************** */
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.about-weblp-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 30px 60px;
}
.about-weblip-top{
    display: flex;
    align-items: center;
    justify-content:center;
    gap: 50px;
}
.about-webkp-header h1{
    font-size:76px ;
    font-weight: 700;
    line-height: 120%;
    color: #050038;
    max-width: 7em;
}
.about-webkp-header h1 span{
    font-size: 76 px ;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    background-color: #A259FF;
    padding: 0px 5px;
    border-radius: 10px;
}
.about-weblip-botom{
    display: flex;
    align-items: center;
    justify-content:center;
     justify-content:center;
     gap: 50px;
}
/* .about-img1,.about-img2,.about-img3,.about-img4{
    box-shadow: 5px 5px #A259FF;
} */
.about-img3,.about-img4{
    max-width: 600px;
    width: 100%;
}
.about-img1{
    max-width: 250px;
    width: 100%;
}
.about-img2{
    max-width: 350px;
    width: 100%;
}
.about-img3 img,.about-img4 img,.about-img1 img,.about-img2 img{
    width: 100%;
}
.achievement-about{
    background-color: #F7F7F7;
    padding: 80px 0px;
}
.achievement-about-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.achievement-about-contaoner{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 70px 60px;
}
.achievement-about-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.achievement-about-content h2{
    font-size: 76px;
    font-weight: 700;
    color: #050038;
}
.achievement-about-content button{
    font-size: 20px ;
    font-weight: 500;
    color: #fff;
    padding: 6px 18px;
    border-radius: 6px;
    border: none;
}
.acievement-clr1{
  background-color: #A259FF;
}
.acievement-clr2{
    background-color: #A6C03D
    
}
.acievement-clr3{
    background-color: #F24E1E
    
}
.acievement-clr4{
    background-color: #4262FF
    
}
.about-helping{
    padding: 160px 0px ;
}
.about-helping-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 70px 60px;
}
.about-helpinding-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-helping-left-head h2{
    font-size: 60px;
    font-weight: 600;
    line-height: 120%;
    color: #050038;
    max-width: 9em;
    margin-bottom: 50px;
}
.about-helping-left-head span{
    font-size: 60px;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    background-color: #F24E1E;
    padding: 0px 5px;
    border-radius: 10px;
}
.about-helping-right{
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}
.about-margin{
    margin-left: 45px;
}

.about-helping-right-card-container:hover{
    transform: translate(-10px, -10px); 
    box-shadow: 10px 10px  #FFD02F;
}
.about-helping-left-img{
    /* max-width: 500px;
    width: 100%; */
}
.about-helping-left-img img{
    width: 100%;
}







.about-helping-right-card-container{
    max-width: 620px;
    width: 100%;
    border: 1px solid #000000;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.about-helping-right-icon{
    border: 1px solid #000000;
    border-radius: 25px;
}
.about-helping-right-icon img{
    padding: 40px;
}
.about-helping-right-content p{
    font-size: 18px ;
    font-weight: 400;
    color: #050038;
    line-height: 160%;
    max-width: 20em;
}
.about-helping-right-content p span{
    font-size: 20px ;
    font-weight: 500;
    color: #050038;
}
.backend-hover{
    background-color: #A259FF;
    padding: 130px 0px;
}
.backend-hover-main-head{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
}
.backend-hover-main-head h2{
    font-size: 62px;
    color: #fff;
    font-weight: 700;
    max-width: 11em;
}
.backend-hover-main-icon{
    display: flex;
    align-items: center;
    justify-content:center;  
    gap: 35px; 
    margin-top: 50px;
}
.about-icons{
    display: flex;
    align-items: center;
    justify-content:center;
    gap: 15px;
}
.about-icons p{
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
}

.backend-hover-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 70px 60px;
}
.backend-hover-card-main-container{
    background-color: #ffff;
   
   border-radius: 13px;
   margin-top: 40px !important;
}
.backend-hover-card-main-container-containt{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.backend-hover-card-main-container-containt-left{
    padding: 40px 0px 40px 40px ;
}
.backend-hover-card-main-container-containt-left-para p{
    font-size: 24px;
    font-weight: 500;
    color: #050038;
    line-height: 140%;
    max-width: 22em;
    margin-bottom: 0px;
}
.backend-hover-card-main-container-containt-right{
    border: 1px solid #050038;
    border-radius: 13px;
    width: 100%;
}
.backend-hover-card-main-container-containt-right-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.backend-hover-card-main-container-containt-right-user-text h2{
    font-size: 74px;
    font-weight: 700;
    color: #050038;
    text-align: center;
}
.backend-hover-card-main-container-containt-right-user-text button{
    background-color:#F24E1E;
    color: #fff;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 600;
    padding: 6px 18px;
    border: none;
}
.backend-hover-card-main-container-containt-right-container{
    padding: 50px;
}
.we-work{
    padding: 150px 0px 119px 0px;
}
.we-work-left h2{
    font-size: 64px;
    font-weight: 700;
    color: #050038;
}
.we-work-left h2 span{
    font-size: 64px;
    font-weight: 700;
    color: #fff;
    background-color: #A6C03D;
    border-radius: 10px;
    padding: 0px 5px;
}
.we-work-left p{
    font-size: 24px;
    color: #050038;
    line-height: 160%;
    font-weight: 300;
    max-width: 23em;
}
.we-work-main{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}
.we-work-right{
    /* max-width: 500px;
    width: 100%; */
}
.we-work-right img{
    max-width: 100%;
}
.team{
    padding: 150px 0px 98px 0px;
}
.we-work-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 70px 60px;
}
.tearm-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 70px 60px;
}

.team-main-text h2{
    font-size: 64px;
    font-weight: 700;
    color: #050038;
    text-align: center;
}
.team-main-text h2 span{
    font-size: 64px;
    font-weight: 700;
    color: #fff;
    background-color: #F24E1E ;
    border-radius: 10px;
    padding: 0px 5px;
}
.team-main-text p{
    font-size: 18px;
    font-weight: 400;
    color: #050038;
    text-align: center;
    max-width: 26em;
    margin-top: 25px;
}
.team-main-text{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 80px;
}
.team-card-img{
    /* max-width: 280px;
    width: 100%; */
}
.team-card-img img{
    width: 100%;
}
.team-card-img-text h3{
    font-size: 34px;
    font-weight: 400;
    color: #050038;
    margin: 20px 0px;
}
.team-card-img-text p{
    font-size:18px ;
    font-weight: 400;
    color: #050038;
    margin-bottom: 0px;
}
.card-container-amin{
   
}
.team-card-img-text{
    border-left: 1px solid #050038;
    border-right: 1px solid #050038;
    border-bottom: 1px solid #050038;
    border-radius:0px 0px 10px 10px;
    
    padding: 10px;
}
.team-card-comtainer{
    display: flex;
    align-items: center;
    justify-content:center ;
    gap: 40px;
}
.team-card{
    margin-top: 50px;
}
.team-spread-design-main{
    max-width: 400px;
    border: 1px solid #050038;
    border-radius: 10px;
}
.team-spread-design-card{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px;
}
.team-spread-design-card-text h3{
    font-size: 24px;
    font-weight: 500;
    color: #050038;
    text-align: center;
    margin-top: 25px;
}
.team-spread-design-card-text p{
    font-size: 18px;
    font-weight: 300;
    color: #050038;
    text-align: center;
    margin-top: 15px;
}
.team-spread-design-container{
    display: flex;
    margin-top: 45px;
    justify-content: center;
    gap: 50px;
}
.team-spread-design{
    background-image: url("/images/Rectangle\ 5982.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
}
.team-spread-design-card-img img{
    width: 72px;
    height: 54px;
}
.image-section{
    position: absolute;
    bottom: 0px ;
    z-index: 1;
}
.content0on-image0sec{
    position: relative;
    z-index: 999;
    padding: 100px 0px 70px 0px;
}
.team-spread-main-head{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.team-spread-main-head h2{
    font-size: 64px;
    font-weight: 700;
    color: #050038;
    max-width: 13em;
    text-align: center;
}
.team-spread-main-head h2 span{
    font-size: 64px;
    font-weight: 700;
    color: #fff;
    background-color: #A6C03D;
    border-radius: 10px;
    padding: 0px 5px;
}
.team-spread-main-head p{
    font-size: 24px;
    font-weight: 600;
    color: #050038;
    text-align: center;
    margin-top: 15px;
}
.team-spread-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 70px 60px 0px 60px;
}















/* @media(max-width:1100px){
    .about-helpinding-main{
        flex-direction: column;
    }
    .about-helping-left-head h2{
        max-width: 100%;
    }
} */
/* ********************************************** FAQ SECTION  CSS ******************************************************** */

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.FAQS-nav-bg{
    background-color: #f5f5f5;
}
.navbutton-link2 {
    background-color: #A6C03D;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 11px;
    border: none;
    padding: 2px 11px;
}
.nav-link-color{
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #050038 !important;
}
.dropdown-toggle::after{
    display: none !important;
}
.FAQ-header h1{
    font-size: 68px;
    font-weight: 700;
    color: #050038;
    /* line-height: 107%; */
    max-width: 15em;
    margin-bottom: 30px;
}
.FAQ-header h1 span{
    font-size: 68px;
    font-weight: 700;
    color: #fff;
    background-color: #F24E1E;
    /* line-height: 107%; */
    border-radius: 6px;
    padding: 0px 5px;
}
.FAQ-header p{
    font-size: 18px;
    font-weight: 300;
    color: #050038;
    margin-bottom: 0px;
}
.FAQ-button button {
    background-color: #4262FF;
    border-radius: 35px;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 20px 40px;
    margin-top: 40px;
}
.FAQ-button button:hover{
    background-color: #F24E1E;
    color: #fff;
}
.img-design{
    position: absolute;
    left: 0px;
}
.position-design,.position-design3,.position-design2{
    position: relative;
}
.img-design2{
    position: absolute;
    right:0px;
}
.img-design3{
    position: absolute;
    left: 40px;
}
.img-design4{
    position: absolute;
    top: 30px;
    right:10px;
}
.Faq-banner{
    padding:  80px 0px;
}
.faq-ans-main{
    padding: 60px 0px;
}
.faq-ans-main{
    background-color: #F5F5F5;
    border-radius: 7px;
}
.Faqs-ans{
   
    padding: 60px 60px  40px 60px ;
}
.Faqs-ans-design{
   
    border: 1px solid #050038;
    border-radius: 10px;
    background-color: #fff;
}
.Faqs-ans-design-button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color:#D9D9D9;
    padding: 0px !important;
    border-radius: 44px;
    max-width: 410px !important;
    width: 100%;
    margin-bottom: 35px;
}

.design-button-one{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #4262FF;
    border: none;
    padding: 14px 30px;
    border-radius: 44px;
}
.design-button-one h3{
    margin: 0px;
}
.design-button-two h3{
    margin: 0px;
    padding-right: 25px;
}
.Faqs-ans-design-head h2{
    font-size: 56px;
    font-weight: 600;
    color: #050038;
    margin: 60px 0px;
}
.view-Que-ans{
    padding: 0px 120px 20px 120px;
}
.View-Ques{
    padding: 24px 35px;
    border: 1px solid #050038;
    border-radius: 10px;
    margin-bottom: 25px;
    cursor: pointer;
}
.View-Ques p{
    margin: 0px;
    font-size: 24px;
    font-weight: 500;
    color: #050038;
}
.View-Answer{
    padding-top: 20px;
    display: none;
}
.View-Answer p{
    margin: 0px;
    font-size: 21px;
    font-weight: 500;
    color: #050038;
}
/* **************************************************************************************DESCLAIMER_CSS************************************************** */

.navbar-bg{
    background-color: #050038 !important;
    padding: 15px 0px !important;
}
.navbutton-link2{
    background-color: #A6C03D;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 11px;
    border: none;
    padding: 2px 11px;
}
.dropdown-toggle::after{
    display: none !important;
}
.header-centre{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.disclaimer-banner {
    background: url('/images/Mask\ group\ \(1\).png') no-repeat center center; /* Add your image here */
    background-size: cover; /* Ensures the image covers the section */
    background-color:  #050038; /* Makes text white for better contrast */
    padding: 5rem 0; /* Adds spacing above and below the content */
    text-align: center; /* Centers the text */
}
.disclaimer-banner h1 {
    font-weight: 700;
    font-size: 72px;
    text-align: center;
    color: #fff; 
    line-height: 120%;
    margin-bottom: 25px;
}
.disclaimer-banner p {
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    color: #fff; 
    line-height: 150%;
    max-width: 35em;
}
.disclaimer-content-main{
    display: block;
    margin: auto;
    max-width: 1440px ;
    width: 100%;
    padding: 60px 70px;
}
.disclaimer-content-main-container{
    display: block;
    margin: auto;
    /* max-width: 1000px !important; */
    width: 100%;
    padding: 60px !important;
    border: 1px solid #050038;
    border-radius: 10px;
    margin-top: 60px 0px ;
}
.disclaimer-content-text-para p{
    font-size: 24px;
    font-weight: 300;
    color: #050038;
    line-height: 170%;
    margin-bottom: 45px;
}
.disclaimer-content-text-span-text span{
      font-size: 24px;
    font-weight: 500;
    color: #050038;
    line-height: 170%;
    margin-bottom: 45px;
}
.disclaimer-content-text-list li{
    font-size: 24px;
    font-weight: 500;
    color: #050038;
    line-height: 170%;
}
.disclaimer-content-text-span-text{
    font-size: 24px;
    font-weight: 500;
    color: #050038;
    line-height: 170%;
    margin: 45px 0px;
}
.disclaimer-content-footer span{
font-size: 22px;
font-weight: 300;
color: #050038;
line-height: 170%;
margin-bottom: 40px;
}
.disclaimer-content-footer h3{
    font-size: 23px;
    font-weight: 500;
    color: #050038;
    line-height: 170%;
    margin-top: 35px;
}
.disclaimer-content-footer p{
    font-size: 24px;
    font-weight: 300;
    color: #050038;
    line-height: 170%;
}

@media(max-width:698px){
    .disclaimer-content-main{
        padding: 60px 30px;
    }
}
.privacy-content-text-list h3,.privacy-content-text-para h3{
    font-size: 30px;
    font-weight: 700;
    line-height: 170%;
    color: #050038;
}
.privacy-content-text-list p ,.privacy-content-text-para p{
    font-size:23px ;
    font-weight: 300;
    line-height:160% ;
    color: #050038;
}
.disclaimer-content-text-par2{
    font-weight: 500 !important;
    font-size:23px !important;
    line-height:160%  !important;
    color: #050038 !important;
}
.privacy-content-text-list li{
    font-size:23px ;
    font-weight: 500;
    line-height:160% ;
    color: #050038;
}
.term-content-text-list h3{
    font-size: 30px;
    font-weight: 700;
    line-height: 170%;
    color: #050038;
}
.term-content-text-list p{
    font-size:23px ;
    font-weight: 300;
    line-height:160% ;
    color: #050038;
}
.term-content-text-list li{
    font-size:23px ;
    font-weight: 300;
    line-height:160% ;
    color: #050038;
}
.term-content-text-list li span{
    font-size:23px ;
    font-weight: 500;
    line-height:160% ;
    color: #050038;
}
.term-content-text-list ol li::marker {
    font-weight: 500;
    color: #050038;
}
.language {
    max-width: 150px;
    width: 100%;
    transition: background-color 0.3s ease;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 100;
    position: absolute;
    top: 51px;
    right: 20px;
}

.language ul li {
    list-style: none;
    padding: 6px 20px;
}

.language ul li  {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    text-align: left;
   
}
.language{
    display: none;
}
.language ul {
    padding: 0px;
    margin: 0px;
}
.language.show{
    display: block !important;
}

.user-type ul li {
    list-style: none;
    padding: 6px 20px;
}

.user-type ul li  {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    text-align: left;
   
}

.user-type ul {
    padding: 0px;
    margin: 0px;
}
.user-type {
    display: block;
    max-width: 150px;
    width: 100%;
    transition: background-color 0.3s ease;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 100;
    position: absolute;
    top: 51px;
    right: 200px;
}
.user-type{
    display: none;
}
.user-type.show{
    display: block;
}
/* "*************************************************** CONTAC USS****************************************************** */
.contact-us-banner{
    /* background-image: url("/images/Mask\ group\ \(2\).png"); */
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
     */
     background-color: #050038;
    position: relative;
    padding: 70px 0px !important;
}
.contact-design-image1 img{
    max-width: 100%;
    width: 350px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.contact-design-image2 img{
    max-width: 100%;
    width: 350px;
    position: absolute;
    left: 0px;
    bottom:  0px;
}
.contact-us-banner-left{
    position: relative;
    z-index: 1;
}
.contact-us-form{
    background-color: #fff;
    border: 1px solid #5555;
    border-radius: 7px;
    padding: 54px 45px;
    position: relative;
    z-index: 1;
}
.contact-us-form-head p{
    font-size: 20px;
    font-weight: 500;
    color: #050038;
}
.contact-us-form-enter-name input{
    border: none;
    outline: none;
    font-size: 18px ;
    font-weight: 300;
    width: 100%;
    color: #050038;
}
.contact-us-form-enter-name textarea{
    border: none;
    outline: none;
    font-size: 18px ;
    font-weight: 300;
    color: #050038;
    width: 100%;
    resize: none;
}
.contact-us-form-enter-name,.contact-us-form-bbtn {
    width: 100%;
}
.contact-us-form-name{
    display: flex;
 
    gap: 15px;
    border-radius: 6px;
    border: 1px solid #050038;
    padding: 15px 22px;
    margin-bottom: 20px;
}
.contact-us-form-bbtn button{
    background-color: #4262FF;
    border-radius: 39px;
    border: none;
    padding: 16px 0px ;
    width: 100%;
    color: #fff;
    font-size:20px ;
    font-weight: 600;
    margin-top: 35px;
}
.contact-us-header h1{
    font-size: 66px;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    margin-bottom: 20px;
}
.contact-us-header h1 span{
    font-size: 66px;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    background-color: #A6C03D;
    border-radius: 4px;
    padding: 0px 7px;
}
.contact-us-header p{
    font-size: 22px;
    max-width: 20em;
    font-weight: 500;
    color: #fff;
    line-height: 150%;
}
.contact-us-contact-num p{
     font-size: 25px;
     font-weight: 700;
     line-height: 150%;
     color: #fff;
}
.contact-us-contact-num a{
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
    text-decoration: none;
}
.contact-us-contact-icon p{
    font-size: 25px;
    font-weight: 700;
    line-height: 150%;
    color: #fff;
}
.contact-us-contact-mutiple-icon a{
    text-decoration: none;
}
.contact-us-contact-mutiple-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}
.contact-us-contact-num{
    margin: 40px  0px ;
}
.contact-answer{
    background-color: #F7F7F7;
    padding: 80px 0px 80px 0px !important;
}
.col-lg-4{
    border: 1px ;
}
.supply-buisness-loadmore a {
    text-decoration: none;
    color: #fff;
    display: flex;
    gap: 15px;
}
.supply-buisness-loadmore a p {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
}
.contact-answer-purple{
    background-color: #A259FF;
    border-radius: 12px;
    padding:36px 40px ;
    height: 300px;
}
.contact-answer-orange{
background-color: #F24E1E;
border-radius: 12px;
    padding:36px 40px ;
    height: 300px;
}
.contact-answer-yellow{
    background-color: #A6C03D;
    border-radius: 12px;
    padding:36px 40px ;
    height: 300px;
}
.contact-answe-subheader h2{
    font-size: 36px;
    color: #fff;
    font-weight: 700;
}
.contact-answe-subtext p{
     font-size: 24px;
     font-weight: 500;
     color: #fff;
     margin-bottom: 80px;
}
.contact-answer-header h2{
    font-size:60px ;
    font-weight: 600;
    line-height: 140%;
    color: #050038;
}
.contact-answer-header p{
    font-size:24px ;
    font-weight: 400;
    line-height: 140%;
    color: #050038;
}
.contact-supplier-text p{
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    color: #050038;
    max-width: 18em;
}
.contact-supplier-text2{
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    color: #fff;
    max-width: 18em;
}

.conatct-supplier-para2 p{
    font-size: 22px;
    font-weight: 300;
    line-height: 150%;
    color: #fff;
}
.conatct-supplier-para p{
    font-size: 22px;
    font-weight: 300;
    line-height: 150%;
    color: #050038;
}
.conatct-supplier-para p span{
    font-size: 34px;
    font-weight: 600;
    line-height: 150%;
}
.conatct-supplier-profile p{
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    color: #050038;
    margin-bottom: 0px;
}
.conatct-supplier-para2 p span{
    font-size: 34px;
    font-weight: 600;
    line-height: 150%;
    color: #fff;
}
.conatct-supplier-profile2 p{
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    color:#fff;
    margin-bottom: 0px;
}
.conatct-supplier-footers{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact-supplier-header{
    display:flex;
    gap: 30px;
}
.contact-supplier1{
    background-color: #FFD02F;
    padding: 56px 64px 46px 64px;
    border-radius: 10px;
}
.contact-supplier2{
    background-color: #A259FF;
    padding: 56px 64px 46px 64px;
    border-radius: 10px;
}
.contact-supplier-main-header h2{
    font-size: 66px;
    font-weight: 700;
    color: #050038;
    line-height: 140%;
    text-align: center;
    max-width: 12em;
    margin-bottom: 95px;
}
.contact-supplier-main-header h2 span{
    font-size: 66px;
    font-weight: 700;
    color: #fff;
    background-color: #F24E1E;
    border-radius: 7px;
    padding: 0px 6px;
    line-height: 140%;
}
.contact-supplier {
    padding: 120px 0px;
}
.contact-supplier-hr{
    background-color: #050038;
   
}
.contact-supplier-hr2{
    background-color: #fff;
   
}
/* ****************************************************************** LOGIN PAGE CSS ***********************************************************/
*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
.signup-background{
    background: url("/images/Mask\ group\ \(2\).png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #050038;
}
.signup-background-recovery{
    background: url("/images/Mask\ group\ \(2\).png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #050038;
    height: 100vh;
}
.signup-background-container{
    display: block;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    padding: 40px 30px;
}
.signup-background-container-recobery{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.register-bbtn button:hover{
    background-color:#F24E1E ;
    color: #fff;
}
.signup-background-main{
    display: block;
    margin: auto;
    max-width: 605px;
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
}
.signup-background-white-maibn{
    padding: 40px;
}
.signup-logo {
    margin-bottom: 45px;
}
.signup-background-white-maibn-header{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* .input-group-text{
    background-color: #fff !important;
    outline: none !important;
} */
/*
.form-control:focus{
    border-color: #050038 !important;
    box-shadow: none !important;
} */
.signup-background-white-maibn-header h1{
    font-size: 36px;
    font-weight: 700;
    color: #050038;
    line-height: 160%;
}
.signup-withgoogle{
    border: 1px solid #050038;
    border-radius: 10px;
    width: 100%;
    padding: 12px 30px;
    gap: 10px;
    margin: 30px 0px 10px 0px ;
}
.signup-withgoogle p{
    font-size: 18px  !important;
    font-weight: 500 !important;
    line-height: 160%;
    color: #050038;
   
}
.signup-background-white-maibn-header p{
    font-size: 15px ;
    font-weight: 300;
    line-height: 160%;
    color: #050038;
    text-align: center;
    margin-bottom: 0px;
   
}
.signup-background-white-maibn-name{
    margin: 20px 0px ;
}
.signup-background-white-maibn-first-name{
    border: 1px solid #050038;
    border-radius: 7px;
    padding: 15px 10px;
    width: 100%;
}
.signup-background-white-maibn-last-name{
    border: 1px solid #050038;
    border-radius: 7px;
    width: 100%;
    padding: 15px 10px;
}
.signup-background-white-maibn-first-name input,.signup-background-white-maibn-last-name input,.signup-background-white-maibn-emai input ,.signup-background-white-maibn-emai-whatsapp input{
    border: none;
    outline: none;
}
.signup-background-white-maibn-emai {
    border: 1px solid #050038;
    border-radius: 7px;
    margin-bottom: 20px;
    padding: 15px 10px;
}
.signup-background-white-maibn-emai-recovery{
    border: 1px solid #050038;
    border-radius: 7px;
    margin: 20px 0px;
    padding: 15px 10px;
}
.signup-background-white-maibn-emai-recovery input{
   border: none;
}
.signup-background-white-maibn-emai-whatsapp{
    border: 1px solid #050038;
    border-radius: 7px;
    margin-bottom: 20px;
    padding: 15px 20px;
}
.country-code-number h3{
    font-size: 18px ;
    font-weight: 400;
    color: #050038;
    margin-bottom: 0px;
}
.number-width{
    width: 100%;
}
.signup-background-white-maibn-chexk-box span{
    font-size: 15px;
    font-weight: 300;
    color: #050038;
    line-height:160%;
}
.register-bbtn button{
    background-color: #4262FF;
    color: #fff;
    border: none;
    border-radius: 39px;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    padding: 13px 30px;
    margin: 20px 0px;
}
.register-bbtns button{
    background-color: #4262FF;
    color: #fff;
    border: none;
    border-radius: 39px;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    padding: 13px 30px;
    margin: 20px 0px;
}
.register-bbtns button a{
    color: #fff;
    text-decoration: none;
}
.signup-background-white-maibn-text p a{
    text-decoration: none;
    color: #4262FF;
}
.country-flag{
    width: 100%;
}
.country-flag img{
    width: 27px;
   
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.input-number{
    width: 100%;
}
input{
    outline: none !important;
    color: #050038;
    font-weight: 300;
    font-size: 15px;
}
 #Signup-palceholedr input::placeholder {
    color: #050038;
    font-weight: 300;
    font-size: 15px;
}
.country-code{
    padding-right: 10px;
}
.signup-background-white-maibn-text p{
    margin-bottom: 0px;
}
@media(max-width:617px){
    .signup-background-white-maibn-name{
        flex-direction: column;
    }
}
.horizontal-line svg {
  max-width: 100%;  
}
.horizonatl-line-or h3{
    font-size: 20px;
    font-weight: 300;
    color: #050038;
}
.signup-background-white-maibn-forgot-mesage p{
    max-width: 20em;
    font-size: 20px;
    font-weight: 300;
    color: #050038;
}
.signup-background-white-maibn-sigin-with-current p{
    font-size: 20px;
    font-weight: 300;
    color: #050038;
}
.signup-background-white-maibn-sigin-with-current p a{
    text-decoration: none;
    color: #4262FF;
    font-weight: 500;
}
.signup-background-white-maibn-message{
    padding: 40px 80px;
}
.signup-background-white-maibn-header-recovery h1{
    font-size: 36px;
    font-weight: 700;
    color: #050038;
    line-height: 160%;
    /* padding: 0px 55px; */
}
.input-number input{
    width: 100%;
}
/* ***************************************************************** SUPPLIER CSS************************************************************************* */
*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
.parreltoicon{
    display: flex;
    align-items: center;
    gap: 10px;
}
.supply-banner-bttn button{
    background-color: #4262FF;
    padding: 16px 40px;
    color: #fff;
    border: none;
    border-radius: 39px;
    width: 100%;
}
.supplier-banner-right-head h2{
    font-size: 58px;
    font-weight: 700;
    color: #050038;
}
.supplier-banner-left-head h1{
    font-size: 80px;
    font-weight: 700;
    color: #050038;
    margin-bottom: 28px;
}
.supplier-banner-left-head h1 span{
    font-size: 80px;
    font-weight: 700;
    color: #fff;
    background-color: #A259FF;
    border-radius: 10px ;
    padding: 0px 6px;
}
.supplier-banner-left-para p{
    font-size: 24px;
    font-weight: 300;
    color: #050038;
    line-height: 150%;
    max-width: 21em;
}
.supplier-baner-text p{
    font-size: 24px;
    font-weight: 300;
    color: #050038;
    line-height: 150%;
}
.supplier-banner-right-left-box{
    border:  1px solid #050038;
    border-radius: 14px;
    padding: 50px 35px;
}
.supplier-banner-right-left-box:hover{
    box-shadow: 10px 10px  #A6C03D;
}
.support-hover-effect-card:hover{
    box-shadow: 8px 8px  #050038;
}
.supplier-banner-right-span span{
    font-size: 24px;
    font-weight: 500;
    color: #050038;
    line-height: 150%;
    text-align: center;
    margin: 50px 0px 30px 0px;
}
.row{
    padding: 0px;
}
.supplier-banner{
    padding: 70px 0px !important;
}
.supplier-achievement{
    background-color: #F7F7F7;
    padding: 70px 0px;
}
.supplier-achievement-box-head h2{
    font-size: 75px;
    font-weight: 700;
    color: #050038;
}
.supplier-achievement-box-bbtn1 button{
    padding: 6px 18px;
    border-radius: 6px;
    background-color: #A259FF;
    border: none;
    font-size: 20 px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.supplier-achievement-box-bbtn2 button{
    padding: 6px 18px;
    border-radius: 6px;
    background-color: #A6C03D;
    border: none;
    font-size: 20 px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.supplier-achievement-box-bbtn3 button{
    padding: 6px 18px;
    border-radius: 6px;
    background-color: #F24E1E;
    border: none;
    font-size: 20 px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.supplier-achievement-box-bbtn4 button{
    padding: 6px 18px;
    border-radius: 6px;
    background-color: #4262FF;
    border: none;
    font-size: 20 px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.supplier-buisness-page{
    background-color: #050038;
    padding: 70px 0px;
}
.supplier-buisness-head h2{
    font-size:66px ;
    font-weight: 700;
    color: #fff;
    max-width: 16em;
    text-align: center;
    margin-bottom: 60px;
}

.supplier-buisness-head h2 span{
    font-size:66px ;
    font-weight: 700;
    color: #fff;
    background-color: #A259FF;
    padding: 0px 7px;
    border-radius: 10px;   
}
.supplier-buisness-sub-head span{
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    line-height: 130%;
}
.supplier-buisness-sub-head h3{
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    line-height: 130%;
    max-width: 9em;
}
.supplier-buisness-sub-head p{
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    line-height: 160%;
    max-width: 24em;
    padding-bottom: 20px;
    border-bottom: 1px solid #858585;
}
.supplier-buisness-page-icon-text p{
    font-size: 24px;
    line-height: 150%;
    font-weight: 300;
    color: #fff;
    margin: 0px;
    max-width: 24em;
}
.supplier-buisness-page-icon{
    margin-bottom: 16px;
}
.supplier-buisness-page-img img, .Hendoh-ADS-img img{
    max-width: 100%;
}
.supply-buisness-loadmore a{
    text-decoration: none;
    color: #fff;
    display: flex;
    gap: 15px;
}
.supply-buisness-loadmore a p{
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
}
.Hendoh-ADS-header span{
    font-size: 24px;
    font-weight: 600;
    color: #050038;
    line-height: 130%;
}
.Hendoh-ADS-header h2{
    font-size: 60px;
    font-weight: 600;
    color: #050038;
    line-height: 130%;
    max-width: 11em;
}
.Hendoh-ADS-header h2 span{
    font-size: 60px;
    font-weight: 600;
    color: #A6C03D;
    line-height: 130%;
}
.Hendoh-ADS-header p{
    font-size: 24px;
    font-weight: 400;
    color: #050038;
    line-height: 160%;
    max-width: 22em;
    padding-bottom: 20px;
    border-bottom: 1px solid #858585;
}
.Hendoh-ADS-header-icon-text p{
    font-size: 24px;
    font-weight: 300;
    color: #050038;
    line-height: 150%;
    max-width: 22em;
}
.Hendoh-ADS{
    padding: 70px 0px;
}
.Hendoh-ADS-loadmore a{
    text-decoration: none;
    color: #050038;
    display: flex;
    gap: 15px;
}
.Hendoh-ADS a p{
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 600;
}
.support-page{
    padding: 30px;
}
.support-page-left-card-container-text p{
    font-size: 20px;
    font-weight: 300;
    line-height: 160%;
    color: #050038;
    margin: 0px;
    max-width: 17em;
}
.support-page-left-card-container-text p span{
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;
    color: #050038;
}
.support-page-left-card-container{
    background-color: #FFF6D5;
    padding: 40px !important;
    border: 1px solid #000;
    border-radius: 7px;
    margin-bottom: 60px;
}
.support-page-left-card-container2{
    background-color: #ECDEFF;
    padding: 40px !important;
    border: 1px solid #000;
    border-radius: 7px;
    margin-bottom: 60px;
}
.support-page-left-card-container3{
    background-color: #EDF3D8;
    padding: 40px !important;
    border: 1px solid #000;
    border-radius: 7px;
    margin-bottom: 60px;
}
.support-page-left-card-container4{
    background-color: #FDDBD2;
    padding: 40px !important;
    border: 1px solid #000;
    border-radius: 7px;
    margin-bottom: 60px;
    margin-top: 40px !important;
}
.support-page-left-card-container5{
    background-color: #D9DFFF;
    padding: 40px !important;
    border: 1px solid #000;
    border-radius: 7px;
    margin-bottom: 60px;
}
.support-page-left-card-container6{
    background-color: #ffffff;
    padding: 40px !important;
    border: 1px solid #000;
    border-radius: 7px;
    margin-bottom: 60px;
}
.support-page-header h2{
    font-size: 66px;
    font-weight: 700;
    color: #050038;
    max-width: 11em;
    text-align: center;
    margin-bottom: 60px;
}
.support-page-header h2 span{
    background-color: #A6C03D;
    color: #fff;
    font-size: 66px;
    font-weight: 700;
    border-radius: 7px;
    padding: 0px 7px;
}
.sell-more-page{
    background-color:#ECDEFF ;
    padding: 70px 0px ;
    position: relative;
    overflow: hidden;
}
.sell-more-header-with-icon{
    background-color: #ffffff;
    max-width: 450px !important;
    padding: 6px;
    border-radius: 36px;
}
.sell-more-head-with-icon-text p{
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 600;
    color: #050038;
    
}
.sell-more-page-header h2{
    font-size: 66px;
    font-weight: 700;
    color: #050038;
    line-height: 120%;
    max-width: 18em;
    text-align: center;
    margin-top: 30px;
}
.sell-more-page-header p{
    font-size: 22px;
    font-weight: 300;
    line-height: 150%;
    color: #050038;
    max-width: 31em;
    text-align: center;
}
.sell-more-page-header{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sell-more-page-header-enter-mail{
    border-radius: 41px;
    background-color: #fff;
    border: 1px solid #555555;
    width: 100%;
    padding: 15px 35px;
}
.sell-more-page-header-enter-mail input
{
    border: none;
    outline: none;
    width: 100%;
    font-size: 24px;
    font-weight: 300;
}

.sell-more-page-header-enter-mail-bttn button{
    background-color: #4262FF;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    color: #fff;
    border: none;
    border-radius: 39px;
    padding: 15px 31px;
}
.sell-design img{
    position: absolute;
    bottom: 0px;
    left: -85px;
}
.sell-sesign2 img{
    position: absolute;
    top: 0px;
    right: -145px;
    max-width: 100%;
}
.suppliers-form{
    background-color: #F5F5F5;
    border-radius: 6px;
    padding: 50px 130px !important;

}
.suppliers-form-head p{
    background-color: #F24E1E;
    border-radius: 4px;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    padding: 0px 7px;
    margin-bottom: 50px;
}
.supplier-contact-presonal-information{
    padding-bottom: 40px;
}
.supplier-contact-information{
    border: 1px solid #050038;
    border-radius: 6px;
    padding: 0px !important;
    background-color: #fff;
    margin-bottom: 30px;
}
.supplier-contact-information-container{
    padding: 50px 147px 50px 90px ;
}
.supplier-contact-information-header p{
    font-size: 17px;
    font-weight: 600;
    color: #050038;
    border-bottom: 1px solid #050038;
    padding: 13px 30px;
    margin-bottom: 0px;
}
  input::file-selector-button {
    display: none;
  }
  ::-webkit-file-upload-button {
    display: none;
 }
 .presonal-information-image-upload input{
    width: 100%;
 }
 .presonal-information-image-upload{
   
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #050038;
    border-radius: 4px;
    max-width: 150px;
    height: 150px;
 }
 .supplier-contact-information-title h3{
    font-size: 17px;
    font-weight: 600;
    color: #050038;
    max-width: 16em;
 }
 .supplier-contact-information-title p{
    font-size: 12px;
    font-weight: 300;
    color: #858585;
    line-height: 135%;
    max-width: 21em;
    margin-bottom: 0px;
 }
 .presonal-information-input-field input {
      width: 100%;
      border: none;
      outline: none;
      color: #858585;
      font-size: 16px;
      font-weight: 400;
 }
 .presonal-information-input-field{
    border: 1px solid #050038;
    padding: 14px 26px;
    border-radius:6px ;
    width: 100%;
 }
 .presonal-information-input-field textarea{
    border: none;
    outline: none;
    resize: none;
    width: 100%;
 }
 .presonal-information-input-field input ::placeholder{
    color: #858585 !important;
    font-size: 16px;
    font-weight: 400;
 }
 .supplier-contact-presonal-checkbox{
    margin-bottom: 15px;
 }
 .supplier-contact-presonal-checkbox span{
    color: #050038;
    font-size: 14px;
    font-weight:400 ;
    padding-left: 8px;
 }
 .presonal-information-input-field select{
    width: 100%;
    border: none;
    outline: none;
    color: #858585 !important;
    font-size: 16px;
    font-weight: 400;
 }


 .supplier-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  .supplier-switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .supplier-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E0E0E0;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .supplier-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .supplier-slider {
    background-color: #A6C03D;
  }
  
  input:focus + .supplier-slider {
    box-shadow: 0 0 1px #A6C03D;
  }
  
  input:checked + .supplier-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .supplier-slider.round {
    border-radius: 34px;
  }
  
  .supplier-slider.round:before {
    border-radius: 50%;
  }
  .prsonal-info-bottom{
    margin-bottom: 20px;
  }
  .last-info-customer-btn button{
    background-color: #4262FF;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 46px;
    border: none;
    border-radius: 10px;
  }
  .information-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px !important;
    margin-top: 30px !important;
  }
  .last-info-customer p{
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #050038;
    margin-bottom: 0px;
  }
  .last-info-customer p a{
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #4262FF;
    text-decoration: none;
  }
  .reduce-paddin-bottom{
    padding-bottom: 0px !important;
  }
  .img-design:hover{
    transition: transform 3.5s linear;
    transform: rotate(360deg);
}
.img-design3:hover{
    transition: transform 3.5s linear;
    transform: rotate(360deg);
     z-index: 1;
}
.img-design2:hover{
    transition: transform 3.5s linear;
    transform: rotate(360deg);
}
.img-design4:hover{
    transition: transform 3.5s linear;
    transform: rotate(360deg);
}
.presonal-information-image-upload>input {
    display: none;
  }
  
  .new-offcanvas-section{
    display: none;
  }
  .presonal-information-input-field{
    width: 100% !important;
  }
  .presonal-information-input-field span{
    font-size: 16px;
    font-weight: 400;
    color: #858585;
  }
 .suppliers-form-padding-apply{
    padding: 0px !important;
 }
 .support-sections{
    padding: 50px 0px 100px 0px;
 }
/* ************************************************************** PRICE  PAGE ***************************************** */
.price-banner-button{
    padding: 0px !important;
}
.price-banner{
    padding: 80px 0px !important;
}
.price-banner-head h1{
    font-size: 75px;
    font-weight:700;
    color: #050038;
    max-width: 11em;
    text-align: center;
}
.price-banner-head h1 span{
    font-size: 75px;
    font-weight:700;
    color: #fff;
    background-color: #A259FF;
    border-radius: 10px;
    padding: 0px 6px;
}
.price-banner-head p{
    font-size: 24px;
    font-weight: 400;
    line-height: 160%;
    color: #050038;
    text-align: center;
    max-width: 33em;
    margin: 30px 0px;
}
.price-banner-toglr-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color:#D9D9D9;
    padding: 0px !important;
    border-radius: 44px;
    max-width: 290px !important;
    width: 100%;
    margin-bottom: 35px;
}
.price-baner-bottom-card-icontext{
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 16px 0px;
}
.price-baner-bottom-card-icontext p{
    font-size: 16px;
    font-weight: 300;
    color: #050038;
    margin-bottom: 0px;
}
.price-baner-bottom-card-container h3{
    font-size: 18px;
    color: #050038;
    font-weight: 400;
}
.price-baner-top-card-container h3{
    font-size: 32px;
    font-weight: 600;
    color: #555555;
    margin-top: 23px;
}
.price-baner-top-card-container h3 span{
    font-size: 54px;
    font-weight: 600;
    color: #000000;
}
.price-baner-top-card-container p{
    font-size: 18px;
    font-weight: 500;
    color: #050038;
    line-height: 150%;
    max-width: 15em;
}
.price-baner-top-card-container span{
    font-size: 32px;
    font-weight: 600;
    color: #050038;
}
.price-baner-card-container{
    border-radius: 6px;
    border: 1px solid #000000;
    position: relative;
}
.price-baner-top-card-container{
    border-bottom: 1px solid #000000;
    padding: 30px 30px 40px 30px;
}
/* .price-baner-top-card-container1{
    border-radius: 6px;
    border: 1px solid #000000;
    padding: 30px;
} */
 .price-baner-bottom-card-icontext button{
    border: none;
    border-radius: 35px;
    background-color: #4262FF;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    padding: 16px;
    width: 100%;
 }
 .price-banner-button{
    display: flex;
    justify-content: center;
   
 }
 /* .price-design-change{
    padding: 3px 30px 35px 30px !important;
 } */
.price-baner-bottom-card-container{
    padding: 30px;
}
.price-desigm{
    top: -33px;
    position: absolute;
    right: 45px;
}
.price-banner-button button{
    padding: 4px 16px;
    background-color: #fff;
    color: #050038;
    border: 1px solid #050038;
    border-radius: 18px;
    font-size: 12px;
    font-weight: 400;   
    position: relative;
    right: 50px;
}
.best-plan-header h2{
font-size: 66px;
font-weight: 700;
color: #050038;
max-width: 14em;
text-align: center;
}
.best-plan-header h2 span{
    font-size: 66px;
font-weight: 700;
color: #fff;
background-color: #A6C03D;
border-radius: 10px;
padding: 0px 6px;
}
.tavle-row-design{
    background-color: #F7F7F7 !important;
}
.tavle-row-design td{
    font-size: 19px;
    font-weight: 300;
    line-height: 140%;
    color: #050038 !important;
    padding: 40px 54px !important;
}
.tavle-row-design th{
    font-size: 26px;
    font-weight: 500;
    line-height: 140%;
    color: #050038 !important;
    padding: 28px 50px !important;
}
.tavle-row-design2 td{
    font-size: 19px;
    font-weight: 300;
    line-height: 140%;
    color: #050038 !important;
    padding: 28px 50px !important;
}
tbody, td, tfoot, th, thead, tr{
    border: none !important;
}
.table>:not(caption)>*>*{
    background-color:transparent !important;
}
.best-plan-page{
    padding: 80px 0px !important;
}
.price-slider-main{
        padding: 56px 64px 46px 64px;
        border-radius: 10px;
        border: 1px solid #F24E1E;
}
.price-slider-main2{
    padding: 56px 64px 46px 64px;
    border-radius: 10px;
    border: 1px solid #A259FF;
}
/* ************************************************************** CAREERS 1 PAGE**************************************** */
.carrers1-banerr{
    padding: 80px 0px ;
}
.carrers1-banerr-design-head-para p{
    font-size: 24px;
    font-weight: 600;
    color: #050038;
    margin-bottom: 0px;
}
.carrers1-banerr-design-head-img img{
    max-width: 100%;
}
.carrers1-banerr-design-head{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.carrers1-banerr-header h1{
    font-size: 80px;
    font-weight: 700;
    line-height: 130%;
    color: #050038;
    max-width: 10em;
    text-align: center;
}
.carrers1-banerr-para p{
    font-size: 24px;
    font-weight: 500;
    line-height: 160%;
    color: #050038;
    text-align: center;
    max-width: 37em;
}
.carrers1-banerr-header{
    position: relative;
}
.careers-design1 img{
    position: absolute;
    max-width: 100%;
    bottom: -45px;
}
.carrers1-banerr-para{
    position: relative;
}
.careers-design2 img{
    position: absolute;
    max-width: 100%;
    right: 130px;
    bottom: -105px;
}
.carrers1-banerr-image{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 90px !important;
    padding: 0px !important;
}
.carrers1-banerr-image img{
    max-width: 100%;
}
.our-retailer{
    background-color: #050038;
    padding-top: 120px;
    position: relative;
    overflow: hidden;
}
.our-retailer-headr h2{
    font-size: 66px;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
    text-align: center;
    max-width: 15em;
    margin-bottom: 70px;
}
.our-retailer-card-text h3{
    font-size:46px ;
    font-weight: 700;
    color: #fff;
    padding: 20px 0px !important;
}
.our-retailer-card-text p{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    max-width: 10em;
}
.our-retailer-card-bttn{
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 25px;
}
.our-retailer-card-bttn a{
    text-decoration: none;
    color: #050038;
    display: flex;
    align-items: center;
    gap: 15px;
}
.our-retailer-card-bttn a p{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0px;
}
.our-retailer-btn-grp{
    display: flex;
    align-items: center;
    gap: 25px;
}
.our-retailer-btn-design-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    position: relative;
}
.btn-dsign-retaile img{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 95px;
}
.our-retailer-design-top img{
    max-width: 339px;
    position: absolute;
    top: 0px;
    right: -63px;
}
.join-Hendoh-header h2 {
    font-size: 62px;
    font-weight: 700;
    color: #050038;
    max-width: 9em;
    margin-bottom: 36px;
}
.join-Hendoh-header h2  span{
    font-size: 62px;
    font-weight: 700;
    color: #fff;
    background-color: #F24E1E;
    border-radius: 10px;
    padding: 0px 7px;
}
.join-Hendoh-para1 p{
    font-size: 20px;
    font-weight: 300;
    line-height: 160%;
    max-width: 27em;
    color: #050038;
    padding-bottom: 38px !important;
    border-bottom:  1px solid #050038;
}
.join-Hendoh-para2 p{
    font-size: 20px;
    font-weight: 300;
    line-height: 160%;
    max-width: 27em;
    color: #050038;
    margin-bottom: 35px;
}
.jpoin-hendoh-left{
    display: flex;
    gap: 15px;
}
.hendoh-user-detail h3{
font-size: 21px;
font-weight: 400;
color: #050038;
}
.hendoh-user-detail p{
 font-size: 16px;
 font-weight: 300;
 color: #050038;
}
.join-hendoh-image img{
    max-width: 100%;
}
.join-Hendoh{
    padding: 70px 0px ;
}
.current-opening{
    padding: 30px 0px 110px 0px ;
}
.current-opening-header h2{
    font-size: 52px;
    line-height: 130%;
    font-weight: 700;
    color: #050038;
}
.current-opening-header p{
    font-size:20px ;
    line-height: 160%;
    color: #050038;
    font-weight: 300;
    max-width:23em ;
    margin: 25px 0px 50px 0px;
}
.current-opening-header p a{
    color: #4262FF;
    text-decoration: none;
}
.current-opening-left button{
    border:1px solid #000000;
    border-radius: 34px;
    font-size: 17px;
    color: #050038;
    font-weight: 500;
    line-height: 160%;
    padding: 16px 26px;
    background-color: #fff;
}
.current-opening-left button:hover{
    background-color: #050038;
    color: #fff;
}
.current-opening-left{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
}
.job-right-bg{
    background-color: #F7F7F7;
    border-radius: 10px;
    padding: 0px !important;
}
.job-profile h3{
    font-size: 27px;
    font-weight: 700;
    line-height: 160%;
    color: #050038;
}
.job-detail p{
    font-size: 19px;
    font-weight: 400;
    line-height: 160%;
    color:#555555;
}
.job-detail p span{
    padding: 0px 10px;
}
.job-location-details-para p{
    font-size: 17px;
    line-height: 160%;
    color: #050038;
    font-weight: 600;
    margin: 0px;
}
.current-job-opening{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 10px;
    padding: 32px 38px;
    margin-bottom: 30px;
}
.job-opening-right button{
    border:  1px solid #000000;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    color: #4262FF;
    padding: 9px 29px;
    background-color: #fff;
    margin-left: 38px;
}
.work-with-hendoh h2{
    max-width: 100%  !important;
}

/* ************************************************************** CAREERS 2 PAGE**************************************** */
.career2-banner{
    background-color: #A259FF;
    padding: 90px 0px 180px 0px;
}
.new-padding-carreer-pafe{
    padding: 77px 77px 0px 77px;
}
.career-banner-header h1{
font-size: 80px;
font-weight: 700;
line-height: 140%;
color: #fff;
text-align: center;
}
.career-banner-header p{
    font-size: 20px;
font-weight: 500;
line-height: 165%;
color: #fff;
text-align: center;
max-width: 41em;
}
.job-profile2 h3{
    font-size: 36px;
    font-weight: 700;
    color: #050038;
}
.job-detail2 p{
    font-size:24px ;
    font-weight: 500;
    line-height: 160%;
    color: #555555;
    margin: 8px 0px 18px 0px ;
}
.job-location-details-para2 p{
    font-size:20px ;
    font-weight: 600;
    line-height: 160%;
    color: #050038;
    margin: 0px;
}

.About-Hendoh-sect h3{
    font-size: 36px;
    font-weight: 700;
    color: #050038;
    margin: 40px 0px 30px 0px ;
}
.About-Hendoh-sect p{
    font-size:24px ;
    font-weight: 300;
    line-height: 150%;
    color: #050038;
    max-width: 36em;
}
.About-Hendoh-sect p span{
    font-size:24px ;
    font-weight: 300;
    line-height: 150%;
    color: #4262FF;
    max-width: 36em;
}
.About-Hendoh-sect li{
    font-size:24px ;
    font-weight: 300;
    line-height: 150%;
    color: #050038;
    max-width: 42em;
}
.About-Hendoh-sect img{
    max-width: 100%;
    margin: 40px 0px ;
}
.About-Hendoh-sect2{
    padding:45px 0px ;
    background-color: #F2F2F2;
    display: flex;
    justify-content: center;
    border-radius: 10px;
   margin: 65px 0px 80px 0px !important;
}
.About-Hendoh-sect2 p{
    font-size:24px ;
    font-weight: 600;
    color: #050038;
    text-align: center;
    max-width: 34em;
    
}
.new-About-Hendoh-secttion2{
    padding:45px 0px ;
    background-color: #F2F2F2;
    display: flex;
    justify-content: center;
    border-radius: 10px;
   margin: 65px 0px 80px 0px ;
}
.new-About-Hendoh-secttion2 p{
    font-size:24px ;
    font-weight: 600;
    color: #050038;
    text-align: center;
    max-width: 34em;
    
}
.career2-icons{
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-direction: column;
    gap: 30px;
    border-right: 0px !important;
    border: 1px solid #000000;
    padding: 20px 30px;
    position: absolute;
    border-radius: 10px 0px 0px 10px;
    left: 50px;
    top: 30px;
    width: 30px;
}
.carrer2-job-details{
    border: 1px solid #000000;
    padding: 77px 77px 0px 77px;
    position: relative;
    bottom: 110px;
    background-color: #fff;
    border-radius: 10px;
}
.design-border{
    padding: 0px !important;
    position: relative;
}
.new-design-boredr{
    display: none;
}
.About-Hendoh-sect button{
    background-color: #4262FF;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    border-radius: 10px;
    width: 100%;
    border:  none;
    padding: 22px;
}
/* **************************************************************2nd nab bar dropdown ********************************* */
 .nav-item .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #343a40;
    color: white;
    border: none;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.nav-item:hover .dropdown-menu {
    display: block;
}

.dropdown-menu a {
    color: white;
    padding: 8px 16px;
    display: block;
    text-decoration: none;
}
.dropdown-menu a:hover {
    background-color: #495057;
}
/* **********************************************************  BLOG BANNER 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.blog-banner h1{
    font-size: 80px;
    font-weight: 700;
    color: #050038;
    max-width: 12em;
    text-align: center;
    margin-bottom: 80px;
}
.banner-text-section{position: relative;}
.banner-text-section-main button{
    background-color: #FFD02F;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 8%;
    border: none;
    padding: 6px 18px;
}
.banner-text-section-main p{
    font-size: 27px;
    font-weight: 700;
    color: #050038;
}
.banner-text-section-main22 button{
    background-color: #FFD02F;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 8%;
    border: none;
    padding: 6px 18px;
}
.banner-text-section-main22{
    font-size: 53px;
    font-weight: 700;
    color: #050038;
}
.banner-text-section-main2 button{
    background-color: #FFD02F;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 8%;
    border: none;
    padding: 6px 18px;
}
.banner-text-section-main2 p{
    font-size: 27px;
    font-weight: 700;
    color: #050038;
    max-width: 13em;
    margin: 12px 0px 24px 0px;
}
.banerr-user-detail p{
    font-size: 21px;
    font-weight: 500;
    color: #050038;
    margin: 0px;
}
.banerr-user-detail span{
    font-size: 16px;
    font-weight: 300;
    color: #050038;
}
.banner-text-section{
    padding: 44px 48px;
    border: 1px solid #000000;
    border-radius: 16px;
    display: block;
    margin: auto;
    background-color: #fff;
    max-width: 925px;
}
.banner-text-section22{
    border-radius: 16px;
    background-color: #fff;   
    position: absolute;
    bottom: 0px;
    left: 264px;
}
.banner-text-section2{
    padding: 44px 48px;
    border: 1px solid #000000;
    border-radius: 16px;
    display: block;
    margin: auto;
    background-color: #fff;
    max-width: 555px;
}
.banner-text-section-MAIN{
    position: absolute;
    width: 100%;
    bottom: -60PX;
}
.banner-text-section-MAIN2{
    position: absolute;
    width: 100%;
    bottom: -190pX;
}
.banner-image{
    position: relative;
    margin: 60px 0px 160px 0px;
}
.subscribe-blog{
    background-color: #050038;
    margin-top: 50px;
    padding: 98px 0px 86px 0px ;
    position: relative;
}
.blog-image1 img{
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 450px;
    width: 100%;
}
.blog-image2 img{
    position: absolute;
    bottom:0px;
    left: 0px;
    max-width: 450px;
    width: 100%;
}
.blog-image1,.blog-image2{
    max-width: 100%;
}
.subscribe-bolg-head h2{
    font-size: 72px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    max-width: 12em;
    
}
.subscribe-bolg-head p{
    font-size: 22px;
    font-weight: 400;
    line-height: 150%;
    color: #ffffff;
    text-align: center;
    max-width: 36em; 
    margin: 26px 0px 36px 0px ;
}
.subscribe-bolg-input input{
    border: none;
    font-size: 24px;
    line-height: 140%;
    font-weight: 300;
    color: #050038;
    width: 100%;
}
.subscribe-bolg-input{
    border-radius: 41px;
    padding: 20px 35px;
    background-color: #ffffff;
}
.subscribe-bolg-buton button{
    border-radius: 41px;
    padding: 21px 35px;
    background-color: #4262FF;
    color: #ffffff;
    border: none;
    width: 100%;
}
.banner-blog1-main{
    padding: 110px 0px ;
}
.latest-blog{
    padding: 150px 0px 200px 0px ;
}
.latest-blog-header h2{
    font-size:64px ;
    font-weight: 700;
    line-height: 130%;
    color: #050038;
    margin-bottom: 45px;
}
.latest-blog-bttn button{
    border:1px solid #000000;
    border-radius: 34px;
    font-size: 17px;
    color: #050038;
    font-weight: 500;
    line-height: 160%;
    padding: 16px 26px;
    background-color: #fff;
}
.latest-blog-bttn{
    /* margin-bottom: 80px; */
}
.latest-blog-bttn button:hover{
    background-color: #050038;
    color: #fff;
}
.lattest-blog-img img{
    max-width: 580px;
    width: 100%;
}
..blog-top-spaces{
    margin-top: 10em !important;
}
.carrer2-job-details-new{
    /* padding: 77px !important; */
}
.flora-henry-icons{
    position:absolute;
    top: -60px;
}
.flora-henry-container{
    border: 1px solid #000000;
    border-radius: 10px;
    padding: 71px;
    position: relative;
}
.flora-henry-icons img{
    padding:0px 10px;
}
@media(max-width:1400px){
    .banner-text-section2 {
    max-width: 450px;
    padding: 30px;
    }

}
@media(max-width:1200px){
    .banner-text-section2 {
    max-width: 390px;
    padding: 30px;
    }

}
.blog-2-banner{
    position: relative;
   
}
.fluid-banner-blog{
    overflow: hidden;
    padding: 0px !important;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx categories-page   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.categories-banner{
    background-image: url("/images/Mask\ group.png");
    background-color: #050038;
   padding: 120px 0px 150px 0px;
    background-size: cover;
    background-position: center;
}
/* .categories-header{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  } */
   .categories-header h1{
    font-size: 72px;
    font-weight: 700;
    line-height: 120%;
    color: #ffff;
    text-align: center;
   }
   .categories-section h2{
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    background-color: #A6C03D;
    border-radius: 4px;
    padding: 2px 8px;
    max-width: 280px;
    text-align: center;
   }
   .categories-section-card
   {
    padding: 40px 10px !important;
    border-radius: 10px;
    border: 1px solid #000000;
    background-color: #fff;
    width: 100%;
   }
   .categories-card-text p{
    font-size: 18px;
    font-weight: 600;
    color: #050038;
    text-align: center;
    max-width: 9em;
    margin: 0px;
    padding-top: 15px;
   }
   .pagination-border {
    border:1px solid #000000 !important;
   }
   .page-item1 a{
    color: #050038 !important;
    text-decoration: none !important;
   }
   .page-item  a{
    text-decoration: none !important;
   }
   .new-link-color{
    color: #4262FF !important;
   }
   .page-link:focus{
    box-shadow: none !important;
   }
   .categories-all-product{
    background-color: #F5F5F5;
    padding: 25px !important;
    border-radius: 7px;
    margin-top: 100px !important;
   }
   .pen-img-category{
    max-width: 82px !important;
   }
   .relible-support h2{
    font-size: 52px;
    line-height: 125%;
    font-weight: 600;
    color: #fff;
    margin: 30px 0px 100px 0px ;
   }
   .relible-support h2 span{
    font-size: 52px;
    line-height: 125%;
    font-weight: 600;
    color: #fff;
    background-color: #FFD02F;
    border-radius: 10px;
    padding: 1px 3px;
   }
   .relible-support-banner{
    background-color: #050038;
    margin-top: 100px;
    border-radius: 20px;
    position: relative;
   }
   .relible-support-bttn{
        font-size: 20px;
        line-height: 150%;
        color: #FFFFFF;
        font-weight: 600;
        background-color: #4262FF;
        border-radius:39px ;
        border: none;
        padding: 17px 35px;
        max-width: 290px !important;
   }
   .relible-support-bttn:hover{
    background-color: #F24E1E;
   }
   .relible-support-banner-img img{
    max-width: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
   }
   /* .col-lg-7{
    padding: 0px !important;
} */
.reaible-left{
    padding: 40px;
}
.table-responsive {
    overflow-x: auto;
}
.new-gap-checked-bx{
    gap: 10px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SUPLLIER CLAIMS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.supplier-claim-banner{
    background-color: #050038;
    position: relative;
    padding: 128px 0px;
}
.supplier-claim-input{
    border-radius: 6px;
    background-color: #fff;
    padding: 14px 25px;
    border: 1px solid #FFD02F;
    /* z-index: 99; */
}
.supplier-claim-baner-search input{
    width: 100%;
    border: none;
    padding: 1px 10px;
}
.supplier-claim-baner-head h1{
    font-size: 70px;
    line-height: 120%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    z-index: 9;
}
.supplier-claim-baner-head h1 span{
    font-size: 70px;
    line-height: 120%;
    color: #050038;
    font-weight: 700;
    background-color: #FFD02F;
    border-radius: 5px;
}
.supplier-claim-baner-text p{
    font-size: 22px;
    line-height: 150%;
    color: #fff;
    font-weight: 400;
    text-align: center;
    max-width: 32em;
    margin: 26px 0px 60px 0px ;
}
.supplier-dsign-2 img{
    max-width: 450px;
    position: absolute;
    bottom: 0px;
    left:0px;
}
.supplier-dsign-1 img{
    max-width: 450px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.supplier-claim-baner-input-section{
   z-index: 99;
}
.grow-your-buisness{
    background-color: #F7F7F7;
    padding: 150px 0px;
}
.grow-your-buisness-header h2{
    font-size: 62px;
    font-weight: 600;
    line-height: 150%;
    color: #050038;
    max-width: 12em;
    text-align: center;
    margin-bottom: 80px;
}
.grow-your-buisness-header h2 span{
    font-size: 62px;
    font-weight: 600;
    line-height: 150%;
    color: #fff;
    background-color: #F24E1E;
    border-radius: 10px;
}
.grow-your-buisness-card{
    border: 1px solid #050038;
    border-radius: 12px;
    padding: 36px 40px;
}
.grow-your-buisness-card-head h3{
    font-size:34px ;
    line-height: 135%;
    font-weight: 600;
    color: #050038;
    margin: 35px 0px 20px 0px ;
}
.grow-your-buisness-card-head p{
    font-size:19px ;
    line-height: 160%;
    font-weight: 400;
    color: #050038;
    margin: 0px;
}
.border-change-clr{
    border: 1px solid #000000 !important;
    border-radius: 4px !important;
    max-width: 100% !important;
}
.FAQ-SEC{
    padding: 90px 0px ;
}
.visit-help-center{
    overflow: hidden;
    background-color: #050038;
    position: relative;
    padding:34px 0px;
}
.help-design-2 img{
    max-width: 400px;
    position: absolute;
    bottom: 0px;
    left:0px;
}
.help-design-1 img{
    max-width: 400px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.help-center-text p{
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin: 0px;
}
.help-center-bttn button{
    background-color: #4262FF;
    color:#fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    border: none;
    padding: 16px 50px;
    border-radius: 39px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  LearnHomepage  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.LearHome-banner{
    background-color: #050038;
    padding: 0px 0px 60px 0px ;
}
.LearHome-banner-right-img img{
     max-width: 100%;
}
.Learn-Banner-left-head h1{
    font-size: 62px;
    color: #fff;
    font-weight: 700;
    max-width: 9em;
}
.Learn-Banner-left-head h1 span{ 
    font-size: 62px;
    background-color:#A6C03D;
    color: #fff;
    font-weight: 700;
    border-radius: 6px;
}
.Learn-Banner-left-text p{
    font-size: 24px;
    line-height: 150%;
    font-weight: 300;
    color: #fff;
    max-width: 23em;
    margin: 40px 0px ;
}
.Learn-Banner-left-user-text h3{
    font-size:21px ;
    font-weight:500 ;
    color: #fff;
    margin: 0px;
}
.Learn-Banner-left-user-text p{
    font-size:16px ;
    font-weight:300 ;
    margin: 0px;
    color: #fff;
}
.course-detail-time p{
    font-size: 12px;
    font-weight: 500;
    margin: 0px;
    color: #050038;
}
.course-detail-time span{
    font-size: 20px;
    font-weight: 600;
    color: #050038;
}
.course-detail-para h3{
    font-size: 20px;
    font-weight: 600;
    color: #050038;
    margin: 13PX 0PX 19PX 0Px;
}
.course-ussers-detail p{
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    color: #050038;
}
.course-ussers-detail button{
    border-radius: 20px;
    background-color: #A6C03D;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 6px 18px;
}
.learn-grow-succesed-card{
   width: 100%;
    border: 1px solid  #050038;
    border-radius: 10px;
    margin-top: 45px;
}
.learn-grow-succesed-card-img{
    padding: 0px !important;
}
.learn-grow-succesed-card-text{
    padding: 17PX 25PX;
}
.learn-and-grow-header h2{
    font-size: 66px;
    font-weight: 700;
    color: #050038;
    text-align: center;
    max-width: 12em;
    margin-bottom: 30px;
}
.learn-and-grow-header h2 span{
    font-size: 66px;
    font-weight: 700;
    color: #fff;
    background-color: #A6C03D;
    border-radius: 7px;
    text-align: center;
}
.learn-and-grow{
    padding: 150px 0px 0px 0px;
}
.round-btn-prev{
    background-color:  #ffffff;
    width: 50px;
    height: 50px;
    border: 1px solid #555555;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 2%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
}
.round-btn-next{
    z-index: 99;
    background-color:  #ffffff;
    width: 50px;
    height: 50px;
    border: 1px solid #555555;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 48%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);   
}
.make-differnece-main-header h2{
    font-size: 66px;
    font-weight: 700;
    line-height: 140%;
    color: #050038;
}
.make-differnece-main-header h2 span{
    font-size: 66px;
    font-weight: 700;
    line-height: 140%;
    color: #fff;
    background-color: #A259FF;
    border-radius: 10px;
}
.how-we-work{
    background-color: #F7F7F7;
    padding: 150px 0px 120px 0px;
}
.how-we-work-left-head h2{
    font-size: 64px;
    line-height: 130%;
    font-weight: 700;
    color: #050038;
    margin-bottom: 20px;
}
.how-we-work-left-head h2 span{
    font-size: 64px;
    line-height: 130%;
    color: #fff;
    font-weight: 700;
    background-color: #A6C03D;
    border-radius: 10px;
}
.how-we-work-left-para p{
    font-size: 24px;
    line-height: 140%;
    font-weight: 300;
    color: #050038;
    max-width: 23em;
    margin: 0px;
}
.left-para-marginbottom{
    margin-bottom: 35px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.navbar-bg-new{
    background-color: #f5f5f5  !important;
}
.new-navlink{
    color: #050038 !important;
}
.affilated-banner-2{
    padding-top: 50px ;
}
.affilated-progrma-baner{
    position: relative;
    padding: 120px 0px;
    /* background-image: url("/images/Image.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
}
.affliated-baner-img {
    position: absolute;
    width: 100%;
    top: 0px; 
   
}
.affliated-baner-img  image{
    height: 100vh;
}
.affilated-progrma-baner-head h1{
    margin-bottom: 40px;
}
.affilated-progrma-baner-head h1 span{
    font-size: 60px;
    line-height:133% ;
    font-weight: 600;
    color: #fff;
    background-color: #A6C03D;
    border-radius: 6px;
  
}
.affilated-progrma-baner-list li{
    font-size: 25px;
    line-height:160% ;
    font-weight: 500;
    color: #050038;
    max-width: 24em;
    margin-bottom: 10px;
}
.affilated-progrma-baner-butn button{
    background-color: #A6C03D;
    color: #ffff;
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;
    border-radius: 39px;
    border: none;
    padding: 14px 39px;
}
.affilated-program-card{
    border: 1px solid #555555;
    border-radius: 10px;
    padding: 35px 40px 29px 40px;
}
.affilated-program-card:hover{
    box-shadow: 8px 8px  #A6C03D;
}
.affilated-program-card-3:hover{
    box-shadow: 8px 8px #FFD02F;
}
.affilated-program-card-2:hover{
    box-shadow: 8px 8px #A259FF;
}
.affilated-program-card-text h3{
    font-size: 30px;
    line-height: 133%;
    color: #050038;
    font-weight: 600;
    margin: 16px 0px 8px 0px ;
}
.affilated-program-card-text p{
    font-size: 20px;
    line-height: 160%;
    color: #050038;
    font-weight: 300;
    max-width: 16em;
}
.affilated-program-card-sec{
    background-color: #f5f5f5;
    padding: 100px 0px;
}
.Grow-your-commission{
    padding: 92px 0px ;
}
.Grow-your-commission-head h2{
    font-size: 40px;
    line-height: 140%;
    color: #050038;
    font-weight: 700;
    text-align: center;
}
.Grow-your-commission-head h2 span{
    font-size: 40px;
    line-height: 140%;
    color: #fff;
    background-color: #F24E1E;
    border-radius: 10px;
    font-weight: 700;
}
.Grow-your-commission-para p{
    font-size: 22px;
    line-height: 150%;
    font-weight: 300;
    color: #050038;
    text-align: center;
    margin: 16px 0px 32px 0px;
}
.Grow-your-commission-para p a{
    text-decoration: none;
    color: #4262FF;
}
.Grow-your-commission-btn button{
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    color: #fff;
    background-color: #A6C03D;
    border-radius: 39px;
    border: none;
    padding: 14px 39px;
}
.people-love{
padding: 140px 0px 100px 0px;
}
.people-love-header h3{
    font-size:66px ;
    font-weight: 700;
    line-height: 140%;
    color: #050038;
    text-align: center;
    margin-bottom: 50px;
}
.people-love-header h3 span{
    font-size: 66px;
    font-weight: 700;
    line-height: 140%;
    color: #fff;
    background-color: #A6C03D;
    border-radius: 10px;
}
.name-contact{
    width: 50%;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX AFFILATED PAGE 2   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.become-affilated-head h1{
    font-size: 70px;
    font-weight: 600;
    color: #050038;
    max-width:8em;
}
.become-affilated-head h1 span{
    font-size: 70px;
    font-weight: 600;
    color: #fff;
    background-color: #A6C03D;
    border-radius: 10px;
}
.become-affilated-para p{
        font-size: 24px;
        font-weight: 300;
        color: #050038;
        line-height: 160%;
        max-width: 24em;
        margin: 16px 0px 50px 0px ;
}
/* .img{
    border-bottom: 100px solid #f00;
  border-right: 320px solid transparent;
} */
.affilated-card2{
    border-radius: 10px;
    border: 1px solid #050038;
    padding: 49px 20px 35px 20px;
    background-color: #fff;
}
.affilated-contact-main{
    background-color: #fff;
    margin-top: 100px;
    padding: 85px 100px 40px 100px;
    border: 1px solid #050038;
    border-radius: 10px;
    background-color: #fff;
}
.affilated-card2-text h3{
    font-size: 24px;
    color: #050038;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
}
.affilated-card2-text p{
    font-size: 16px;
    color: #050038;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    margin: 15px 0px 26px 0px ;
}
.name-contact input{
border: 1px solid #050038;
border-radius: 6px;
padding: 10px 16px;
margin-top: 15px;
}
.name-contact select{
    border: 1px solid #050038;
border-radius: 6px;
padding: 10px 16px;
margin-top: 15px;
}
.name-contact label{
    font-size: 14px;
    font-weight: 500;
    color: #050038;
}
.checkbox-affilated2 label{
    font-size: 14px;
    font-weight: 500;
    color: #050038;
}
.checkbox-affilated2 input{
    border: 1px solid #050038;
    border: 1px solid #050038;
border-radius: 6px;
padding: 10px 16px;
}
.contact-inf0-affilated-pag2 h3{
    font-size: 17px;
    font-weight: 500;
    color: #050038;
    max-width: 17em;
}
.contact-inf0-affilated-pag2 p{
    font-size: 13px;
    font-weight: 400;
    line-height: 135%;
    color: #858585;
    max-width: 20em;
}
.affilated-contact-bttn{
    border: 1px solid #050038;
    border-radius: 6px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 75%;
    margin-bottom: 12px;
}
.affilated-contact-bttn input{
    width: 100%;
    border: none;
}
.affilated-contact-bttn  textarea{
    border: 1px solid #050038;
    border-radius: 6px;
    padding: 10px 16px;
    border: none;
    width: 100%;
    outline: none !important;
}
.affileted-left-margin{
    padding-left: 50px !important;
}
.search-bbtn-affilated button
{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-color: #A6C03D;
    border: none;
    border-radius: 10px;
    padding: 15px 70px;
}
.inside-container-affilated2{
    padding: 40px;
    background-color: #f5f5f5;
}
.frequently-asked-2-jeader h2{
    font-size: 56px;
    font-weight: 700;
    color: #050038;
    max-width: 14em;
    text-align: center;
    margin-bottom: 45px;
}
.frequently-asked-2-jeader h2 span{
    font-size: 56px;
    font-weight: 700;
    color: #fff;
    background-color:#A6C03D ;
    border-radius: 10px;
   
    margin-bottom: 50px;
}
.frequentlu-asked-affilated{
    background-color: #f5f5f5 !important;
    padding: 45px !important;
    margin-top: 80px;
}
.frequentlu-asked-affilated-2{
    padding-top: 80px  ;
    border: 1px solid #050038;
    background-color: #fff;
    border-radius: 10px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.new-navlink {
    text-decoration: none !important;
}
.dashboard-baner{
    background-image: url("/images/—Pngtree—building_948133\ 1\ \(1\).png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0px;
    position: relative;
    isolation: isolate;
}

.dashboard-baner::after{
    content: "";
    z-index: -1;
    background-color: #f1f1f1;
    opacity: 35%;
    position: absolute;
    inset: 0;
}
.dashboard-baner-new-sec{
    background-image: url("/images/—Pngtree—building_948133\ 1\ \(1\).png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0px;
    position: relative;
    isolation: isolate;
    background:none !important;
}

.dashboard-baner-new-sec::after{
    content: "";
    z-index: -1;
    background-color: #f1f1f1;
    opacity: 35%;
    position: absolute;
    inset: 0;
}
.dshboard-banner-text{
    border-radius: 13px 70px 13px 13px;
    background-color: #FEEFF4;
    padding: 43px 23px 19px 35px;
}
.dshboard-banner-text h3{
    font-size: 15px;
    font-weight: 600;
    color: #050038;
    letter-spacing: 2px;
    margin-bottom: 24px;
}
.dshboard-banner-text p{
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #050038;
}
.icon-text-baner{
    position: absolute;
    top: 105px;
}
.new-clr-bashboard1{
    background-color:#EAEFFE !important ;
}
.new-clr-bashboard2{
    background-color:#E5FAF8 !important ;
}
.new-clr-bashboard3{
    background-color:#FFF6E5 !important ;
}
.new-clr-bashboard4{
    background-color:#FEEFF4 !important ;
}
.trending-suplier-seller-main p{
    font-size:14px ;
    font-weight: 500;
    color: #F24E1E;
    margin-bottom: 4px;
}
.trending-suplier-seller-main h3{
    font-size:18px ;
    font-weight: 500;
    color: #050038;
}
.trending-suplier-seller-bttn{
    display: flex;
    gap: 8px;
}
.trending-suplier-seller-bttn button{
    padding: 3px 9px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 400;
}
.suplier-seller-bttn1{
    color: #050038;
    border: 1px solid #050038;
}
.new-suplier-seller-bttn1 span{
    padding-left: 8px;
}
.suplier-seller-bttn2{
    color: #00D26A;
    border: 1px solid #00D26A;
   position: relative;
   isolation: isolate;
}
.suplier-seller-bttn2::after{
    content: "";
    z-index: -1;
    background-color: #00D26A;
    opacity: 10%;
    position: absolute;
    inset: 0;
}
.trending-suplier-seller-main-contain{
    display: flex;
    gap: 15px;
    background-color: #fff;
    padding: 19px 23px;
    border-radius: 10px ;
}
.card-border-seller{
    border-radius: 10px ;
    border: 1px solid #050038;
}
.trending-suplier-seller-only-icon p{
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
    color: #050038;
    margin: 0px;
}
.trending-suplier-seller-only-icons a{
    text-decoration: none !important;

}
.trending-suplier-seller-only-icon p span{
    font-size: 13px;
    font-weight: 500;
    line-height: 140%;
    color: #050038;
    margin: 0px;
    padding-right: 3px;
}

.footer-card-seller a{
    font-size: 14px;
    line-height: 140%;
    color: #0458eb;
    text-decoration: none !important;
    font-weight: 500;
}
.trending-suplier-seller-main-icon-container{
    background-color: #F0F0F0;
    padding: 8px 11px;
    border-radius: 0px 0px 10px 10px ;
}
.dshboard-banner-icon{
    display: flex;
    justify-content: center;
}
.hesder-dshborad-tranding span{
    font-size: 32px;
    font-weight: 600;
    background-color: #A6C03D;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 1px 5px;
    margin-top: 37px;
}
.tranding-container{
    background-color: #F5F5F5;
    border-radius: 4px;   
}
.product-header-dash span{
    font-size: 32px;
    font-weight: 600;
    background-color: #A6C03D;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 1px 5px;
    margin-top: 37px;
}
.product-container{
    background-color: #F5F5F5;
    border-radius: 4px;   
    margin-top: 45px;
}
.product-container-card-right span{
    font-size:14px ;
    font-weight: 500;
    color: #F24E1E;
    margin-bottom: 4px;
}
.product-container-card-right h3{
    font-size:18px ;
    font-weight: 500;
    color: #050038;
    margin-top: 3px;
}
.product-container-card-right-bttn button{
    padding: 6px 18px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 400;
    color: #050038;
    background-color: #fff;
    border: 1px solid #050038;
    margin: 13px 0px 20px 0px ;
}
tbody, td, tfoot, th, thead, tr{
    border: 1px solid #050038 !important;
    border-radius: 4px;
}
.product-container-card{
    border: 1px solid #050038;
    border-radius: 10px;
    padding: 22px 17px;
    background-color: #fff;
  
}
:root {
--font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

*, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

nav {
display: block;
}

body {
margin: 0;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #515151;
text-align: left;
background-color: #e9edf4;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}

p {
margin-top: 0;
margin-bottom: 1rem;
}

a {
color: #3f84fc;
text-decoration: none;
background-color: transparent;
}

a:hover {
color: #0458eb;
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Nunito", sans-serif;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}

h1, .h1 {
font-size: 2.5rem;
font-weight: normal;
}

.card {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0;
}

.card-body {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}

.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
text-align: center;
}

.dashboard {

/* display: flex; */
position: relative;
/* min-height: 100vh; */
margin-top: 10px;
}
.dashboard-nav header{
    background-color: #f5f5ff;
}
.dashboard-app {

display: flex;

flex-direction: column;

}

.dashboard-content {

/* padding: 15px 0px; */
}

.dashboard-nav {
min-width: 198px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: #fff;
}

.dashboard-compact .dashboard-nav {
display: none;
}

.dashboard-nav header {
min-height: 84px;
padding: 8px 27px;

display: flex;

align-items: center;
}

.dashboard-nav header .menu-toggle {
display: none;
margin-right: auto;
}

.dashboard-nav a {
color: #515151;
text-decoration: none;
}

.dashboard-nav a:hover {
    background:#f5f5f5;
}

/* .dashboard-nav {
background-color: #443ea2;
} */

.dashboard-nav a {
color: #050038;
}

.brand-logo {
font-family: "Nunito", sans-serif;
font-weight: bold;
font-size: 20px;

display: flex;
color: #515151;
align-items: center;
}

.brand-logo:focus, .brand-logo:active, .brand-logo:hover {
color: #dbdbdb;
text-decoration: none;
}

.brand-logo i {
color: #d2d1d1;
font-size: 27px;
margin-right: 10px;
}

.dashboard-nav-list {

display: flex;
flex-direction: column;
}

.dashboard-nav-item {
min-height: 56px;
/* padding: 8px 20px 8px 70px; */
padding: 18px 15px;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.02em;
transition: ease-out 0.5s;
}

.dashboard-nav-item i {
width: 36px;
font-size: 19px;
/* margin-left: -40px; */
}

.dashboard-nav-item:hover {
background: rgba(255, 255, 255, 0.04);
}

.active {
background: rgba(0, 0, 0, 0.1);
}

.dashboard-nav-dropdown {

display: flex;
-webkit-box-orient: vertical;
flex-direction: column;
}

.dashboard-nav-dropdown.show {
background: rgba(255, 255, 255, 0.04);
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle {
font-weight: bold;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle:after {

transform: none;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu {

display: flex;
}

/* .dashboard-nav-dropdown-toggle:after {
content: "";
margin-left: auto;
display: inline-block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(81, 81, 81, 0.8);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
} */

.dashboard-nav .dashboard-nav-dropdown-toggle:after {
/* border-top-color: rgba(255, 255, 255, 0.72); */
color: #050038;
}

.dashboard-nav-dropdown-menu {
display: none;

flex-direction: column;
}

.dashboard-nav-dropdown-item {
min-height: 40px;
padding: 8px 20px 8px 70px;

display: flex;
align-items: center;
transition: ease-out 0.5s;
}

.dashboard-nav-dropdown-item:hover {
background: rgba(255, 255, 255, 0.04);
}

.menu-toggle {
position: relative;
width: 42px;
height: 42px;

display: flex;
align-items: center;
justify-content: center;
color: #443ea2;
}

.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
text-decoration: none;
color: #875de5;
}

.menu-toggle i {
font-size: 20px;
}

.dashboard-toolbar {
min-height: 84px;
background-color: #f5f5f5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 27px;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1000;
}

.nav-item-divider {
height: 1px;
margin: 1rem 0;
overflow: hidden;
background-color: rgba(236, 238, 239, 0.3);
}

/* @media (min-width: 992px) {
.dashboard-app {
margin-left: 210px;
}

.dashboard-compact .dashboard-app {
margin-left: 0;
}
}


@media (max-width: 768px) {
.dashboard-content {
padding: 15px 0px;
}
}

@media (max-width: 992px) {
.dashboard-nav {
display: none;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1070;
}

.dashboard-nav.mobile-show {
display: block;
}
}

@media (max-width: 992px) {
.dashboard-nav header .menu-toggle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}

@media (min-width: 992px) {
.dashboard-toolbar {
left: 238px;
}

.dashboard-compact .dashboard-toolbar {
left: 0;
}
} */
.navbar-toggler-icon{
    filter: invert(100%) !important;
}
.navbar-toggler:focus{
    box-shadow: none !important;
}
.dashboard-section-supplier-dasg{
    display: none !important;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.Supplier-Search-btn span{
    background-color: #A6C03D;
    font-size: 30px;
    font-weight: 500;
    line-height: 130%;
    color: #ffff;
    border-radius: 4px;
    padding: 0px 8px;
    margin-bottom: 32px;
}
.suppler-serch-btn-dash button{
    background-color: #A6C03D;
    font-size: 14px;
    font-weight: 500;
    color: #ffff;
    border-radius: 4px;
    border: none;
    padding: 11px 49px;
}
.suppler-serch-field-dash-text p{
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
    color: #050038;
}
.suppler-serch-field-dash-text p span{
    padding-left: 8px;
}
.suppler-serch-field-dash{
    border: 1px solid #000000;
    border-radius: 4px;
    padding: 11px 30px;
    /* margin: 32px 0px 23px 0px ; */
}
.supplier-bttn-dashbord button{
    padding: 8px 16px;
    border: 1px solid #050038;
    border-radius: 4px;
    background-color: #fff;
    font-size:14px ;
    font-weight: 500;
    color: #050038;
}
.supplier-bttn-dashbord{
    gap: 16px;
}
.expand-bttn-sup-dash button{
    padding: 8px 16px;
    border: 1px solid #050038;
    border-radius: 4px;
    color: #F24E1E;
    border: 1px solid #F24E1E;
    background-color: #fff;
}
.section-2-bttn-supplier button
{
    padding: 6px 12px;
    border: 1px solid #050038;
    border-radius: 4px;
    background-color: #fff;
    font-size:12px ;
    font-weight: 400;
    color: #050038;
}
.section-2-bttn-supplier{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.supplier-bttn-dashbord p{
    font-size: 18px;
    font-weight: 400;
    color: #050038;
    margin: 0px;
}
.section-header-supllier-dash p{
    font-size: 18px;
    font-weight: 500;
    color: #050038;
}
.trending-suplier-seller-main-contains{
    display: flex;
    gap: 15px;
    background-color: #fff;
    border-radius: 10px ;
}
.border-sesign-supplier-dash{
    padding: 29px 19px !important;
}
.border-design-section-dash-supp{
    border: 1px solid #050038;
    background-color: #fff;
    border-radius: 10px ;
    margin-bottom: 24px !important;
}
.table-section-rigjt{
    margin-top: 24px !important;
}
.map-dash-supplier button{
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    font-size: 15px;
    font-weight: 500;
    color: #050038;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    padding: 6px 16px;
}
.left-side-section h3{
    font-size: 15px;
    font-weight: 500;
    color: #050038;
}
.left-side-section p{
    font-size: 13px;
    font-weight: 300;
    color: #050038;
    margin: 0px;
}
.left-border-design-dash{
    border:1px solid #050038 ;
    border-radius: 10px;
    background-color: #fff;
    padding: 14px 19px 16px 14px;
    margin-top: 24px;
}
.trending-suplier-seller-mainsss h3{
    font-size:15px ;
    font-weight: 500;
    color: #050038;
}
.trending-suplier-seller-mainsss p{
    font-size:14px ;
    font-weight: 500;
    color: #F24E1E;
    margin-bottom: 4px;
}
.trending-suplier-seller-iconsss img{
    max-width: 55px;
}
.line-design-on-center svg{
    position: absolute;
    transform: translate(-50%,-50%);
    top: 41%;
    left: 47%;
}
/* ****************************************************HOME nav DROPDOWN*********************************** */

.dropdowns-menu {
    display: none;
    position: absolute;
    /* top: 100%;
    left: 0; */
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 10px 0;
    margin: 0;
    z-index: 1000;
    min-width: 150px;
}


.dropdowns-menu a {
    color: white;
    padding: 8px 16px;
    display: block;
    text-decoration: none;
}

.dropdowns-menu li a {
    text-decoration: none;
    color: #050038;
    display: block;
}
.dropdowns-menu li a:hover{
    color: #4262FF;
}
.dropdowns:hover .dropdowns-menu {
    display: block;
}
/************************************************** Supplier-profile-page *********************************************/
.suplier-profile-seller-main p{
    font-size: 20px;
    font-weight: 600;
    color: #F24E1E;
    margin-bottom: 4px;
    margin: 0px;
    margin-top: 11px;
}
.suplier-profile-seller-main h3{
    font-size: 26px;
    font-weight: 600;
    color: #050038;
    margin-bottom: 12px;
}
.suplier-profile-seller-main-bttn{
    display: flex;
    gap: 8px;
}
.suplier-profile-seller-main-bttn button{
    padding: 3px 9px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 400;
}
.suplier-profile-seller-main-bttn1{
    color: #050038;
    background-color: #f5f5f5;
    border: 1px solid #050038;
}
.suplier-profile-seller-main-bttn2{
    background-color: #DDF2E7;
    color: #00D26A;
    border: 1px solid #00D26A;
}
.supplier-user-profile-sec{
    position: relative;
    bottom: 60px;
}
.supplier-ned-about-us{
    border-radius: 6px;
    border: 1px solid #050038;
    padding: 17px 12px;
    background-color: #fff;
}
.supplier-ned-about-us h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 160%;
    color: #050038;
    margin-bottom: 3px;
}
.supplier-ned-about-us p{
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    color: #050038;
    letter-spacing: 1px;
    margin: 0px;
    max-width: 25em;
}
.supplier-profile-para-2{
    margin: 20px 0px !important;
}
.supplier-ned-about-us button{
    padding: 4px 16px;
    border-radius: 4px;
    border: 1px solid #050038;
    font-size: 12px;
    font-weight: 400;
    color: #050038;
    background-color: #fff;
}
.about-sect-text p{
    font-size:14px;
    font-weight: 600;
    line-height: 144%;
    color: #050038;
    margin: 0px;
}
.about-sect-text p span{
    font-size:14px;
    font-weight: 300;
    line-height: 144%;
    color: #050038;
}

.green-sec{
    color: #00D26A !important;
}


    .supplier-ned-about-us-2{
        border-radius: 6px;
        border: 1px solid #050038;
        background-color: #fff;
    }
    .supplier-ned-about-us-2 h3{
        font-size: 18px;
        font-weight: 600;
        line-height: 160%;
        color: #050038;
        margin-bottom: 0px;
    }
    .supplier-ned-about-us-2 span {
        font-size: 10px;
        font-weight: 300;
        color: #050038;
        margin: 0px;
        max-width: 25em;
    }
    .center-map-sec{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-size:15px;
        font-weight: 600;
        color: #050038;
        padding: 6px 18px;
        background-color: #fff;
        border-radius: 8px;
        border: none;
    }
    .button-grp-sectio-supplier button{
        padding: 6px 16px;
        border-radius: 4px;
        border: 1px solid #050038;
        font-size: 12px;
        font-weight: 400;
        color: #050038;
        background-color: #fff;   
    }
    .top-right-progile-supplier span{
        font-size: 10px;
        font-weight: 400;
        color: #F24E1E;
    }
    .top-right-progile-supplier p{
        font-size: 15px;
        font-weight: 500;
        color: #050038;
        margin-bottom: 8px;
    }
    .table-head-righ-profile tr th{
        font-size: 12px;
        font-weight: 600;
        color: #050038;
    }
    .table-body-righ-profile tr td{
        font-size: 14px;
        font-weight: 400;
        color: #050038;
    }
    .main0container-right-section{
        padding: 12px 12px 16px 12px;
        border: 1px solid #050038;
        border-radius: 10px;
        background-color: #fff;
    }
    .new-second-sec-supplier-profile{
        background-color: #f5f5ff;
        padding: 10px !important;
        margin-top: 40px !important;
    }
    .new-bttn-css-grp{
        border: 1px solid #050038 !important;
        border: none;
    }
    .actives{
        background-color: #A6C03D !important;
        color: #fff !important;
        border: none !important;
        /* border-top: 1px solid #050038 !important;
        border-bottom: 1px solid #050038 !important; */
        border: 1px solid #050038 !important;
    }
    .web-cha-container{
        border: 1px solid #050038;
        border-radius: 10px;
        background-color: #fff;
    }
    .web-cha-container p{
        text-align: center;
       padding: 7px 0px ;
        border-top:1px solid #050038;
        margin: 0px;
        font-size: 14px;
        font-weight: 600;
        color: #050038;
    }
    .web-cha-container h3{
        font-size:18px;
        font-weight:500 ;
        padding: 17px 21px;
        margin: 0px;
    }
    .border-bottom-class{
        border-bottom: 1px solid #050038;
    }
    .table-borderles-new  thead tr th{
        border: none !important;
        font-size: 12px;
        font-weight: 600;
        color: #050038;
    }
    .table-borderles-new  tbody tr td{
        border: none !important;
        font-size: 14px;
        font-weight: 300;
        color: #050038 !important;
    }
    .table-borderles-new  tbody tr td button{
        padding: 4px 10px 4px 16px;
        border: 1px solid #050038;
        border-radius: 4px;
        color: #050038;
        background-color: #fff;
    }
    .first-row-table{
        font-size: 14px;
        font-weight: 600;
        color: #050038 !important;
    }
    .first-row-table span{
        padding-right: 8px;
    }
    .table-borderles-new  tbody tr{
        border: none !important;
    }
    .table-borderles-new  thead tr {
        border: none !important;
    }
    .table-borderles-new  thead, .table-borderles-new tbody{
        border: none !important;
    }
    .web-cha-container-new{
        border: 1px solid #050038;
        border-radius: 10px;
        background-color: #fff;
    }
    .web-cha-container-new-sec-1{
        border: 1px solid #050038;
        border-radius: 10px;
        background-color: #fff;
        padding: 18px 21px;
    }
    .web-cha-container-new h3{
        font-size: 14px;
        font-weight: 600;
        color: #050038 !important;
        margin: 0px;
    }
    .web-cha-container-new p{
        font-size: 12px;
        font-weight: 300;
        color: #050038 !important;
        margin: 4px 0px 0px 0px;
    }
    .review-add-btn-sec button{
        color: #fff;
        background-color: #A6C03D;
        border: none;
        border-radius: 6px;
        padding: 10px 24px;
        font-size: 16px;
        font-weight: 600;
    }
    .review-add-btn-sec button a{
        color: #fff;
        text-decoration: none;
    }
    .review-section-view-detail h2{
        font-size: 18px;
        font-weight: 600;
        color: #050038;
        margin: 0px 0px 4px 0px ;
    }
    .review-section-view-detail span{
        font-size: 14px;
        font-weight: 300;
        color: #050038;
       
    }
    .review-section-view-detail h3{
        font-size: 15px;
        font-weight: 500;
        color: #050038;
        margin: 4px 0px;
    }
    .review-section-view-detail p{
        font-size: 15px;
        font-weight: 300;
        max-width: 29em;
        color: #050038;
        margin: 0px;
    }
    .web-cha-container-new-sec2{
        border: 1px solid #050038;
        border-radius: 10px;
        background-color: #fff;
        padding: 18px 21px;
    }
    .web-cha-container-new-sec-1{
        border: 1px solid #050038;
        border-radius: 10px;
        background-color: #fff;
        padding: 18px 21px;
    }
    .review-supplier-section button{
        font-size: 18px;
        font-weight: 300;
        color: #050038;
        padding: 9px 29px;
        background-color: #ffff;
        border-radius: 4px;
        border: 1px solid #000000;
    }
    .supplier-content{
        display: none;
    }
    .avtiatess{
        display: block;
    }

    /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXX         WRITE A RIVIEW SEC XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
    .write-review-sec-form-bg{
        background-color: #fff;
        border-radius: 10px;
        padding: 32px;
        border: 1px solid #050038;
    }
    .start-ratting-review-sec{
        width: 50px;
        height: 50px;
        background-color: #f5f5f5;

    }
    .start-ratting-review-sec a{
        display: flex;
        justify-content: center;
        padding: 9px;
    }
    .write-review-sec-form-parag{
        font-size: 22px;
        font-weight: 600;
        color: #050038;
    }
    .write-review-sec-form-anchor{
        font-size: 17px;
        font-weight: 600;
        text-decoration: underline;
        color: #4262FF;
    }
    .write-review-sec-form-text-area{
        width: 100%;
        border: 1px solid #555555;
        padding: 8px 23px 8px 19px ;
        font-size: 18px;
        font-weight: 500;
        line-height: 170%;
        color: #050038;
        border-radius: 6px;
        outline: none;
        margin: 24px 0px;
    }

    .write-review-sec-form-text-area::placeholder{
        font-size: 18px;
        font-weight: 500;
        line-height: 170%;
        color: #050038;
    }
    .start-ratting-review-sec a:hover svg path{
        fill:#F5841F;
    }
    .rivew-input-section-field{
        padding: 17px 21px;
        border-radius: 6px 0px 0px 6px;
        font-size: 20px;
        font-weight: 300;
        color: #050038;
    }
    .rivew-input-section-field::placeholder{
        font-size: 20px;
        font-weight: 300;
        color: #050038;
    }
    .new-reiview-section-bttn{
        background-color: #f5f5f5;
    }
    /* ################################################# */
    .upload-box {
        position: relative;
        padding: 28px 29px;
        border: 1px solid #050038;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: border-color 0.3s ease;
    }
    .upload-text {
        font-size: 14px;
        font-weight: 500;
        color: #050038;
    }

    .upload-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
    .review-sec-bottom{
        font-size:17px ;
        font-weight: 500;
        line-height: 140%;
        color: #050038;
    }
    .review-sec-bottom span
    {
        color: #4262FF;
    }
    .button-bottom-review{
        font-size:14px ;
        font-weight: 500;
        color: #fff;
        background-color: #A6C03D;
        padding: 9px 32px;
        border-radius: 6px;
        border: none;
    }
/*@@@@@@@@@@@@@@@@@@@@@@@@@@   toggle-checkbox    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.switch {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 30px;
  }
  

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E5E5E5;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #A6C03D;
  }
  
  /* input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  } */
  
  input:checked + .slider:before {
   
    transform: translateX(44px);
  }
  
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
      .dashboard-supplier-selection p{
        margin: 0px;
      }

      .dashboard-supplier-selection p{
        margin: 0px;
      }
      .dashboard-supplier-selection{
        background: #fff;
        border-radius: 6px 0px 0px 6px;
        padding: 8px 37px;
      }
        .new-border-radius{
        background: #fff;
        border-radius: 0px 6px 6px 0px !important;
        padding: 8px 37px;
        gap: 8px;
      }
      .dashboard-supplier-selection input{
        border: none;
        outline: none;
      }
      .left-border-design-dash-header h3{
        font-size:15px ;
        color:#050038 ;
        font-weight: 500;
        margin: 0px;
        text-align: center;
      }
      .left-border-design-dash-header p{
        font-size:13px ;
        color:#050038 ;
        font-weight: 200;
        line-height: 150%;
        margin: 0px;
        max-width: 12em;
        text-align: center;
      }
      .left-border-design-dash-header-light h4{
        font-size:10px ;
        color:#050038 ;
        font-weight: 500;
        margin: 0px;
      }
      .left-border-design-dash-header-light p{
        font-size:10px ;
        color:#050038 ;
        font-weight: 300;
        margin: 0px;
      }
      .dashboard{
        padding: 0px !important;
      }
     


      .product-listing-bttn-1 button{
        background-color: #ECECEC;
        font-size: 12px;
        font-weight: 600;
        color: #050038;
        border-radius:20px ;
        padding: 6px 0px ;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        border: none;
        margin-bottom: 5px;
      }
      .product-listing-bttn-2 button{
        background-color: #A6C03D;
        font-size: 12px;
        font-weight: 600;
        color: #fff;
        border-radius:20px ;
        padding: 6px 0px ;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        border: none;
      }
      .new-card-container-listing{
        border-radius: 10px;
        border: 1px solid #050038; 
        position: relative;
      }
      .new-card-padding-container-listing{
        padding: 15px;
      }
      .new-time-para-listing p{
        margin: 0px;
        font-size: 12px;
        font-weight: 400;
        margin: 0px;
        color: #050038;
      }
      .time-left-listing-sec span{
        font-size: 12px;
        font-weight: 300;
        text-align: center;
        color: #050038;
      }
      .time-left-listing-sec h2{
        font-size: 20px;
        font-weight: 300;
        text-align: center;
        color: #F24E1E;
        padding-top: 4px;
      }
      .product-name-listing-sec h3{
        font-size: 15px;
        font-weight: 600;
        color: #050038;
      }
      .product-name-listing-sec p{
        font-size: 11px;
        font-weight: 500;
        margin: 0px;
        color: #050038;
      }
      .product-name-listing-sec p span{
        color: #4262FF !important;
      }
      .whole-sale-listing-price p{
        font-size: 12px;
        font-weight: 300;
        color: #050038;
        margin: 0px;
      }
      .whole-sale-listing-price h3{
        font-size: 14px;
        font-weight: 700;
        color: #050038;
      }
      .new-position-image button{
        background-color: #A6C03D;
        border-radius: 4px;
        padding: 4px 8px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        border: none;
        position: absolute;
        top: 14px;
        right: 14px;
      }
      .new-position-image button span{
        padding-right: 4px;
      }
      .listing-product-header-sec p{
        margin: 0px;
        font-size: 30px;
        font-weight: 500;
        color: #050038;
      }


      /* shipping Ship section ################################################################################# */
      .-shiping-sgip-dashborad-text p{
        text-align: center;
        margin: 0px;
        font-size: 14px;
        font-weight: 500;
        color: #050038;
      }
      .shipping-ship-dashboard-table{
        border:1px solid #050038;
        border-radius: 10px;
        background-color: #fff;
        margin-top: 45px;
    }
    .shiping-ship-input-field input{
        border: none;
        width: 100%;
        padding: 14px 24px;
        border-radius: 10px 0px 0px 10px ;
    }
    .new-shipping-ship-table-paratext h3{
        font-size: 20px;
        font-weight: 500;
        color: #050038;
        margin: 0px;
    }
    .shipping-ship-sec-bttn button{
        padding: 14px 18px;
        border-radius: 4px;
        border: 1px solid #050038;
        font-size: 16px;
        font-weight: 500;
        color: #050038;
        background: #fff;
    }
    .header {
        display: grid;
        grid-template-columns: 1.5fr 1.3fr 1fr 1.3fr;
        padding: 15px 40px;
        border-bottom: 1px solid #eee;
        font-weight: 600;
        color: #333;
    }

    .shipment-row {
        display: grid;
        grid-template-columns: 1.5fr 1.3fr 1fr 1.3fr;
        padding: 22px 40px;
        border-top:1px solid #050038 ;
        align-items: center;
    }

    .shipment-info h2 {
        color: #050038;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .shipment-info p {
        color: #050038;
        font-weight: 300;
        font-size: 14px;
    }

    .tracking-number {
        display: flex;
        align-items: center;
        gap: 4px;
        color: #050038;
        font-weight: 400;
        font-size: 14px;
    }

    .warehouse {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .warehouse p{
        margin: 0px;
        color: #050038;
        font-weight: 400;
        font-size: 14px;
    }
    .warehouse img {
        width: 20px;
        height: 14px;
        object-fit: cover;
        border-radius: 2px;
    }

    .status {
        color: #333;
    }

    .action-button {
        background: #9cba4d;
        color: white;
        border: none;
        padding: 12px 43px;
        border-radius: 10px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.2s;
    }

    .action-button:hover {
        background: #8ba843;
    }

    .add-icon {
        background: #1a237e;
        color: white;
        width: 16px;
        height: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 12px;
        margin-left: 4px;
    }

    /* @media (max-width: 768px) {
        .header, .shipment-row {
            grid-template-columns: 1fr;
            gap: 10px;
        }
        
        .header {
            display: none;
        }
    } */

    /* ######################################   SHIPING CSECTION STEP !      */
    .shiping-step1-badge-1 span{
        margin: 0px;
        background-color: #9cba4d;
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        border-radius: 4px;
        padding: 0px 8px;
    }
    .shiping-step1--para-text{
        font-size: 17px;
        font-weight: 500;
        color: #050038;
        margin:32px 0px 0px 0px;
    }
    .shiping-step1--para-text-new{
        font-size: 17px;
        font-weight: 500;
        color: #050038;
        margin:60px 0px 0px 0px;
    }
    .shiping-step1--para-text-new span{
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #4262FF !important;
    }
    .shiping-step1--para-header-sect h3{
        font-size: 16px;
        font-weight: 400;
        color: #050038;
        margin-bottom: 8px;
    }
    .shiping-step1--para-header-sect p{
        font-size: 14px;
        font-weight: 400;
        color: #858585;
        margin: 0px;
    }
    .shipping-address-sec-add1 input{
        border: none;
        padding: 14px 26px;
        font-size: 16px;
        color: #858585;
        width: 100%;
        border-radius: 6px;
        font-weight: 400;
    }
    .shiping-step1--para-text-new-two{
        font-size: 17px;
        font-weight: 500;
        color: #050038;
        margin: 0px;
    }
    .shiping-step1--para-text-new-two-sec{
        font-size: 14px ;
        font-weight: 300 ;
        color: #858585 !important;
        margin: 0px;   
    }
    .new-type-of-packing{
        padding: 30px 21px;
        background-color: #fff;
        border-radius: 6px;
        border: 1px solid #050038;
        margin-top: 16px;
    }
    .shiping-step1--para-text-new-section{
        font-size: 17px;
        font-weight: 500;
        color: #050038;
        margin:60px 0px 0px 0px;
    }
    .shiping-step1--para-text-new-section span{
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #858585 !important;
    }
    .checkbox-section input{
        width: 15px;
        height: 15px;
        border: 1px solid #050038;
    }
    .shipping-sec-bottom-bttn{
        border-radius: 10px;
        border: none;
        background-color: #8ba843;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding: 16px 64px;
        margin-top: 40px;
    }
    /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX      shipping-css-step2-header        XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

    .shipping-css-step2-header h1{
font-size: 30px;
font-weight: 600;
color: #050038;
    }
    .shipping-css-step2-header h3{
        font-size: 18px;
        font-weight: 300;
        color: #050038;
    }
    .shipping-css-step2-header p{
        font-size: 16px;
        font-weight: 300;
        color: #050038;
        margin: 0px;
    }
    .choose-servixe-shepping-sec-2{
        font-size: 16px;
        font-weight: 500;
        color: #050038;
        margin: 0px;
    }
    .choose-servixe-shepping-sort-by{
        font-size: 14px;
        font-weight: 500;
        color: #555555;
        margin: 0px;
        position: absolute;
        bottom: 0px;
        right: 0px;
        top: 15px;
    }
    .choose-servixe-shepping-sort-by a{
        color: #4262FF;
    }
    .standard-air-cargo-shippingcss2-left h3{
        font-size:17px;
        font-weight: 500;
        color: #050038;
        margin-bottom: 10px;
    }
    .standard-air-cargo-shippingcss2-left p{
        font-size:14px;
        font-weight: 300;
        color: #050038;
        margin: 0px;
    }
    .standard-air-cargo-shippingcss2-right p{
        font-size: 14px;
        font-weight: 500;
        color: #858585;
        margin: 0px;
        text-decoration: line-through;
    }
    .standard-air-cargo-shippingcss2-right span{
        font-size: 14px ;
        font-weight: 500 ;
        color: #858585 ;
    }
    .standard-air-cargo-shippingcss2-right h3{
        font-size: 24px;
        font-weight: 700;
        color: #050038;
        margin: 0px;
    }
    .single-shipment-sec-cler{
        font-size: 14px;
        font-weight: 400;
        color: #050038;
        margin: 0px;
    }
    .single-shipment-sec-cler-new{
        color: #858585 !important;
        margin: 0px;
    }
    .new-final-weight-sec{
        font-size: 12px;
        font-weight: 400;
        color: #858585;
        margin: 0px;
        padding: 10px 15px; border-left: 1px solid #050038; border-bottom: 1px solid #050038; border-right: 1px solid #050038; max-width: 26em;
        border-radius: 0px 0px 6px 6px;
        background-color: #fff;
    }
    .new-date-sep-css-para-calender{
        font-size: 14px;
        font-weight: 400;
        color: #4262FF;
        display: flex;
        gap: 4px;
        margin: 0px;
    }
    .ship-date-css-sec2{
        font-size: 14px;
        font-weight: 500;
        color: #050038;
        margin: 0px;
    }
    .new-date-sep-css-para-calender a{
        color: #4262FF;
        text-decoration: none;
    }
    .previous-link-shipping-css{
        font-size: 13px;
        font-weight: 400;
        color: #4262FF;
    }
    .change-payment-shipping-css{
        font-size: 14px;
        font-weight: 400;
        color: #4262FF;
    }
    .mb-10{
        margin-bottom: 10px;
    }
    .shipping-sec-2-submitt-btn{
        background-color: #4262FF;
        border: none;
        padding: 16px 73px;
        border-radius: 10px;
        font-size: 16px;
        color: #fff;
        font-weight: 500;
    }
    /* ############################################################### */
    .shipping-step3-paratext-vehicle{
        font-size: 16px;
        font-weight: 400;
        color: #050038;
        margin: 0px;
    }
    .shipping-step3-paratext-addring{
        font-size: 16px;
        font-weight: 500;
        color: #050038;
        margin: 0px;
    }
    .big-center-map-sec-btn{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background-color: #fff;
        border: none;
        border-radius: 8px;
        padding: 6px 18px;

    }
    .servises-section-shiping-step-3{
        font-size: 18x;
        font-weight: 600;
        color: #050038;
    }
    .shipping-serviselight-sec-text{
        font-size: 14px;
        font-weight: 300;
        color: #050038;
        margin: 12px 0px 0px 0px;
    }
    .new-border-section-tep3-cs{
        background-color: #fff;
        border-radius: 6px;
        border: 1px solid #555555;
    }
    .new-date-sep-css-para-step3-services-right{
        font-size: 14px;
        font-weight: 500;
        color: #050038;
        margin: 0px;
    }
    .new-date-sep-css-para-step3-services-left{
        font-size: 14px;
        font-weight: 600;
        color: #050038;
        margin: 0px;
    }
    .servises-section-stepe-cs{
        margin: 58px 0px 38px 0px;
    }
    .shipping-sec-3cs-btn{
        background-color: #8ba843;
        border: none;
        padding: 16px 73px;
        border-radius: 10px;
        font-size: 16px;
        color: #fff;
        font-weight: 500;
    }
    .parcel-information-text-sec{
        font-size:17px ;
        font-weight: 600;
        color: #4262FF;
        padding: 14px 30px;
        margin: 0px;
    }
    .parcel-information-step-1-new{
        border-radius: 6px;
        border: 1px solid #555555;
        background-color: #fff;
        margin-top: 60px;
    }
    .new-step-cs-label{
        font-size: 16px;
        font-weight: 500;
        color: #858585;
    }
    .new-step-cs-input-field{
        width: 100%;
        padding: 12px 38px;
        border-radius: 0px 6px 6px 0px;
        border: 1px solid #555555;
        font-size: 14px;
        font-weight: 400;
        color: #858585;
    }
    .parcep-info-submit-btn{
        padding: 8px 35px;
        border-radius: 6px;
        border: none;
        background-color: #9cba4d;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
    }
    .header-step-cs-new {
        display: grid;
        grid-template-columns: 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr 1fr;
        padding: 16px 30px;
        border-bottom: 1px solid #eee;
        font-weight: 600;
        color: #333;
    }
    .shipment-row-new-step-1{
        display: grid;
        grid-template-columns: 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr 1fr;
        padding: 37px 30px;
        border-top:1px solid #050038 ;
        align-items: center;
    }
    .tracking-number-sec input{
        width: 14px;
        height: 14px;
        border: 1px solid #858585;
    }
    .tracking-number-sec p{
       font-size: 14px;
       font-weight: 400;
       color: #050038;
       margin: 0px;
    }
    .date-section-table p{
        font-size: 14px;
       font-weight: 400;
       color: #858585;
       margin: 0px;
    }
    .supplier-id-section-table p{
        font-size: 14px;
        font-weight: 400;
        color: #4262FF;
        margin: 0px;
    }
    .warehouse-new-sec-tavble p{
        margin: 0px;
        color: #858585;
        font-weight: 400;
        font-size: 14px;
    }
    .wharehouse-staus-btn-new-pending button{
        color: #555555;
        font-weight: 400;
        font-size: 14px;
        border-radius:2px ;
        border: none;
        padding:5px 18px ;
        background-color: #FFC68C;
    }
    .Action-section{
        display: flex;
        gap: 5px;
        justify-content: center;
        text-decoration: none;
    }
    .wharehouse-staus-btn-new-recived button{
        background-color: #9cba4d;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        border-radius:2px ;
        border: none;
        padding:5px 18px ;
    }
    .shipping-ship-dashboard-table-new-ship-cs{
        border:1px solid #050038;
        border-radius: 10px;
        background-color: #fff;
        margin-top: 16px;
    }
   
    .download-view0ratesheet{
        border-radius: 6px;
        background-color: #fff;
        padding: 22px 26px;
        border: 1px solid #050038;
        margin-top: 60px;
    }
    .download-view0ratesheet h3{
        font-size: 20px;
        font-weight: 500;
        color: #050038;
    }
    .download-view0ratesheet p{
        font-size: 16px;
        font-weight: 300;
        color: #050038;
        line-height: 150%;
        margin: 16px 0px 24px 0px ;
    }
    .download-view0ratesheet button{
        padding: 15px 65px;
        background-color: #A259FF;
        border: none;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        border-radius: 10px;
    }
    /* AdreessZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ */
    .button-group-address-dashboard button{
        background-color: #fff;
        border: 1px solid #050038;
        border-radius: 4px;
        padding: 8px 16px;
        width: 155px;
        max-width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #050038;
        display: flex;
        justify-content: space-between;
    }
    .button-get-address-address-dashboard button{
        background-color: #A259FF;
        border:none;
        border-radius: 4px;
        padding: 8px 29px;
       
        font-size: 17px;
        font-weight: 500;
        color: #fff;
    }
    .filter-bttn-group-sec{
        font-size: 17px;
        font-weight: 500;
        color: #050038;
        margin: 30px 0px 16px 0px ;
    }
    .adres-para-text-dashoard-header-sec{
        font-size: 16px;
        font-weight: 600;
        color: #050038;
        margin-bottom: 11px;
    }
    .adres-para-text-dashoard p{
        font-size: 16px;
        font-weight: 400;
        color: #858585;
        margin-bottom: 7px;
       
    }
  
    .mw9em{
        width: 9em;
    }
    .adres-para-text-dashoard{
        gap: 32px;
    }
    .adress-section0border-sect{
        border-radius: 6px;
        background-color: #fff;
        border: 1px solid #050038;
    }
    .adress-section0border-sect-with-padding{
        padding: 26px 29px;
    }
    .action-buton-on-adress{
        width: 100%;
        border-right: 1px solid #050038;
    }
    .action-buton-on-adress  p{
        text-align: center;
        font-size:16px ;
        font-weight: 500;
        color: #050038;
        margin: 0px;
        padding: 15px;
        
    }
    .action-buton-on-adress p a{
    text-decoration: none;
    color: #050038;
    width: 100%;
    }
    .adress-section0border-sect{
        margin-top: 40px;
    }
    .adres-para-text-dashoard-new-style p{
        font-size: 16px;
        font-weight: 300;
        color: #858585;
        margin-bottom: 7px;
        line-height: 148%;
    }
   
    .adres-para-text-dashoard-new-style p span{
        font-weight: 600 !important;   
        color: #050038 !important; 
    }
    .flag-addres-copy{
        font-size: 14px;
        font-weight: 400;
        color: #050038;
    }
    .get-adress-sectio-my-adress-text-head{
        font-size: 17px;
        font-weight: 500;
        color: #050038;
        padding: 14px 30px 12px 30px;
        margin: 0px;
    }
    .new-select-address select{
            -webkit-appearance: none;
            -moz-appearance: none;
            background: transparent;
            background-image: url("/images/Arrow_drop_down_big.svg");
            background-repeat: no-repeat;
            background-position-x: 98%;
            background-position-y: 12px;
            border: 1px solid #050038;
            border-radius: 6px;
            width: 100%;
           padding: 11px 34px;
           outline: none;
    }
    .new-select-address select option span{
        font-size: 14px;
        font-weight: 400;
        color: #858585;
    }
    .new-aadress-add-section-my h3{
font-size: 17px;
font-weight: 500;
color: #050038;
    }
    .new-aadress-add-section-my p{
        font-size: 14px;
font-weight: 300;
color: #050038;
margin: 0px;
    }
    .get-adress-sectio-my-adress-page-1{
        background-color: #fff;
        border: 1px solid #050038;
        border-radius: 6px;
      
        margin: 30px 0px 120px 0px;
    }
    .my-address-page-submit-btn button{
        background-color: #4262FF;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border-radius: 10px;
        border: none;
        padding: 16px 70px;
        margin-top: 40px;
    }
    .my-adress-page-2-input input{
        font-size:16px ;
        font-weight: 400;
        color: #858585;
        border-radius: 6px;
        padding: 14px 26px;
        border: 1px solid #050038;
        margin-bottom: 18px;
        width: 100%;
    }
    .new-my-adress-checkout-text{
        font-size:17px ;
        font-weight: 300;
        color: #050038;
        margin: 40px 0px 15px 0px ;
    }
    .top-right-progile-supplier-favourate span{
        font-size: 14px;
        font-weight: 400;
        color: #F24E1E;
    }
    .top-right-progile-supplier-favourateer p{
        font-size: 20px;
        font-weight: 600;
        color: #050038;
        margin-bottom: 8px;
    }


    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@  favourtes  page      */
    .favourate-supplierrs-sec{
        display: none;
    }
    .avtiatess{
        display: block;
    }
    .favouate-supplier-filter{
        display: flex;
        gap: 8px;
        margin-bottom: 25px ;
    }
    .favouate-supplier-filter button{
        padding: 11px 16px;
        background-color: #fff;
        border: 1px solid #050038;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 400;
        color: #050038;
        width: 155px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .favorite-suppliers-filter-head{
        font-size: 18px;
        font-weight: 500;
        color: #050038;
    }
    .favouate-suplier-seller-main-dash p{
        font-size:18px ;
        font-weight: 500;
        color: #F24E1E;
        margin-bottom: 4px;
    }
    .favouate-suplier-seller-main-dash h3{
        font-size:22px ;
        font-weight: 500;
        color: #050038;
    }

    .favourate-suplier-seller-only-icon-dash-botom p{
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
        color: #050038;
        margin: 0px;
    }
    /* .favourate-suplier-seller-only-icon-dash-botom a{
        text-decoration: none !important;
    
    } */
    .favourate-suplier-seller-only-icon-dash-botom span{
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
        color: #050038;
        margin: 0px;
        padding-right: 3px;
    }
    .favourate-seler-suplier-seller-main-icon-container-bottom{
        background-color: #F0F0F0;
        padding: 8px 18px;
        border-radius: 0px 0px 10px 10px ;
    }

    .shiping-inoice-header-step-cs-new {
        display: grid;
        grid-template-columns: 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr;
        padding: 18px 30px;
        border-bottom: 1px solid #eee;
        font-weight: 600;
      
    }
    .shipment-invoice-row-new-step-1{
        display: grid;
        grid-template-columns: 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr;
        padding: 31px 30px;
        border-top:1px solid #050038 ;
        align-items: center;
    }
    .shiping-inoice-header-step-cs-new-text h3,.paid-inoice-header-step-cs-new-text h3{
        font-size: 16px !important;
        font-weight: 500;
        color: #050038;
    }
      
      .date-section-1-secti-of-tabke{
        font-size: 14px;
        font-weight: 400;
        color: #050038;
        margin: 0px;
      }
      .shipind-idsec p{
        font-size: 14px;
        font-weight: 400;
        color: #4262FF;
        margin: 0px;
      }

    .type-of-shipment p{
        font-size: 14px;
        font-weight: 400;
        color: #858585;
        margin: 0px;
    }
    .shipping-cost p{
        font-size: 14px;
        font-weight: 400;
        color: #050038;
        margin: 0px;
        text-align: center;
    }
    .status-section button{
        padding: 5px 19px;
        font-size: 14px;
        font-weight: 400;
        color: #555555;
        background-color:#FFC68C ;
        border: none;
        border-radius: 3px;
    }
    .paid-inoice-header-step-cs-new-text h3{
        font-size: 18px;
        font-weight: 500;
        color: #050038;
    }
    .paid-inoice-header-step-cs-new{
        display: grid;
        grid-template-columns: 1.5fr 2fr 1.7fr 1.5fr 1.5fr 1.5fr 1.5fr ;
        padding: 18px 30px;
        border-bottom: 1px solid #eee;
        font-weight: 600;
       
    }
    .paid-invoice-row-new-step-1{
        display: grid;
        grid-template-columns:1.5fr 2fr 1.7fr 1.5fr 1.5fr 1.5fr 1.5fr ;
        padding: 31px 30px;
        border-top:1px solid #050038 ;
        align-items: center;
    }
    .learn-couse-section-page-text{
        font-size: 30px;
        font-weight: 500;
        color: #050038;
        margin-bottom: 24px;
    }

    /* ######   pricing  Page dashboard **************************/
    .dashboard-price-baner-top-card-container h3{
        font-size: 32px;
        font-weight: 600;
        color: #555555;
        margin-top: 23px;
    }
    .dashboard-price-baner-top-card-container h3 span{
        font-size: 54px;
        font-weight: 600;
        color: #000000;
    }
    .dashboard-price-baner-top-card-container p{
        font-size: 18px;
        font-weight: 500;
        color: #050038;
        line-height: 150%;
        max-width: 15em;
    }
    .dashboard-price-baner-top-card-container span{
        font-size: 32px;
        font-weight: 600;
        color: #050038;
    }
  
    .dashboard-price-baner-top-card-container{
        border-bottom: 1px solid #000000;
        padding: 30px 30px 40px 30px;
    }
    .dashboard-price-banner-button button{
        padding: 4px 16px;
        background-color: #4262FF;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 18px;
        font-size: 12px;
        font-weight: 400;   
        position: relative;
        right: 50px;
    }
    .dashboard-price-banner-button{
        display: flex;
        justify-content: center;
        position: absolute;
    }
    .text-white-price p{
        color: #fff !important;
    }
    .new-bttn-section-pro-dash button{
        background-color: #fff !important;
        color: #4262FF !important;
    }
    .pricing-dashboard-page-head span{
        font-size: 30px;
        font-weight: 500;
        color: #fff;
        background-color: #9cba4d;
        border-radius: 4px;
        padding: 0px 8px;
    }
    .pricing-dashboard-page-head{
        margin-bottom: 32px;
    }
    .price-baner-button-linl-list{
        display: flex;
        justify-content: space-between;
        /* border-bottom: 1px solid #000; */
    }
    .price-baner-button-linl-list li{
        list-style: none;
        /* padding: 16px 0px; */
        text-align: center;
        width: 100%;
        border-right: 1px solid #050038;
    }
    .price-baner-button-linl-list li a{
        font-size: 20px;
        font-weight: 400;
        color: #050038;
        text-decoration: none;
    }

    .toggle-button {
        position: relative;
        display: flex;
        width: 200px;
        height: 50px;
        background-color: #f5f5f5;
        border-radius: 25px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin: auto;
        margin-bottom: 40px;
    }
    .new-toggle-button-slider{
        max-width: 100% !important;
        width: 300px !important;
    }
    .new-toggle-button-slider label {
        flex: 1;
        text-align: center;
        line-height: 50px;
        cursor: pointer;
        z-index: 1;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        transition: color 0.3s;
    }
    /* Input styles */
    .toggle-button input[type="radio"] {
        display: none;
    }

    /* Label styles */
    .toggle-button label {
        flex: 1;
        text-align: center;
        line-height: 50px;
        cursor: pointer;
        z-index: 1;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        transition: color 0.3s;
    }

    /* Active label styles */
    .toggle-button input[type="radio"]:checked + label {
        color: #fff;
    }

    /* Slider */
    .toggle-slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-color: #3b82f6; /* Blue background for active side */
        border-radius: 25px;
        transition: transform 0.3s;
        z-index: 0;
    }

    /* Move slider based on input */
    #monthly:checked ~ .toggle-slider {
        transform: translateX(100%);
    }
    .Plan-comparison{
        display: flex;
        justify-content: center;
        margin: 40px 0px 20px 0px  ;
    }
    .Plan-comparison button{
        padding: 9px 18px 9px 16px ;
        font-size: 14px;
        font-weight: 400;
        color: #4262FF;
        border-radius: 4px;
    }
    .round-bg-dash-pricing-text p{
        margin:24px 0px  0px;
        font-size: 18px;
        font-weight: 700;
        color: #050038;
        max-width: 6em;
        text-align: center;
    }
    .new-main-price-card-dash-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #eeeeee; padding: 28px 40px;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .round-bg-dash-pricing-icon{
        width: 60px;
        height: 60px;
        background-color: #F7F7F7;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        padding: 16px 10px;
    }
    .account-setting-para-head-left h3{
        font-size: 16px;
        font-weight: 600;
        color: #050038;
        margin-bottom: 12px;
    }
    .account-setting-para-head-left p{
        font-size: 12px;
        font-weight: 300;
        color: #050038;
        line-height: 135%;
        max-width: 20em;
    }
    .acount-setting-input-field input{
        padding: 9px 16px;
        border-radius: 6px;
        width: 100%;
        border: 1px solid #050038;
        margin-bottom: 10px;
    }
    .acount-setting-input-field textarea{
        padding: 9px 16px;
        border-radius: 6px;
        width: 100%;
        border: 1px solid #050038;
        margin-bottom: 10px;
    }
    .account-setting-para-head-right{
        font-size: 14px;
        font-weight: 600;
        color: #050038;
        margin-bottom: 12px;
    }
    .new-class-for-padding-sec1-acount{
        padding: 75px 0px 40px 0px;
    }
    .new-class-for-padding-sec2-acount{
        padding-top: 115px !important ;
    }
    .account-setting-para-text-right{
        font-size: 12px;
        font-weight: 300;
        color: #050038;
        line-height: 135%;
    }
    .credit-carde-section-set-acoun h3{
        font-size: 14px;
        font-weight: 600;
        color: #050038;
        margin-bottom: 12px;
    }
    .credit-carde-section-set-acoun p{
        font-size: 14px;
        font-weight: 600;
        color: #050038;
        margin-bottom: 20px;
    }
    .carde-section-set-acoun-bttn{
        display: flex;
        gap: 12px;
    }
    .carde-section-set-acoun-bttn button{
        padding: 8px 24px;
        border: none;
        background-color:#9cba4d;
        border-radius: 4px;
        color:#fff;
        font-size: 11x;
        font-weight: 500;
    }
    .acount-setting-input-field select{
        padding: 9px 16px;
        border-radius: 6px;
        width: 40%;
        border: 1px solid #050038;
        margin-bottom: 10px;
        outline: none;
    }
    .account-setting-para-head-right-new{
        font-size: 14px;
        font-weight: 500;
        color: #050038;
        margin-bottom: 12px;
    }
    .upload-box-new-cp{
        width: 140px;
        height: 140px;
        padding: 8px 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border: 1px solid #050038;
        border-radius: 4px;
        flex-direction: column;
        cursor: pointer;
        background-color: #F5F5F5;
        transition: border-color 0.3s ease;
    }
    .phone-section-call-cp p{
        width: 2em;
    }
    .phone-section-call-cp{
        padding: 9px 16px;
        border-right: 1px solid #E1E1E1;
        border-radius: 6px;
    }
    .acount-setting-input-field-phone{
           
        border-radius: 6px;
        width: 100%;
        border: 1px solid #050038;
        margin-bottom: 10px;
}
.acount-setting-input-field-phone input{
    border: none;
    outline: none;
    
    width: 100%;
    border-radius: 0px 6px 6px 0px;
}
.input-pannel-section{
    padding: 9px 16px;
}
.my-categorgies-bttn button{
    padding: 7px 16px;
    border: 1px solid #050038;
    border-radius: 4px;
    color: #050038;
    font-size: 12px;
    font-weight: 300;
    background-color: #fff;
    line-height: 135%;
    z-index: 1;
}
.subtract-design-sec img{
    position: absolute;
    top: -6px;
    right: 0px;
    z-index: 99;
}
.social-media-comapny-profile-cp{
    max-width: 300px;
    border: 1px solid #050038;
    border-radius: 6px;
    margin-bottom: 10px;
}
.social-media-comapny-profile-cp p{
    display: flex;
    gap: 7px;
    margin: 0px;
    padding: 8px 10px;
}
/* ################################      TOGGLE CHECKBOX     ################################ */

.switch-cp {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
  }
  

  .slider-cp {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E5E5E5;
    transition: .4s;
  }
  
  .slider-cp:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider-cp {
    background-color: #555555;
  }
  
  /* input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  } */
  
  input:checked + .slider-cp:before {
   
    transform: translateX(18px);
  }
  
  .slider-cp.round-cp {
    border-radius: 34px;
  }
  
  .slider-cp.round-cp:before {
    border-radius: 50%;
  }
  .new-class-for-padding-sec1-acount-new{
    padding: 77px 70px 40px 70px;
  }
  .border-hide-adress-sec{
    border: 1px solid #050038;
    border-radius: 4px;
    padding: 18px 24px !important;
  }

.acount-setting-plan-sec{
    display: none;
    border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; background-color:  #fff;
}
.mt-45-calss{
    margin-top: 45px;
}
  .new-avtiatess{
    display: block;
  }
  .account-setting-section-tab a{
    font-size:20px ;
    font-weight:400 ;
    color: #050038;
    text-decoration: none;
  }
  .account-setting-section-tab{
    padding: 16px 0px !important;
    border-right: 1px solid #050038 !important;
    outline: none !important;
  }
  .new-activate{
    background-color:#4262FF !important;
    color: #fff !important;
    
  }
  .new-activate a{
    color: #fff !important;
    
  }
  .new-activate a span svg path{
    fill: #fff;
  }
  .new-activate a span svg path circle{
    fill: #fff;
  }


  /* .page-section {
    width:100%;
    margin:0px auto 0px auto;
    overflow-x:hidden;
}
.home-bg {
    height:100%;
    background:url('/images/Image.png') no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    z-index:1;
    position: absolute;
} */
 
.cours-name-header span{
    background-color: #9cba4d;
    padding: 0px 8px ;
    border-radius: 4px;
    font-size:30px ;
    font-weight: 500;
    color: #fff;
}
.cours-name-header {
    margin-bottom: 34px;
}
.couse-name-keft-side-container{
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #050038;
}
.welcome-section-text h3{
font-size: 17px;
font-weight: 600;
color: #050038;
margin-bottom: 10px;
}
.welcome-section-text p{
    font-size: 14px;
    font-weight: 300;
    line-height: 140%;
    color: #050038;
    max-width: 25em;
    margin-bottom:0px ;
}
.wicome-start-here-sec{
    border-bottom: 1px solid;
    padding: 25px 30px;
}
.module-intro-1{
    border-bottom: 1px solid;
    padding: 15px 30px;
}
.module-intro-1 p{
    font-size: 17px;
    font-weight: 600;
    color: #050038;
    margin-bottom: 0px;
}


.about-banner-sec1{
    padding: 130px 0px 110px 0px ;
}



/* 
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
*/

 /* Container holds the navigation buttons and the visible area */
 .overlow-none-class {
   
    width: 100%;
  
    overflow: hidden;
    /* border: 1px solid #ccc; */
  }
  /* Navigation buttons */

  
  /* The slides container uses flex to line up slides side by side */
  .-new-home-find-answer-main {
    display: flex;
    transition: transform 0.7s ease-in-out;
  
    /* The width is set to 100% since each slide is 50% of the container, 
       the container’s visible area is 100%, showing 2 slides at a time */
  }
  /* Each slide occupies 50% of the visible area */
  .new-slider-create-subscribe-sec {
    width: 50%;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 20px;
  }
  /* Example backgrounds for different slides */
  /* .slide:nth-child(1) { background-color: #f0f0f0; }
  .slide:nth-child(2) { background-color: #e0e0e0; }
  .slide:nth-child(3) { background-color: #d0d0d0; }
  .slide:nth-child(4) { background-color: #c0c0c0; }
  .slide:nth-child(5) { background-color: #b0b0b0; } */
  .new-slider-create-subscribe-sec{
    position: relative;
    z-index: 1;
  }
  .new-line-desigb-sec svg{
    transform: translate(0%, 0%);
    position: absolute;
    left: 36%;
    top: 22%;
  }
  .new-heart-desigb-sec svg{
    position: absolute;
    right: 0px ;
    top: 2px;
  }
  .play-bttn-section-right {
    gap: 8px ;
    position: absolute;
    bottom: 12px;
    left: 14px;
  }
  .favourate-bbtn-sect-right{
    position: absolute;
    top: 13px;
    right: 15px;
  }
  .couse-name-keft-side-container-right{
    background-color: #fff;
    border: 1px solid #050038;
    border-radius: 10px;
  }
  .couse-name-keft-side-container-right:hover{
    transform: translate(-10px, -10px); 
    box-shadow: 10px 10px #9cba4d;
  }
  .text-section-course-image{
    padding: 9px;
  }
  .text-section-course-image img{
    border-radius: 6px;
  }
  .text-section-course-name h3{
    font-size: 20px ;
    font-weight: 600;
    color: #050038;
  }
  .text-section-course-name p{
font-size: 14px;
font-weight: 300;
color: #050038;
margin: 0px;
  }
  .text-section-course-name{
    padding: 15px 15px 25px 25px;
  }
  .couse-name-right-sec-text-right{
padding: 20px 22px;  }
  .couse-name-right-sec-text-right h3{
    font-size: 20px ;
    font-weight: 600;
    color: #050038;
  }
  .couse-name-right-sec-text-right p{
    font-size: 14px;
    font-weight: 300;
    color: #050038;
  }
  .couse-name-right-log0-bg-right{
    background-color: #353535;
    border-radius: 6px 6px 0px 0px;
  }
  .couse-name-right-log0-bg-right p{
    margin: 0px;
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    /* position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    padding: 100px 0px;
    text-align: center;
  }
  .couse-name-keft-side-logo-right{
    border-radius: 6px 6px 0px 10px;
    border: 1px solid #050038;
    background-color: #fff;
    margin-top: 40px;
  }
  .new-flex-second-clmn{
    display: flex;
    justify-content: space-between;
    width: 64%;
  }
  .wicome-start-here-sec{
    gap: 15px;
  }