@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Oswald:wght@200;300;400;500;600;700&display=swap');




body {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin:0px;
    padding:0px;
}



h1 {

    font-size: 45px;
    font-weight: bold;
}

h2 {
    
    font-weight: bold;
}

h3 {
   
    font-weight: bold;
}

h4 {
    
    font-weight: bold;
}

h5 {
  
    font-weight: bold;
}

h6 {
   
    font-weight: bold;
}

a {
  
    font-size: 20px;
    font-weight: bold;
}
p {
}
li {
    
}

.founder-logo {
    width: 100% !important;
    height: 100% !important;
}
.howaanchor {
    font-size: 18px;
    font-style: italic;
    color: #c70404;
}
.topsection {
    background-color: #c70404;
}
.blur-section {
    position: relative;
    width: 100%;
    height:100%; /* adjust as needed */
    overflow: hidden;
}

.blur-content {
    filter: blur(6px);
    pointer-events: none; /* prevent clicks */
}

.coming-soon {
    position: absolute;
    top: 63%;
    left: 42%;
    transform: translate(-50%, -50%);
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 20px;
    border-radius: 10px;
    animation: bounce 2s infinite;
}





.blur-section-video {
    position: relative;
    width: 100%;
    height: 100%; /* adjust as needed */
    overflow: hidden;
}

.blur-content-video {
    filter: blur(6px);
    pointer-events: none; /* prevent clicks */
}
.vdo-content-image > img {
    margin-bottom:10px;
}
.coming-soon-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    font-weight: bold;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 20px;
    border-radius: 10px;
}
.topul {
    padding: 10px 0px;
}

    .topul > ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: center;
    }

        .topul > ul > li {
            padding-right: 19px;
            list-style-type: none;
            display: inline-block;
        }

            .topul > ul > li > a {
                text-decoration: none;
                font-size: 14px;
                color: #fff;
                font-weight: normal;
            }



.ytp-cued-thumbnail-overlay-image {
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: contain !important;
}
    .sectionheader {
    
}
.sec_pad {
    padding:50px 0 50px;
}
.bglight {
    background-color: #f8f4f4;
}
.commanheading {
    text-align:center;
}
    .commanheading h2, .commanheading h3, .commanheading h4 {
        font-size: 35px;
        margin-bottom: 20px;
        color: #000;
        font-weight: 700;
    }
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #fff;
    position: relative;
    z-index: 1000;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.logo img {
    height: 40px;
}

.navbar .nav-links {
    display: flex;
    list-style: none;
    gap: 20px;
    padding: 0;
    margin: 0;
}

    .navbar .nav-links li a {
        text-decoration: none;
        color: #333;
        font-size: 15px;
        font-weight: 600;
        transition: color 0.3s ease;
    }

        .navbar .nav-links li a:hover {
            color: #B80E0E;
        }


        

.userlogin {
    
    border-radius: 30px;
    color: #000 !important;
    padding: 10px 20px;
    font-weight: 600;
    text-decoration: none;
    font-size:15px;
}
    .userlogin:hover {
        text-decoration: none;
        color: #B80E0E;
    }
    .usersign {
    background-color: #761010;
    border: 2px solid #761010;
    color: #fff !important;
    border-radius: 30px;
    padding: 8px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    font-size:15px;
}

    .usersign:hover {
        transform: translateY(-3px);
        background-color: #fff;
        color: #000 !important;
        text-decoration:none;
    }
.usersigncolor {
    color:#fff!important;
}

.menu-icon {
    display: none;
    font-size: 28px;
    cursor: pointer;
}

.close-btn {
    display: none;
    font-size: 24px;
    cursor: pointer;
    margin-top: 10px;
    align-self: flex-end;
    color: #B80E0E;
}

/* Responsive Styles */





.banner-wrapper {
    position: relative;
    overflow: hidden;
}

    .banner-wrapper img {
        width: 100%;
        height: auto;
        display: block;
        box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); /* Bottom shadow only */
    }

.banneroverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(246 0 0 / 0.6); /* Dark overlay */
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    color: #fff;
    text-align: center;
    padding: 1.5rem;
    padding-top: 4%;
}

    .banneroverlay h1 {
        font-size: 35px;
        margin-bottom: 20px;
        
        font-weight: 700;
    }

    .banneroverlay p {
        font-size: 1.25rem;
        margin-bottom: 1.2rem;
        
    }




    /*.banneroverlay a {
        display: inline-block;
        padding: 0.75rem 1.5rem;
        background-color: #ff6600;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        border-radius: 5px;
        transition: background 0.3s ease;
    }

        .banneroverlay a:hover {
            background-color: #e05500;
        }*/
/*About Page Start*/
.sectionabout1 {
    padding: 70px 0px;
    background: rgba(255, 183, 183, 0.16) 100%;
}

.aboutcontent > h1 {
    text-align: center;
    color: #530909;
}

.aboutcontent > p {
    font-size: 24px;
    text-align: center;
}

.sectionabout2 {
    padding: 40px 0px;
    background: rgba(255, 183, 183, 0.16) 100%;
}



.aboutcol {
    /* border: 2px solid #540A0A; */
    min-height: 429px;
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 183, 183, 0.16) 100%;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-bottom: 20px;
}
    .aboutcol:hover {
        background-color: #f8f4f4;
        animation: bounce 2s infinite;
    }

@keyframes bounce {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}
    .aboutcol h5 {
        font-size: 20px;
        margin-bottom: 20px;
        color: #000;
        font-weight: 700;
    }
.sign-about-button {
   padding-top:30px;
}
.qwer {
    display: flex;
}

.qwer1 >img {
   width:81%;
   margin-bottom:10px;
}

.qwer1 {
    flex-wrap: wrap;
    width: 17%;
}

.qwer2 {
    flex: 1;
}
    .qwer2 > h5 {
        color: #550C0C;
    }



.aboutspace {
    margin-top: 20px;
}

.pspace1 {
    margin-top: 36px;
}

.pspace2 {
    margin-top: 54px;
}

.pspace3 {
    margin-top: 13px;
}

.pspace4 {
    margin-top: 36px;
}

.aboutimage > img {
    width: 100%;
}


.video-wrapper-about {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    min-height: 338px; /* Optional: ensure minimum height */
    border-radius: 15px;

}

    .video-wrapper-about iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height:100%;
        border: 0;
    }

.sectionabout3 {
    padding: 40px 0px;
    background: rgba(255, 183, 183, 0.16) 100%;
}

.sectionabout4 {
    padding: 70px 0px;
    background: rgba(255, 183, 183, 0.16) 100%;
}

.abouthead4 > h1 {
    text-align: center;
    color: #540A0A;
}

.abouthead4 > h3 {
    text-align: center;
}




/*About Page End*/
/*Platform Page Start*/

.sectionplatform {
    padding: 70px 0px;
    background-color: #D9D9D940;
}

.phead > h1 {
    color: #540A0A;
}

.phead > p {
    font-size: 24px;
}

.pcol {
    padding: 20px;
    background-color: #fff;
}

    .pcol > img {
        border-radius: 20px;
        width: 100%;
    }

    .pcol > h5 {
        margin: 10px 0px;
    }

    .pcol > p {
        font-size: 14px;
    }

.plaftformspace1 {
    padding-bottom: 40px !important;
}





/*Platform Page End*/
/*Why Choose Us Page  Start*/
.sectionwhy {
    padding: 70px 0px;
    background-color: #fff;
}

.whyhead > h1 {
    text-align: center;
}

.whyhead > p {
    font-size: 20px;
    font-weight: bold;
}

.whycol {
    min-height:525px;
    background-color: #FFDEDE4A;
    
    border-radius:10px;
    margin-bottom: 20px;
}


    .whycol .content {
        padding: 20px;
       
    }

    .whycol > img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        width: 100%;
    }

    .whycol h4 {
        font-size: 20px;
        margin-bottom: 20px;
        color: #000;
        font-weight: 700;
    }

.whycol  ul {
    padding:0px;
    margin:0px;
    padding-left: 20px;
}

  

.whya {
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 20px;
    margin-top:20px;
}

.whyspace {
    margin-top: 15px;
}

.whya > a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.whyul1 {
    margin-bottom: 66px;
}

.whya1 {
    margin-bottom: 18px;
}

.sectionmore {
    background-color: #f8f4f4;
   /* background: linear-gradient(100.26deg, #000000 13.33%, #580808 96.74%);*/
}
.sectionmore ul {
    padding:0px;
    margin:0px;
    padding-left:15px;
}
    .sectionmore ul li {
      
        padding-bottom:20px;
        
    }
.sectionmore img{
    width:100%;
    height:100%;

}
.rowmore {
    margin-top: 40px;
}

.morehead > h3 {
    color: #fff;
}

.morehead > p {
    color: #fff;
}

.moreul {
    margin-top: 40px;
}

    .moreul > ul > li {
        color: #fff;
        font-size: 17px;
        font-weight: bold;
    }

.moreimage > img {
    width: 100%;
}

.ready {
    text-align: center;
}

.sectionready {
    padding: 80px 0px;
}

.reg {
    color: #540A0A;
}






/*Why Choose Us Page End*/
/*How It's Works Page Start*/
.sectionhow {
    padding: 70px 0px;
    background: #FFD2D221;
}

.step-height {
    min-height:402px;
}
.sign-up-button-how {
    padding-top:30px;
}
.stepbtn {
    background-color: #540A0A;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    padding: 10px 20px;
}

.step3btn {
    background-color: #540A0A;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    padding: 10px 20px;
}

.step {
  
    padding-top: 15px;
    padding-bottom: 35px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 30px;
}
    .step ul {
        padding:0px;
        margin:0px;
        padding:15px;
    }

    .sectionhow1 {
        background-color: #FFD2D221;
        padding: 70px 0px;
    }

.step2 {
    margin-top: -38px;
}
.:hover {
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

.stpp {
    
    font-weight: bold;
}

.stpp1 {
    font-weight: bold;
}

.howh {
    color: #540A0A;
    text-align: center;
}

.step:hover {
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}
.step .icon {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}
.step .icon h4{
    font-size: 20px;

    color: #000;
    font-weight: 700;
}

.icon1 {
    
    
    margin-right: 20px;
}

    .icon1 > img {
        width: 50px;
        height:50px;
    }

.icon2 {
    flex: 1;
}

    .icon2 > h5 {
        font-weight:700;
        margin-top:10px;

    }

.icon3 {
    display: flex;
    margin: 15px 0px;
}

.icon4 {
    width: 5%;
    flex-wrap: wrap;
    margin-right: 20px;
}

    .icon4 > img {
        width: 100%;
    }

.icon5 {
    flex: 1;
}

    .icon5 > h4 {
        margin-top: 10px;
    }

.icon6 {
    display: flex;
}

.icon7 {
    width: 5%;
    flex-wrap: wrap;
    margin-right: 20px;
}

    .icon7 > img {
        width: 100%;
    }

.icon8 {
    flex: 1;
}

    .icon8 > h4 {
        margin-top: 10px;
    }


.sttp2 {
    font-weight: bold;
}

.step3 {
    margin-top: -50px;
}

.maincol1 {
    background-color: #fff;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px;
}

.subrowmain {
    margin: 20px 0px;
    border: 2px solid #000;
    border-radius: 10px;
    padding:20px;
}
    .subrowmain ul {
        margin: 0px;
        padding: 0px;
        padding-left: 40px;
    }
    .subrowmain ul li {
        padding-bottom: 5px;
    }

.subrowimage > img {
    width: 100%;
    border-radius: 10px;
}
.video-wrapper-how-it-work {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 100%;
    overflow: hidden;
    min-height: 100%; /* Optional: ensure minimum height */
    border-radius: 15px;
}

    .video-wrapper-how-it-work iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.subrowimage > h5 {
    margin-top: 15px;
    text-align: center;
}




/*How It's Works Page End*/
.plaftformspace {
    margin-top: 20px;
}
/* Banner Start*/
.sectionbanner {
    background-color: #FFF8DB;
}

.bannerimage {
    margin-top: 54px;
}

    .bannerimage > img {
        width: 100%;
    }

.bannerheading > h1 {
    font-size: 56px;
    text-align: center;
    color: #B80E0E;
}

.sub > h2 {
    text-align: center;
    color: #B80E0E;
    font-style: italic;
}

.sub > h1 {
    text-align: center;
    color: #B80E0E;
    font-size: 56px;
}

.space {
    padding-top: 60px;
}

.btnbanner {
    margin-top: 50px;
    text-align: right;
}

    .btnbanner > a {
        padding: 15px 25px;
        background-color: #B80E0E;
        color: #fff;
        border-radius: 30px;
    }

        .btnbanner > a:hover {
            text-decoration: none;
        }

.iconimage > img {
    width: 100%;
}
/*Banner End*/






/* Header Start*/




/* Header End*/
/* Section1 Start*/
.section1 {
    padding: 50px 0px;
}

.mainheading {
    background: #4F0A0A;
    background: linear-gradient(to right, #4F0A0A 26%, #000000 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 64%;
    font-size: 55px;
    text-align: center;
    margin: auto;
}

.subhead {
    text-align: center;
    margin: 20px auto;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    width: 70%;
}

.apply {
    text-align: center;
    margin-top: 30px;
}

    .apply > a {
        padding: 20px 30px;
        background: #4F0A0A;
        background: linear-gradient(90deg, rgba(79, 10, 10, 1) 0%, rgba(79, 10, 10, 1) 50%, rgba(19, 3, 3, 1) 100%);
        border-radius: 20px;
        color: #fff;
        text-decoration: none;
    }

        .apply > a:hover {
            color: #4F0A0A;
            background: #fff;
            border: #4F0A0A 1px solid;
        }

/* Section1 End*/

/* Section2 Start*/
.section2 {
    padding: 40px 0px;
}

.section2row {
    padding: 40px 0px;
}

.section2heading > h1 {
    text-align: center;
}

.section2heading > h3 {
    text-align: center;
}

.right-place {
display:flex;
}
.right-place1 {
    flex-wrap: wrap;
    width: 40%;
    width: calc(40% - 20px);
    margin: 10px;
}
.right-place2 {
    flex-wrap: wrap;
    width: 30%;
    width: calc(30% - 20px);
    margin: 10px;
}
.right-place3 {
    display: flex;
}
.right-place4 {
    flex-wrap: wrap;
    width: 30%;
    width: calc(30% - 20px);
    margin: 10px;
}

.right-place5 {
    flex-wrap: wrap;
    width: 40%;
    width: calc(40% - 20px);
    margin: 10px;
}


.founder {
    color: #fff;
    background: linear-gradient(90deg, #b80e0e 0, #b80e0e 50%, #701300 100%);
    padding: 30px 30px;
    border-radius: 20px;
}
    .founder .heading {
        display: flex;
        padding-bottom: 20px;
    }
.founder .heading  i {
    font-size: 45px;
}
    .founder .heading h3 {
        font-size: 25px;
        font-weight: 700;
        padding-left: 20px;
    }


.Investor {
    color: #b80e0e;
    background-color: #fff3f3;
    padding: 30px 30px;
    border-radius: 20px;
}

    .Investor .heading {
        display: flex;
        padding-bottom:20px;
    }

        .Investor .heading i {
            margin-top: 10px;
            font-size: 36px;
        }

        .Investor .heading h3 {
            font-size: 25px;
            font-weight: 700;
            padding-left: 20px;
        }
    /* Section2 End*/
    /* Section3 Start*/
    .section3 {
        background-color: #f8f4f4;
        padding: 70px 0px;
    }

.section3heading {
    font-weight: bold;
    text-align: center;
}

.startup {
    background-color: #fff;
    padding: 20px;
}

.startup3 > h5 {
    font-weight: bold;
    color: #761010;
}

.startup3i {
    margin-right: 10px;
    background-color: #f2caca;
    border-radius: 50%;
    font-size: 25px;
    padding: 11px;
}

.njk > li {
    color: #761010;
    font-weight: bold;
}

/* Section3 End*/

/* Section4 Start*/
.section4 {
    padding: 70px 0px;
}

.section4space {
    margin-top: 15px;
}

.section4col {
    padding: 15px;
    border-radius: 20px;
    border: 2px solid #761010;
}

.njk2ul {
    background-color: #fff3f3;
    padding: 10px;
}

.section4a {
    margin-top: 40px;
    margin-bottom: 20px;
}

    .section4a > a {
        color: #fff !important;
        background-color: #761010;
        border-radius: 20px !important;
        padding: 15px 20px !important;
        font-size: 15px;
    }

/* Section4 End*/
/* Section5 Start*/
.section5 {
    padding: 70px 0px;
}

.section5a {
    text-align: center;
    margin-top: 30px;
}

    .section5a > a {
        padding: 20px 30px;
        background: #4F0A0A;
        background: linear-gradient(90deg, rgba(79, 10, 10, 1) 0%, rgba(79, 10, 10, 1) 50%, rgba(19, 3, 3, 1) 100%);
        border-radius: 20px;
        font-size: 21px !important;
        color: #fff;
        text-decoration: none;
    }




.apply > img {
    position: relative;
    width: 100%;
    border-radius: 20px;
}

.appplycontent {
    padding: 0px 50px;
    position: absolute;
    top: 31%;
    color: #fff;
}

.apps {
    margin-top: 25px;
}

    .apps > a {
        background-color: #fff;
        padding: 15px 25px;
        color: #761010;
        border-radius: 10px;
    }

.be > img {
    width: 100%;
}

.episode {
    background-color: #fff;
    display: flex;
    margin-bottom: 10px;
}

.epslist {
    padding: 10px;
    background-color: #F9F9F9;
}

.episode1 {
    flex-wrap: wrap;
    width: 30%;
}

    .episode1 > img {
        width: 100%;
    }

.episode2 {
    flex: 1;
}

    .episode2 > p {
        margin-left: 10px;
        font-weight: bold;
    }
/* Section5 End*/




/* Section6  Start*/
.section6 {
    padding: 70px 0px;
    background-color: #7E7A7A33;
}

.real {
    background: #fff;
    padding: 25px 35px;
    text-align: right;
    border-radius: 20px;
}

/* Section6 End*/
/* Section7 Start*/

/* Section7 End*/
/* Section8 Start*/
.section8 {
    padding: 70px 0px;
}

.get {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url('../Image/getbackground.png');
    /* replace with your image path */
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 25%;
    background-color: #F9B4B4;
    background-color: linear-gradient(23deg, rgba(249, 180, 180, 1) 0%, rgba(255, 219, 219, 1) 100%);
    width: 100%;
    height: 377px;
}

.geta {
   
}

    .geta > a {
        color: #540A0A;
        text-decoration: none;
        background-color: #fff;
        border-radius: 20px;
        padding: 20px 25px;
    }

/* Section8 End*/
/* Section9 Start*/
.section9 {
    padding: 70px 0px;
    background-color: #FFDEDE33;
}

.slider {
    width: 90%;
    margin: 60px auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    padding: 40px 30px;
    box-sizing: border-box;
    text-align: center;
}

    .slide p {
        font-size: 18px;
        color: #555;
        margin: 0 0 20px;
    }

    .slide h4 {
        font-size: 20px;
        color: #222;
        margin: 0;
    }

.dots {
    text-align: center;
    padding: 15px 0;
}

.dot {
    height: 12px;
    width: 12px;
    margin: 0 6px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .dot.active {
        background-color: #333;
    }

/* Section9 End*/
/* Section10 Start*/
.section10 {
    padding: 70px 0px;
    background-color: #FFE8E89E;
}

.subhead2 {
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    width: 100%;
}

.sec10start {
    background-color: #fff;
    padding: 10px;
    border-radius: 20px;
}

    .sec10start > img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        margin-bottom: 10px;
    }

.sec10a {
    margin: 15px 0px;
}

    .sec10a > a {
        background-color: #540A0A;
        text-decoration: none;
        padding: 10px 20px;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
    }

        .sec10a > a:hover {
            font-style: italic;
        }

/* Section10 End*/
/* Section11  Start*/
.section11 {
    padding: 70px 0px;
}

.sec11want {
    padding: 45px 0px;
    background: #4F0A0A;
    background: linear-gradient(90deg, rgba(79, 10, 10, 1) 0%, rgba(79, 10, 10, 1) 50%, rgba(19, 3, 3, 1) 100%);
}

    .sec11want > h1 {
        text-align: center;
        color: #fff;
    }

    .sec11want > h5 {
        text-align: center;
        color: #fff;
    }

.sec11a {
    text-align: center;
    margin: 45px 0px;
}

    .sec11a > a {
        border-radius: 15px;
        font-size: 15px;
        text-decoration: none;
        padding: 20px 30px;
        color: #4F0A0A;
        background-color: #ffff;
    }

/* Section11 End*/
/* Section12  Start*/
.section12 {
    padding: 70px 0px;
    background-color: #F0F0F07D;
}

.ass {
    background-color: #ffff;
    padding: 15px;
}

    .ass > img {
        width: 100%;
        margin-bottom: 10px;
    }

.assa {
    margin: 17px 0px;
}

    .assa > a {
        background-color: #000;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        padding: 10px;
    }

/* Section12 End*/
/* Section13  Start*/
.section13 {
    padding: 70px 0px;
    background-color: #F0F0F07D;
}

/* Section13 End*/
/* Section14  Start*/
.section14 {
    padding: 70px 0px;
    background-color: #F0F0F07D;
}

/* Section14 End*/
/* Section15  Start*/
.section15 {
    padding: 70px 0px;
    background-color: #F0F0F07D;
}

/* Section15 End*/
/* Section16  Start*/
.section16 {
    padding: 70px 0px;
    background-color: #FEFAEDA1;
}

/* Section16 End*/
/* Section17  Start*/
.section17 {
    padding: 70px 0px;
    background-color: #F0F0F07D;
}

/* Section17 End*/
/* Section18  Start*/
.section18 {
    padding: 70px 0px;
    background-color: #F0F0F07D;
}

/* Section18 End*/

/* Section19  Start*/
.section19 {
    padding: 70px 0px;
}

.app {
    margin-bottom: 15px;
    display: flex;
}

.app1 {
    flex: 1;
}

.app3 {
    text-align: right;
}

.app4 {
    text-align: left;
}

.app1 > p {
    font-weight: bold;
}

.app2 {
    flex-wrap: wrap;
    width: 22%;
}

.app5 {
    flex-wrap: wrap;
    width: 22%;
}

.app6 {
    flex-wrap: wrap;
    width: 22%;
}

.app5 > i {
    background-color: #FFD2D2;
    color: #540A0A;
    border-radius: 50%;
    margin-left: 15px;
    padding: 14px;
    font-size: 31px;
}

.app6 > i {
    background-color: #FFD2D2;
    color: #540A0A;
    border-radius: 50%;
    margin-right: 15px;
    padding: 14px;
    font-size: 31px;
}

.appimage {
    text-align: center;
}

.downspace {
    margin-top: 15px;
}

.down > h5 {
    color: #540A0A;
    text-align: right;
}

.androidim > img {
}
/* Section19 End*/

/* Section20  Start*/
.section20 {
    padding: 70px 0px;
    background-color: #f2caca;
}



.active,
.accordion:hover {
    background-color: transparent !important;
}

    .active:after {
        content: none !important;
    }
    .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #4F0A0A !important;
}

.owl-theme .owl-dots .owl-dot span {
    background: #fff !important;
}
.owl-carousel .item {
    border-radius: 10px;
    text-align: center;
    color: white;
    font-size: 24px;
}

.owl-carousel img {
    width: 100%;
    border-radius: 10px;
}

/* Section20 End*/
/* Section21  Start*/
.section21 {
    padding: 70px 0px;
}

.accordion {
    border-bottom: 2px solid #761010 !important;
    background-color: #F2F2F2;
    color: #000;
    cursor: pointer;
    padding: 18px;
    font-weight: bold;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

    .active,
    .accordion:hover {
        background-color: #ccc;
    }

    .accordion:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
}

/* Section21 End*/
/* Footer Start*/
.sectionfooter {
    padding-top: 70px;
    background-color: #000;
}

.confooter {
    background-color: #6764643B;
    color: #fff;
}

.confootera {
    padding: 25px;
}

.footerul {
    padding: 0px;
}

    .footerul > li {
        list-style-type: none;
    }

        .footerul > li > a {
            color: #fff;
            font-size: 15px;
        }

.footersocial > h5 {
    color: #fff;
}

.footersocialul {
    padding: 0px;
}

    .footersocialul > li {
        display: inline-block;
    }

        .footersocialul > li > a {
            font-size: 25px;
            padding: 10px;
            color: #fff;
            border-radius: 50%;
        }

            .footersocialul > li > a:hover {
                border: 1px solid #fff;
            }

.copy {
    padding: 20px 0px;
    text-align: center;
}

    .copy > h5 {
        color: #fff;
    }

/*Footer End*/

/* Section7 Start*/
.section7 {
    padding: 70px 0px;
}

.video > iframe {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    height: 345px;
}

.video {
    border-radius: 20px;
    border-bottom: 2px solid #000;
}

    .video > h4 {
        text-align: center;
    }
.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    min-height: 285px; /* Optional: ensure minimum height */
    border-radius: 15px;
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }
/* Section7 End*/
/* Section8 Start*/

/* Section8 End*/
/* Section9 Start*/

/* Section9 End*/
/* Section10 Start*/

/* Section10 End*/
/* Section11  Start*/

/* Section11 End*/
/* Section12  Start*/
.assspace {
    margin-top: 15px;
}

/* Section12 End*/
/* Section13  Start*/

/* Section13 End*/
/* Section14  Start*/

/* Section14 End*/
/* Section15  Start*/
/* Section15 End*/
/* Section16  Start*/

/* Section16 End*/
/* Section17  Start*/

/* Section17 End*/
/* Section18  Start*/

/* Section18 End*/
/* Section19  Start*/

/* Section19 End*/
/* Section19 End*/
/* Section20  Start*/

/* Section20 End*/
/* Section21  Start*/

/* Section21 End*/


.box_onboard {
    
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-bottom:20px;
}
.platform-height {
    min-height: 449px;
}
    .box_onboard .content {
        padding: 30px;
    }
.content:hover {
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}
.content-head-icon {
    display:flex;
}
.signup-join-show {
    padding-top:30px;
}

.content > ul > li {
 
 
}
.content-head-icon1 {
    flex: flex-wrap;
    width: 17%;
}
    .content-head-icon1 > img {
        width: 81%;
        margin-bottom: 10px;
    }

.content-head-icon2 {
    flex:1;
}
.content h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 700;
}

    .box_onboard img {
        width: 100%;
        height: 100%;
    }
.actionbutton {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px 10px 15px;
    border-radius: 999px;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    gap: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 1px solid #c70404;
}
    .actionbutton:hover {
        transform: translateY(-5px);
        background-color: #c70404;
        color: #fff !important;
        text-decoration: none;
        
    }
.add-apply2 {
    min-height: 285px;
}
.add-apply {
    min-height: 287px;
}
.ads {
    background: linear-gradient(90deg,#b80e0e 0,#b80e0e 50%,#701300 100%);
    padding:19px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
}
    .ads h3 {
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        margin: 0;
        margin-bottom: 10px;
    }

    .ads .btn-single-custom {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 15px 5px 15px;
        border-radius: 999px;
        background-color: #fff;
        color: #000;
        font-weight: 600;
        font-size: 16px;
        text-decoration: none;
        gap: 12px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
        border: 1px solid #c70404;
    }

        .ads .btn-single-custom .arrow {
            background-color: #c70404;
            color: #fff;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 10px;
            transition: all 0.3s ease;
        }

        .ads .btn-single-custom:hover {
            background-color: #c70404;
            color: #fff;
        }

            .ads .btn-single-custom:hover .arrow {
                background-color: #fff;
                color: #5b19e2;
            }
.guestssay .item {
    padding: 30px;
    background: #f9f9f9;
    text-align: center;
    border-radius: 10px;
    margin: 10px;
}

.guestssay p {
    font-size: 1.1rem;
    font-style: italic;
    margin-bottom: 1rem;
    color: #333;
}

.guestssay h4 {
    font-weight: bold;
    color: #666;
}

.pitchingsay .item {
    padding: 30px;
    background: #f9f9f9;
    text-align: center;
    border-radius: 10px;
    margin: 10px;
}

.pitchingsay p {
    font-size: 1.1rem;
    font-style: italic;
    margin-bottom: 1rem;
    color: #333;
}

.pitchingsay h4 {
    font-weight: bold;
    color: #666;
}
.cate_list_home:nth-child(odd) {
    background-color: #f9f9f9; /* Light gray */
}

.cate_list_home:nth-child(even) {
    background-color: #ffffff; /* White */
}
.cate_list_home {
    
}
.cate_list_home a:hover {
    text-decoration:none;

}
    .cate_list_home h2 {
        text-align:center;
        font-size: 25px;
        margin-bottom: 20px;
        color: #000;
        font-weight: 700;
    }
.gal-container>.row>div>p {
    text-align: center;
}
    .cate_list_home .profilebox {
        border-radius: 10px;
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        padding: 10px;
    }
    .profilebox img 
    {
        width:100%;
        height:auto;
    }
.profilebox a {
    color:#000;
}
.signup-platform-button {
    padding-top:30px;
}
.platform-icon-head {
    display: flex;
}
.platform-icon-head1 {
    flex:flex-wrap;
    width:27%;

}
    .platform-icon-head1 > img {
        width: 81%;
        height: 81%;
        margin-bottom: 10px;
    }
.platform-icon-head2 {
    flex: 1;
}
    .platform-icon-head2 > h5 {
        font-weight:700;
    }



    .platform .box_onboard img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
.playlistbox img {
    width:100%;
    height:auto;
    border-radius:15px;
    margin-bottom:20px;
}

.login-container {
    display: flex;
    width: 100%;
    max-width: 1000px;
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.login-left {
    flex: 1;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .login-left img {
       width: 100%;
        height: 100%;
    }

.login-right {
    flex: 1;
    background: linear-gradient(to bottom right, #830410, #ff1c07);
    padding: 50px;
    color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 0 20px 20px 0;
    position: relative;
}

    .login-right h2 {
        margin: 0;
        font-size: 32px;
        font-weight: 700;
    }

.subtitle {
    margin-bottom: 30px;
    font-size: 16px;
    color: #fff;
}

.login-right label {
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
}

.login-right input {
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    border: none;
    margin-top: 5px;
    margin-bottom: 15px;
    background-color: rgb(255 255 255);
    color: #000;
    font-size: 14px;
}
.form-check-input {
    width: auto !important;
    margin-bottom:0px!important;
        
}
.form-check-label {
    margin-top:0px!important;
}
    .password-wrapper {
        position: relative;
    }

    .password-wrapper input {
        padding-right: 40px;
    }

.toggle-eye {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.forgot {
    color: #ffe58f;
    text-decoration: none;
    font-size: 13px;
    margin-bottom: 20px;
    align-self: flex-end;
}

.login-btn {
    background: linear-gradient(to right, #ff416c, #ff4b2b); /* Gradient background */
    border: none;
    color: white;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

    .login-btn:hover {
        background: linear-gradient(to right, #ff4b2b, #ff416c); /* Reverse gradient */
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
    }

.signup-text {
    margin-top: 30px;
    text-align: center;
    color: #fff;
}

.signup-btn {
    color: #fff;
}

    .signup-btn:hover {
        text-decoration: none;
    }
.login-container .text-danger {
    color: #ffe58f;
    font-size: 14px;
    margin-top: 5px;
    display: block;
}
.login-container a {
    font-size: 14px;
    color: #fff;
}
.login-container a:hover {
    text-decoration:none;
}
.login-container .validation-summary-errors ul {
    padding:0px;
    margin:0px;
}
.login-container .validation-summary-errors ul li {
    
    list-style-type:none;
}


    .box_onboard_advance {
        border-radius: 10px;
        margin-bottom: 20px;
        background: #f6f4f4;
        /*linear-gradient(to right, #fbecec, #ffe3e3);*/
        border-radius: 10px;
        /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); */
        transition: all 0.3s ease-in-out;
        /*--tw-border-opacity: 1;
    border-color: rgb(242 244 247 / var(--tw-border-opacity, 1));*/
    }

        .box_onboard_advance:hover {
            background: linear-gradient(to right, #f7f7f7, #fbecec);
        }
        .box_onboard_advance > img {
            width:100%;
        }
        .box_onboard_advance .content {
            min-height: 260px;
            padding: 30px;
        }

            .box_onboard_advance .content img {
                width: 40px !important;
                height: 40px !important;
                margin-right: 10px;
            }

        .box_onboard_advance h3 {
            font-size: 20px;
            color: #000;
            font-weight: 700;
        }

        .box_onboard_advance p {
          
            margin-bottom: 20px;
            color: #333;
            line-height: 1.5;
        }

        .box_onboard_advance .btn-single-custom {
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            padding: 5px 15px 5px 15px;
            border-radius: 999px;
            background-color: #fff;
            color: #000;
            font-weight: 600;
            font-size: 16px;
            text-decoration: none;
            gap: 12px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            border: 1px solid #c70404;
        }

            .box_onboard_advance .btn-single-custom .arrow {
                background-color: #c70404;
                color: #fff;
                width: 32px;
                height: 32px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                font-size: 10px;
                transition: all 0.3s ease;
            }

            .box_onboard_advance .btn-single-custom:hover {
                background-color: #c70404;
                color: #fff;
            }

                .box_onboard_advance .btn-single-custom:hover .arrow {
                    background-color: #fff;
                    color: #5b19e2;
                }



.box_onboard_advance_launch .circle-box {
    min-height: 342px;
    margin-top: 20px;
    background: #fff;
    border-radius: 12px;
    padding: 30px 20px 20px;
    position: relative;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border: 2px dotted #c70404;
}

        .box_onboard_advance_launch .circle-box:hover {
            border: 2px solid #c70404;
        }

.box_onboard_advance_launch .circle-number {
    position: absolute;
    top: -20px;
    left: 20px;
    background: #ff4c4c;
    color: #fff;
    width: 70px;
    height: 40px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}



    .box_onboard_advance_launch .circle-header {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 15px;
    }

        .box_onboard_advance_launch .circle-header img {
            width: 35px;
            height: 35px;
        }

        .box_onboard_advance_launch .circle-header h3 {
            font-size: 18px;
            font-weight: 700;
            color: #000;
            margin: 0;
        }

    .box_onboard_advance_launch .circle-box p {
        color: #444;
        line-height: 1.6;
        margin-bottom: 0;
    }
.circle-header-button > a {

    color:#000 !important;
}
.circle-header-button {
    
    justify-content: space-between;
    padding: 5px 15px 5px 15px;
    border-radius: 999px;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    gap: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 1px solid #c70404;
}
    .circle-header-button >.arrow{
    
    background-color: #c70404;
    color: #fff;
    width: 32px;
    height: 32px;
    display: flex
    ;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 10px;
    transition: all 0.3s ease;
    }
.kisse-kamyabi-ke > a > img {
    width: 100%;
   height:100%;
    border-radius: 15px;
}
.circle-header-button:hover {
    background-color: #c70404;
    color: #fff;
}

    .btn-single-custom_knowmore {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 15px;
        border-radius: 999px;
        background-color: #c70404;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        text-decoration: none;
        gap: 12px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        border: 1px solid #c70404;
        overflow: hidden;
        z-index: 1;
        transition: color 0.3s ease;
    }

        .btn-single-custom_knowmore::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background-color: #fff;
            z-index: 0;
            transition: all 0.4s ease;
        }

        .btn-single-custom_knowmore:hover::before {
            left: 0;
        }

        .btn-single-custom_knowmore span,
        .btn-single-custom_knowmore .arrow {
            position: relative;
            z-index: 1;
        }

        .btn-single-custom_knowmore:hover {
            color: #000;
            text-decoration: none;
        }

        .btn-single-custom_knowmore .arrow {
            background-color: #fff;
            color: #c70404;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 10px;
            transition: all 0.3s ease;
        }

        .btn-single-custom_knowmore:hover .arrow {
            background-color: #c70404;
            color: #fff;
        }



.box_onboard_advance_pitchapply {
    background: #fff;
    border-radius: 12px;
    position: relative;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border: 2px solid #fff;
    display: flex;
}

    .box_onboard_advance_pitchapply .leftbox {
        width:30%;

    }
    .box_onboard_advance_pitchapply .rightbox {
        width: 70%;
        padding:10px;
    }
    .box_onboard_advance_pitchapply .leftbox img{
        width: 100%;
        height:100%;
    }
    .box_onboard_advance_pitchapply:hover {
        border: 2px dotted #c70404;
    }
    .box_onboard_advance_pitchapply .pitchbutton {
        text-align: right;
    
    }
    .box_onboard_advance_pitchapply .pitchbutton a {
        
        border: 1px solid #c70404;
        background-color: #c70404
    }
        .box_onboard_advance_pitchapply .pitchbutton a:hover {
            border: 1px solid #c70404;
            background-color: #fff;
            color:#000;
        }

  

    .box_onboard_advance_pitchapply h4 {
        font-size: 18px;
        font-weight: 700;
        color: #000;
        margin: 0;
    }

.box_onboard_advance_pitchapply p {
    
    line-height: 1.6;
    margin-bottom: 0;
}
.pitchbox {
    background: #fff;
    border-radius: 12px;
    position: relative;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border: 2px solid #fff;
    
}
.pitchbox img{
    width:100%;
    height:100%;
    border-radius:10px;
}

.faq_box {
    margin-top: 30px;
}
.faqclick {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.faq_box .sec_heading {
    font-weight: 700;
    word-break: break-word;
    overflow-wrap: break-word;
    font-size: 1.10rem;
}
.faqclick i {
    margin-left:auto;
}

.faq_box.active .faqclick i {
    transform: rotate(180deg);
}
.faq_detail {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 #00000030;
    padding: 20px;
    margin-top: 20px;
    display: none;
}
.faq_box:first-child .faq_detail {
    display: block;
}
.policypage h1 {
    font-size:25px;
    font-weight:700;
}
.policypage h2 {
    font-size: 20px;
    font-weight: 700;
}
.policypage p {
    font-size: 18px;
}
.owl-theme .owl-dots {
    display: block !important;
    text-align: center;
    margin-top: 15px;
}

.owl-theme .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 50%;
    margin: 5px;
}

    .owl-theme .owl-dot.active {
        background: #000;
    }
.owl-dots {
    position: absolute;
    top: 86% !important;
    right: 38% !important;
    left: 37% !important; /* jitna side me chahiye utna adjust kare */
    transform: translateY(-50%);
    display: flex;
    flex-direction: column; /* vertical karne ke liye */
    gap: 8px;
}

.owl-prev {
    left: 3% !important;
    color: #ffff !important;
    position: absolute !important;
    top: 44% !important;
    font-size: 48px !important;
}

.owl-next {
    right: 3% !important;
    color: #ffff !important;
    position: absolute !important;
    top: 44% !important;
    font-size: 48px !important;
}
/* Dot style */
.owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: #999;
    border-radius: 50%;
    display: block;
}

.owl-dots .owl-dot.active span {
    background: #333;
}

.owl-dots {
    position: absolute;
    top: 50% ;
    right: 10px; /* jitna side me chahiye utna adjust kare */
    transform: translateY(-50%);
    display: flex;
    flex-direction: column; /* vertical karne ke liye */
    gap: 8px;
}

    /* Dot style */
    .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        background: #999;
        border-radius: 50%;
        display: block;
    }

    .owl-dots .owl-dot.active span {
        background: #333;
    }
.yt-wrap {
    position: relative;
  
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    min-height: 285px;

    border-radius: 15px;

    aspect-ratio: 16/9; /* 16:9 ratio */
    width: 100%;
    max-width: 900px; /* optional */
    background: #000; /* avoids white bars before load */
}

    .yt-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
      

        width: 100%;
        height: 100%;
        border: 0;
        display: block;
    }
.signup-join-show2 {
    padding-top:32px;
}
.signup-join-show5 {
    padding-top: 40px;
}
@media screen and (max-width: 1400px) {
    .video-wrapper {
        min-height:100%;
    }
}
    @media screen and (min-width: 1024px) and (max-width: 1366px) {

        /* Your styles here */
        body {
        }

        .Investor .heading h3 {
            font-size: 24px;
        }

        .founder {
            color: #fff;
            background: linear-gradient(90deg, #b80e0e 0, #b80e0e 50%, #701300 100%);
            padding: 19px 30px;
        }

        h5 {
            font-size: 1.00rem;
        }

        .add-apply {
            min-height: 264px;
        }

        .coming-soon-video {
            position: absolute;
            top: 50%;
            left: 47%;
            transform: translate(-50%, -50%);
            font-size: 1.6rem;
        }

        .video-wrapper {
            min-height: 262px;
        }

        .add-apply2 {
            min-height: 266px;
        }

        .whycol {
            min-height: 584px;
        }

        .signup-join-show6 {
            padding-top: 16px;
        }

        .signup-join-show7 {
            padding-top: 51px;
        }

        .signup-join-show8 {
            padding-top: 77px;
        }

        .signup-platform-button6 {
            padding-top: 0px;
        }

        .signup-platform-button7 {
            padding-top: 49px;
        }

        .platform-icon-head1 > img {
            width: 77%;
            height: 66%;
        }

        .signup-platform-button2 {
            padding-top: 40px;
        }
    }
.owl-stage {
    will-change: transform;
}
/* Tab Version Start*/
@media screen and (max-width:992px) {
    .signup-join-show4 {
            padding-top: 84px;
        }

        .signup-join-show3 {
            padding-top: 84px;
        }

        .signup-join-show2 {
            padding-top: 82px;
        }

        .signup-platform-button2 {
            padding-top: 49px;
        }

        .sign-about-button1 {
            padding-top: 50px;
        }

        .sign-about-button2 {
            padding-top: 50px;
        }

        .topsection {
            display: none;
        }

        .whycol {
            min-height: 635px;
        }

        .step-height {
            min-height: auto;
            margin-bottom: 13px;
        }

        .subrowimage {
            margin-top: 15px;
        }

        .kisse-kamyabi-ke {
            margin-top: 15px;
        }

        .box_onboard_advance_launch .circle-box {
            min-height: 260px;
        }

        .box_onboard_advance .content {
            min-height: 273px;
        }



        .aboutcol {
            min-height: auto;
        }

        .sub > h1 {
            font-size: 47px;
        }

        .bannerheading > h1 {
            font-size: 47px;
        }

        /* Header Start*/

        /* Header End*/
        /* Section1 Start*/
        .mainheading {
            width: 100%;
            font-size: 42px;
        }

        .subhead {
            width: 100%;
        }



        .platform-icon-head1 {
            flex-wrap: wrap;
            width: 35%;
        }

            .platform-icon-head1 > img {
                width: 74%;
                height: 74%;
                margin-bottom: 10px;
            }

        .step-bottom-how {
        }

        .sign-up-button-how {
            padding: 30px;
        }

        .video-wrapper {
            min-height: 245px;
        }

        .right-place {
            display: block !important;
        }

        .right-place3 {
            display: block !important;
        }

        .right-place1 {
            width: 100%;
        }

        .right-place2 {
            width: 100%;
        }

        .right-place4 {
            width: 100%;
        }

        .right-place5 {
            width: 100%;
        }

        .platform-height {
            min-height: 542px;
        }



        .header {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px;
        }

        .nav-links {
            display: none !important;
            flex-direction: column;
            background-color: #ffffff;
            position: fixed;
            top: 60px;
            left: 0;
            width: 250px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            padding: 20px;
            z-index: 999;
        }

            .nav-links.show {
                display: flex !important;
                gap: 0;
            }

            .nav-links li {
                margin: 12px 0;
                text-align: left;
                padding-left: 20px;
            }

                .nav-links li a {
                    font-size: 16px;
                    color: #000;
                }

                .nav-links li:last-child {
                    margin-top: 20px;
                }

        .nav-actions {
            flex-direction: row;
            align-items: center;
            gap: 12px;
            display: flex;
        }

        .menu-icon {
            display: block;
            font-size: 26px;
         /*   padding-left: 15px;*/
        }

        .close-btn {
            display: block;
            font-size: 26px;
            position: absolute;
            top: 10px;
            right: 15px;
            cursor: pointer;
            color: #000;
        }

        .usersign {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px 10px;
            font-size: 20px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #f4f4f4; /* Optional */
            font-size: 15px;
        }

        .logo img {
            height: 35px;
        }

    .navbar-brand img {
        height: 35px!important;
    }
    .profile_01_header .navbar {
        padding: 5px 0px;
    }

        .usersign {
            display: none !important;
        }

        .userlogin {
            padding: 8px;
            font-size: 18px;
        }

            .userlogin i {
                margin-right: 0; /* Remove spacing between icon and text */
            }

            .userlogin span {
                display: none; /* If there's text, optionally hide it */
            }
    }
    /* Tab Version End*/



    /* Mobile Version Start*/
    @media screen and (max-width:768px) {
      
        .owl-dots {
            position: absolute;
            top: 86% !important;
            right: 0% !important;
            left: 0% !important; /* jitna side me chahiye utna adjust kare */
            transform: translateY(-50%);
            display: flex;
            flex-direction: column; /* vertical karne ke liye */
            gap: 8px;
        }

        .video-wrapper {
            min-height: 100%;
        }

        .signup-join-show4 {
            padding-top: 30px;
        }

        .signup-join-show3 {
            padding-top: 30px;
        }

        .signup-join-show2 {
            padding-top: 30px;
        }

        .signup-platform-button2 {
            padding-top: 30px;
        }

        .sign-about-button1 {
            padding-top: 30px;
        }

        .sign-about-button2 {
            padding-top: 30px;
        }

        .aboutcol {
            min-height: auto;
        }

        .more-than-image {
            margin-top: 15px;
        }

        .whycol {
            min-height: auto;
        }

        .platform-icon-head1 {
            flex-wrap: wrap;
            width: 23%;
        }

            .platform-icon-head1 > img {
                width: 66%;
                height: 66%;
                margin-bottom: 10px;
            }

        .sub > h1 {
            font-size: 32px;
        }

        .bannerheading > h1 {
            font-size: 32px;
        }

        .whya1 {
            margin-bottom: 18px;
        }

        .plaftformspace1 {
            padding-bottom: 0px;
        }

        .whyul1 {
            margin-bottom: 0px;
        }


        .plaftformspace1 {
            padding-bottom: 20px;
        }

        .qwer2 > h5 {
            margin-top: 10px;
        }



        .extra {
            margin-top: 20px;
        }

        .pspace1 {
            margin-top: 0px;
        }

        .pspace2 {
            margin-top: 0px;
        }

        .pspace3 {
            margin-top: 0px;
        }

        .pspace4 {
            margin-top: 0px;
        }


        .box_onboard_advance .content {
            min-height: auto;
        }

        .box_onboard_advance_launch .circle-box {
            min-height: auto;
        }

        .add-apply {
            min-height: auto;
        }

        .commanheading h2, .commanheading h3, .commanheading h4 {
            font-size: 25px;
        }

        .topul {
            display: none;
        }

        .header {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px;
        }

        .nav-links {
            display: none !important;
            flex-direction: column;
            background-color: #ffffff;
            position: fixed;
            top: 60px;
            left: 0;
            width: 250px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            padding: 20px;
            z-index: 999;
        }

            .nav-links.show {
                display: flex !important;
                gap: 0;
            }

            .nav-links li {
                margin: 12px 0;
                text-align: left;
                padding-left: 20px;
            }

                .nav-links li a {
                    font-size: 16px;
                    color: #000;
                }

                .nav-links li:last-child {
                    margin-top: 20px;
                }

        .nav-actions {
            flex-direction: row;
            align-items: center;
            gap: 12px;
            display: flex;
        }

        .menu-icon {
            display: block;
            font-size: 26px;
            /*padding-left: 15px;*/
        }

        .close-btn {
            display: block;
            font-size: 26px;
            position: absolute;
            top: 10px;
            right: 15px;
            cursor: pointer;
            color: #000;
        }

        .usersign {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px 10px;
            font-size: 20px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #f4f4f4; /* Optional */
            font-size: 15px;
        }

        .logo img {
            height: 35px;
        }

        .usersign {
            display: none !important;
        }

        .userlogin {
            padding: 8px;
            font-size: 18px;
        }

            .userlogin i {
                margin-right: 0; /* Remove spacing between icon and text */
            }

            .userlogin span {
                display: none; /* If there's text, optionally hide it */
            }



        .subrowimage {
            margin-top: 15px;
        }

        .platform-height {
            min-height: auto;
        }

        .step-height {
            min-height: auto;
            margin-bottom: 13px;
        }

        .video-wrapper-about {
            margin: 25px 0px;
            position: relative;
            width: 100%;
            padding-bottom: 56.25%;
            height: 100%;
            overflow: hidden;
            min-height: auto;
            border-radius: 15px;
        }

            .video-wrapper-about iframe {
                height: 100%;
            }

        .video-wrapper {
        }

        .kisse-kamyabi-ke {
            margin-top: 20px;
        }

            .kisse-kamyabi-ke > img {
                margin-bottom: 20px;
            }

        .right-place {
            display: block !important;
        }

        .right-place1 {
            width: 100%;
            margin: 10px;
            margin-left: 0px;
        }

        .right-place2 {
            width: 100%;
            margin: 10px;
            margin-left: 0px;
        }

        .right-place3 {
            display: block !important;
            margin: 10px;
            margin-left: 0px;
        }

        .right-place5 {
            width: 100%;
        }

        .right-place4 {
            width: 100%;
        }

        .login-left {
            display: none;
        }

        .login-right {
            padding: 10px;
        }

        .coming-soon {
            left: 26%;
        }

        .coming-soon-video {
            position: absolute;
            top: 50%;
            left: 47%;
            transform: translate(-50%, -50%);
            font-size: 26px;
            font-weight: bold;
            color: white;
            background: rgba(0, 0, 0, 0.6);
            padding: 10px 20px;
            border-radius: 10px;
        }
    }



    /* Mobile Version End*/



.profile_01_header .navbar-brand img {
    height: 40px;
}

.profile_01_header img.rounded-circle {
    border: 2px solid #730e18;
    background: #fff;
}

    .profile_01_header img.rounded-circle:hover {
        border: 2px solid #000;
    }

.profile_01_header a.nav-link {
    color:#000!important;
    padding: 0px;
}

    .profile_01_header a:hover {
        color: #730e18;
    }
.profile_01_header .dropdown .dropdown-item {
    text-decoration: none;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    transition: color 0.3s ease;
            margin: 12px 0;
        text-align: left;
        padding-left: 20px;
}