*{
    padding: 0;
    margin: 0;
}

:root {
      --black:#000000;
      --black-rgba:rgba(0,0,0,.9);
      --white:#ffffff;
      /* --brand-red:rgb(247, 148, 137); */
      --brand-red:#F79489;
      --brand-red2:#e97f73;
      --blue:#132742;
      --font:'merry-weather';


  }

section{
    /* background-color: var(--black-rgba); */
    /* background-color: rgba(0,0,0,.9); */
    background-color: var(--blue);
    font-family:merry-weather;
}
.section2{
    /* background-color: var(--blue); */
    background-color: var(--white);
    margin: -8px 0;
}

.section4{
    background-color: var(--white);
    /* background-color: var(--blue); */
}

.section5{
    /*background-color: var(--blue);*/

    padding-top: 40px;
}

.section8, .section9{
    background-color: var(--blue);

}

.nav{
    background: var(--blue);
}


.navbar .navbar-toggler{
    margin-top: 17px;
    font-size: 30px;
    color: var(--white);
    /* border: 2px solid red; */
}

.navbar ul{
    /* border: 1px solid red; */
    margin-left: auto;
    margin-right: 1rem;

}
.navbar li{
    /* border: 1px solid blue; */
    /* background-color: var(--black); */
    /* width: 13vw; */
}

.navbar a{
    /* border: 1px solid green; */
    color: var(--white);
    font-size: 20px;
    text-align: center;
    padding: 3px 0;
    font-weight: 600;


}

/* navbar2  */

.navbar2{
    /* background: var(--blue); */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    /* background: var(--); */
}
.conatiner2{
    background-color: var(--white);
    padding: 1px 0;

}

.section2 .navbar2 .navbar-brand2 img{
    position: relative;
    left: 2rem;
    width: 100%;
    height: 11vh;
}



.navbar2 .navbar-toggler2 {
    margin-top: 17px;
    font-size: 30px;
    color: var(--black);
    text-align: left;
}

.navbar2 .navbar-collapse ul{
margin-left: auto;
background-color: var(--white);
}

.navbar2 ul li a{
    color: var(--black);
}
.navbar2 ul li a:hover{
    color: var(--black);
}



.navbar2 .buttons a{
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    padding: 5px 30px;
  
    margin-right: 15px;

}

.navbar2 .login-btn{
    background-color: var(--white);
    border: 2px solid gray;
    color: var(--black);
    transition: all ease-in-out .2s;
}
.navbar2 .login-btn:hover{
    background-color: var(--blue);
    border: 2px solid var(--blue);
    color: var(--white);
}
.navbar2 .selling-btn{
    background-color: var(--blue);
    border: 2px solid var(--blue);
    border-radius: 4px;
    color: var(--white);
    transition: all ease-in-out .2s;

}
.navbar2 .selling-btn:hover{
    background-color: var(--white);
    border: 2px solid gray;
    color: var(--black);
}

/* navbar2  */


/* navbar3 */

.navbar3{
    background-color: var(--blue);
}

.navbar3 ul li a{
    font-size: 19px;
}

.navbar-collapse3{
    margin: 10px 0;
}


/* navbar3 */



.content{
    background-color: var(--blue);
    text-align: center;
    /* margin: 7rem 1rem; */
    /*padding: 3rem 0;*/
    /* border: 2px solid #fff; */
}
.content h4{
    font-size: 60px;
    color: var(--brand-red);

 }
.content h3,h4{
    color: var(--white);
    font-size: 57px;
    line-height: 58px;
    letter-spacing: -3px;
    /* text-transform: uppercase; */
    font-weight: 600;
    font-family: var(--font);
}


span{
    /* text-transform: uppercase; */
}

.mark{
    background-color: var(--blue);
    text-align: justify;

}

.button{
    /* border: 2px solid #fff; */
    text-align: center;
}

.button a{
    background-color: #c84557;
    text-decoration: none;
    color: var(--white);
    border-radius: 50px;
    padding: 14px 40px;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    top: -1rem;
}

/* phone images start */

.hUjLdV {
    background-color: rgb(15, 15, 15);
    height: 700px;
    position: relative;
    overflow: hidden;
    /* background-image: url(https://web-images.credcdn.in/_next/assets/images/home-page/video-bg.png); */
    background-color: var(--blue);
    /* background-color: var(--black); */
    background-size: cover;
    background-position: right top;
}



.homeImage img{
    /* width: 20%; */
    min-height:70%;
}

.homeImage .img1{
  position: relative;
   top:20rem;
   left:0;
}
.homeImage .img2{
  position: relative;
  top: 15rem;
  left:-11rem;
}
.homeImage .img3{
    position: relative;
    top: 10rem;
    left:-22rem;
    z-index: 3;
}
.homeImage .img4{
    position: relative;
    top: -35rem;
    left:41.8rem;
    z-index: 1;
}
.homeImage .img5{
    position: relative;
    top: -30rem;
    left:30.5rem;
}


.footer{
    background-color: var(--brand-red);
}

.services p{
    /* position: relative;
    top: 10px; */
    height: 11px;
    color: var(--white);
    font-size: 17px;
  }
/* phone images end */
/* sellerPortal start  */

.sellerportal-nav-bottom-box{
    /* position: relative;
    top: -8px; */
}

.Seller-main{
    margin-top: 10px;
    background:linear-gradient(90deg, rgba(247, 148, 137, 1) 0%, rgba(243, 240, 239, 1) 100%);
   
}

.section2 .contents{
    margin-top: -30px;
    /* margin: 4rem 1rem; */
    padding: 5rem 5rem;  
}
.section2 .contents h3{
    color: #132742;
    font-weight:lighter;
    font-family:merry-weather;
    font-size: 46px;
    letter-spacing: 2px;
    /* text-transform: uppercase; */
}
.section2 .contents span{
font-weight: 500;
}
.section2 .contents .span2{
    font-family:merry-weather;
letter-spacing: 0px;
color: var(--brand-red2);
}

.section2 .contents p{
    font-size: 17px;
    color: #132742;
}
.section2 .contents .register{
    font-size: 18px;
    font-family:merry-weather;
    background-color: var(--blue);
    border: none;
    padding: 5px 25px;
    color: var(--white);
    text-decoration: none;
}

.section-Register{
    font-size: 25px;
    font-family:merry-weather;
    background-color: var(--blue);
    border: none;
    padding: 7px 70px;
    position: relative;
    top: 40%;
    left: -40%;
    border-radius: 10px;
    color: var(--brand-red);
    text-decoration: none;
}

/* sellerPortal start  */

.sell-more{
    padding: 10px 40px;
}
.techadv{
    /*padding: 10px 40px;*/
}

.sell-more .logo .fa-chess-knight,.fa-shield-halved, .fa-rocket, .fa-hand-pointer,.fa-arrow-pointer, .trophy{
    /* font-size: 70px; */
    width: 30%;
    /* font-weight: lighter; */
    /* color: var(--brand-red); */
}

/* .fa-hand-pointer, .fa-arrow-pointer{
    font-size: 70px;
    font-weight: lighter;
    color: var(--white);
} */
.sell-more h4{
    color: var(--blue);
    font-weight: 600;
    font-size: 27px;
    margin-top: 10px;
    letter-spacing: 2px;
    line-height: 30px;
}

.sell-more h4 span{
    color: var(--brand-red);
}
.sell-more2{
    /* border: 2px solid gray; */
    margin-left: -3px;
}

.sell-more-box{
    display: flex;
    padding: 20px 1px;
    border: 2px solid gray;
    border-radius: 20px;
}

.first{
    display: flex;
      
}

.second{
    margin-bottom: 5px;
    border-radius: 10px;
    background-color: var(--white);
    padding-left: 10px;
    padding-right:10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.logo{
    margin-right: 40px;
    margin-top: 7px;
}



.cont h5{
    color: var(--blue);
    font-size: 17px;
    font-weight: 600;
}
.cont p{
    font-size: 14px;
    color: var(--blue);

}


/* section5 */

.third h4{
    color: var(--brand-red);
    font-size: 19px;
    font-weight: 400;
    text-transform: uppercase;
    font-family:merry-weather;
}

.third p{
    color: var(--white);
    font-size: 16px;
  
}


/* section5 */

 /* .section6 */
 .display{
    display: flex; 
    justify-content: space-around;
    
}

.display2{
    margin-bottom: 20px;

}

.thirdbox{
  margin: 0 15px;
}
 /* .section6 */

/* section7 */

.content-data h3{
    color: var(--blue);

}

.content-data span{
    color: var(--brand-red);

}

.content-data p{
    color: var(--blue);
    font-size: 20px;
}

.start-selling2{
    border-radius: 50px;
    padding: 14px 40px;
    font-size: 20px;
    font-weight: 700;
        /*font-size: 18px;*/
        font-family:merry-weather;
        background-color: var(--blue);
        /*border: none;*/
        /*padding: 5px 30px;*/
        color: var(--white);
        text-decoration: none;
        transition: all ease-in-out .3s;
}

.start-selling2:hover{
 color: var(--blue);
 background-color: var(--white);
 border: 2px solid var(--blue);   
}

/* .section8 .main-logo {
    padding: 50px 0;
   display: flex;
   justify-content: center;
} */

/* section7 */

/* affilate-dashboard start */

.dashboard-content h3{
    margin: 40px 0;
  font-size: 45px;
  font-weight: 500;
  color: var(--white);
  text-align: center;
}

.girlsimage{
    position: relative;
    left: -2%;
    z-index: 100;
}
.girlsimage img{
    width: 100%;
    transform: rotate(-.5deg);

}


.dashboard{
    position: relative;
    left: -19%;
   width: 130%;
    background: var(--brand-red);
    display: flex;
    align-items: center;
    justify-content: center;    
}

 .fa-square-check{ 
    margin-top: 10px;
    padding:0 20px;
    font-size: 28px;
}

.dashboard ul li{
    display: flex;
    list-style:  none;
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
}


/* form  */

.form-label{
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
}

.formButton{
    background-color: var(--white);
    border: 2px solid gray;
    color: var(--black);
    transition: all ease-in-out .2s;
    text-decoration: none;
    padding: 5px 23px;
    font-size: 18px;
    border-radius: 4px;
    transition: all ease-in-out .3s;
}

.formButton:hover{
    background-color: var(--blue);
    color: var(--white);
    box-shadow: rgba(255, 255, 255, 0.707) 0px 2px 8px;
}

/* form  */

/* affilate-dashboard end */

/* sellerPortal end  */