.container-fluid{
    padding:0px 1px !important;
}
p{
    font-size: 26px !important;
    font-weight: 300 !important;
}
.bbc-menu-bar-web{
    width:100%;
    position: fixed;
    top:0;
    left:0;
    z-index:9;
    background-color: #7bad26;
    /* padding:0px 70px; */
}
.bbc-menu-bar-web-mob{
    width:100%;
    position: fixed;
    top:0;
    left:0;
    z-index:9;
    background-color: #7bad26;
    display:none;
}
.bbc-menu-bar-web nav{
    padding:0px;
}
.bbc-menu-bar-web .container-fluid{
    padding:0px 0px !important;
}
.bbc-logo{
    background:#fff;
    border-radius: 0px 0px 75px 0px;
    width: 300px;
}
.bbc-logo img{
    width:84%;
    float: left;
}
.navbar-nav{
    padding-right:20px;
}
.nav-item{
    padding: 0px 5px;
}
.navbar-nav .nav-link{
    color:#fff;
    font-weight: 500;
    font-size: 18px;
}

.bbc-menu-bar-web-mob .bbc-logo img{
    width: 84%;
    padding: 9px 0px;
}
.bbc-menu-bar-web-mob .bbc-logo{
    border-radius: 0px 0px 75px 0px;
    width:40%;
}
.menu-logo i{
    font-size: 30px;
    color: #fff;
    float: right;
    margin: 5px 0px;
    padding: 14px 33px 14px 0px;
}
.menu-logo{
    width:60%;
}
.offcanvas{
    background:#000 !important;
    max-width:80%;
}
.offcanvas-body{
    padding:0px !important;
}
.offcanvas-body .navbar-nav{
    padding:0px;
}
.offcanvas-body .navbar-nav .nav-item{
    padding:0px 20px;
}
.offcanvas-body .navbar-nav .nav-item:hover{
    background:#7bad26;
}
.offcanvas-body .navbar-nav .nav-link{
    text-align: left;
}
.offcanvas-header button{
    background-color:#fff;
    color:#fff;
}

/* ==============Banner-section========== */

.bbc-banner-section{
    padding:0px;
}
.bbc-banner-section img{
    width:100%;
}
video::-webkit-media-controls {
    display: none;
  }

/* ==============Join-Squad-section========== */

.bbc-Jointhesquad-section{
    padding:0px 50px 50px 0px;
}
.bbc-join-img{
    width:70%;
    margin-top: -70px;
}
.bbc-join-img img{
    width:75%;
}
.bbc-join-btn button{
    width: 250px;
    height: 55px;
    margin: 10px 5px 5px 5px;
    background: #75ab44;
    border-radius: 100px;
    border: 0px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    transition:0.5s;
}
.bbc-join-btn button:hover{
    background: #7dbc43;
    border-radius: 8px;
    color:#000;
}

/* ============our-journey============= */

.bbc-OurJorney-section{
    background-color:#3a5c99;
    padding:50px 50px 60px 50px;
}
.bbc-ojheading{
    width:20%;
}
.bbc-ojheading hr{
    color: #fff;
    opacity: 1;
    height: 0px;
    border: 2px solid #fff;
}
.bbc-OurJorney-section h1{
    color:#fff;
    font-weight: 300;
    font-size: 45px;
}
.bbc-OurJorney-section h1>span{
    font-weight: 700;
}
.bbc-OurJorney-section p{
    color: #fff;
    font-size: 27px;
    line-height: 45px;
    margin: 45px 0px 0px 0px;
}
.bbc-ojpara{
    width:78%;
}

/* ==============RoadMap-section========== */

.bbc-RoadMap-section img{
    width: 100%;
    height: 100%;
    padding:0px;
}
.bbc-bbbusiness-section img{
    width:100%;
}

/* ==============BB-Business-section========== */

.bbc-bbbusiness-section{
    background-color:#3265aa;
    padding:60px 20px;
}
.bb-business-cmn{
    background:#fff;
    padding:0px 30px;
    border-radius:14px;
    box-shadow: 0px 5px 15px rgb(46, 46, 46);
    width: 100%;
    height: 250px;
    display:flex;
    align-items: center;
}
.bbc-bbbusiness-section p{
    text-align: left;
    margin:0px;
    font-size: 18px;
}
.bbc-business-bblogo{
    width: 75% !important;
    display: flex;
    margin: 0px auto;
}
.bb-bbbusinessLogo img{
    width:100%;
}
.bbc-business-logo{
    width:25%;
}
.bbc-business-content{
    width:75%;
}
.bb-bbbusinessLogo {
    display:flex;
    align-items: center;
}
.bb-business-cmn .d-flex{
    align-items: center;
}

/* ==============employee-count-section========== */



/* ==============Awards-section========== */

.bbc-award-section{
    background:rgb(255, 255, 255);
    padding:70px 0px;
}
marquee{
    white-space: nowrap;
}
marquee a{
    padding:0px 10px;
}
marquee a img{
    margin:10px 0px;
    box-shadow: 3px 3px 10px rgb(207, 207, 207);
}
.bbc-award-section img{
    width:250px;
}

.marquee {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid #000;
    height: 300px;
    width: 80%;
    border-radius: 22px;
    /* box-shadow: 4px 4px 0 #000; */
    overflow: hidden;
    background: white;
    white-space: nowrap;
  }
  .marquee--inner {
    display: block;
    width: 200%;
    position: absolute;
    animation: marquee 7s linear infinite;
  }
  .marquee--inner span {
    float: left;
    width: 13%;
    overflow: hidden;
  }
  .marquee--inner span img{
    margin:10px 0px;
    /* box-shadow: 3px 3px 10px rgb(207, 207, 207); */
  }
  
  @keyframes marquee {
    0% {
      left: 0;
    }
    100% {
      left: -100%;
    }
  }

/* ==============hari-menon-section========== */


.bbc-harimenon-section img{
    width:100%;
}

.bbc-spiritBB-section img{
    width:100%;
}
.bbc-harimenon-section .container{
    padding:0px;
}

.bbc-hm-app{
    display:none;
}
.bbc-vp-app{
    display:none;
}
.bbc-sudha-app{
    display:none;
}
.bbc-ramesh-app{
    display:none;
}

/* ==============aarambh-section========== */


.bbc-Aaramb-section .col-lg-6{
    padding:0px !important;
}
.bbc-aaramb-cnt{
    padding:40px;
}
.bb-logohead-arambh{
    align-items: center;
}
.bbc-Aaramb-section h1{
    text-align: left;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    margin-left: 10px;
}
.bbc-Aaramb-section p{
    text-align: left;
    color: #fff;
    margin: 14px 12px;
    font-size: 24px;
    font-weight: 300;
}
.bbc-aarambh-imgcurv img{
    width:100%;
}
.bb-logohead-arambh img{
    width: 27%;
}


/* ==============scooter-anime-section========== */

.anime-scoo{
    background-image: url('https://www.bigbasket.com/media/uploads/flatpages/mailer-images-aug/Scoter_building_bg.jpg');
    background-repeat:repeat-x;
    width:100%;
    height:100%;
    background-size: contain;
    opacity: 0.3s;
}
.scotAni{
    margin-top:-70px;
}
.anime-scoo img{
    margin-top:350px;
    margin-bottom:5px;
}
@media only screen and (max-width:992px){
    .anime-scoo img{
        width:100%;
        margin-top:100px;
    }
}
@media only screen and (min-width:991px) and (max-width:1350px){
    .anime-scoo img{
        width:100%;
    }
}
/* ==============Early-career-anime-section========== */

.bbc-Early-career-section{
    padding:80px 0px 0px 0px;
}
.bbc-earlycareer-heading{
    padding:10px 0px;
    margin-bottom:40px;
}
.bbc-earlycareer-heading h1{
   font-weight:700;
   font-size: 55px;
}
.bbc-earlycareer-heading h1>span{
    font-weight:200;
}
.bbc-ecp-img1 img{
    width:100%;
}
.bbc-ecp-para1 h3{
    text-align:left;
    font-size: 40px;
}
.bbc-ecp-para1 p{
    text-align:left;
    font-size: 26px;
    font-weight: 200;
}
.bbc-ecpone{
    align-items: center;
    background:#c6eb60;
}
.bbc-ecp-para1{
    padding:0px 20px;
}
.bbc-ecp-cmv{
    padding:0px !important;
}
.bbc-ecp-para2{
    padding:0px 20px;
}
.bbc-ecp-para2 h3{
    text-align:left;
    font-size: 40px;
}
.bbc-ecp-para2 p{
    text-align:left;
    font-size: 26px;
    font-weight: 200;
}

.bbc-ecp-para3{
    padding:0px 20px;
}
.bbc-ecp-para3 h3{
    text-align:left;
    font-size: 40px;
}
.bbc-ecp-para3 p{
    text-align:left;
    font-size: 26px;
    font-weight: 200;
}
.bbc-ecp-for-mob{
    display:none;
}

@media only screen and (max-width:767px){
    .bbc-ecp-for-mob{
        display:block;
    }
    .bbc-ecp-for-web{
        display:none;
    }
    .bbc-Early-career-section{
        padding:50px 0px 0px 0px;
    }
}

/* ==============Video-section========== */

.bbc-video-caroitem{
    padding:0px 80px;
}
.bbc-video-heading h1{
    font-size:50px;
    padding-bottom:30px;
}
.bbc-video-section{
    padding:0px 0px;
}
.bbc-video-section .container-fluid{
    padding:0px !important;
}
#bbc-demo-video{
    /* background: url('https://www.bigbasket.com/media/uploads/flatpages/mailer-images-aug/bbc-video-background.jpg'); */
    background-color: #242424;
    width:100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.bbc-video-caroitem iframe{
    width: 80%;
    height: 700px;
    margin: 40px 0px;
}
.bbc-video-section .carousel-control-next-icon {
    background-image: url('https://www.bigbasket.com/media/uploads/flatpages/mailer-images-aug/bbc-video-right-arrow.png') !important;
    width: 60px !important;
    height: 60px !important;
}

.bbc-video-section .carousel-control-prev-icon {
    background-image: url('https://www.bigbasket.com/media/uploads/flatpages/mailer-images-aug/bbc-video-left-arrow.png') !important;
    width: 60px !important;
    height: 60px !important;
}
.bbc-video-section .carousel-control-next {
    right: -60px !important;
    opacity:1;
}
.bbc-video-section .carousel-control-prev {
    left: -60px !important;
    opacity:1;
}

/* ==============Testimonial-section========== */

.bbc-testi-caroitem{
    padding:0px 80px;
}
.bbc-testi-heading h1{
    font-size:50px;
    padding-bottom:30px;
}
.bbc-testimonial-section{
    padding:50px 0px;
}
.bbc-testimonial-section .carousel-control-next-icon {
    background-image: url('https://www.bigbasket.com/media/uploads/flatpages/mailer-images-aug/bbc-testi-right-arrow.png') !important;
    width: 60px !important;
    height: 60px !important;
}

.bbc-testimonial-section .carousel-control-prev-icon {
    background-image: url('https://www.bigbasket.com/media/uploads/flatpages/mailer-images-aug/bbc-testi-left-arrow.png') !important;
    width: 60px !important;
    height: 60px !important;
}
.bbc-testimonial-section .carousel-control-next {
    right: -60px !important;
}
.bbc-testimonial-section .carousel-control-prev {
    left: -60px !important;
}

/* ==============discover-opertunities-section========== */

.bbc-discover-opertunities-section{
    width:100%;
    background: #000;
    padding:50px 0px;
}
.bbc-doheading p{
    color:#fff;
    font-size: 50px !important;
    font-weight:100 !important;
    margin:0px 0px;
}
.bbc-doheading h2{
    color:#fff;
    font-size: 50px;
    font-weight:600;
    margin:0px 0px;
}
.do-explore-btn button{
    width: 300px;
    height: 55px;
    margin: 30px 5px 5px 5px;
    background: #75ab44;
    border-radius: 100px;
    border: 0px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    transition:0.5s;
}
.do-explore-btn button:hover{
    background: #7dbc43;
    border-radius: 8px;
    color:#000;
}
.bbc-do-img img{
    width:100%;
    border-radius: 0px 30px 30px 0px;
}
.bbc-social-media{
    margin:10px auto;
    justify-content: center;
}
.bbc-social-media i{
    font-size: 35px;
    color: #fff;
    padding: 5px 10px;
}

.do-form input{
    width: 100%;
    border-radius: 0px;
    border: 1px solid lightgray;
    height: 40px;
    margin: 10px 0px;
    text-indent: 10px;
    font-size: 15px;
}
.do-form button{
    width: 300px;
    height: 55px;
    margin: 30px 5px 5px 5px;
    background: #75ab44;
    border-radius: 100px;
    border: 0px;
    font-size: 24px;
    color: #000;
    font-weight: 600;
    transition:0.5s;
}
.do-form button:hover{
    background: #7dbc43;
    border-radius: 8px;
}
.modal-header{
    padding: 12px 10px 10px 0px !important;
    border-bottom: 0px !important;
}

.doform_popup .modal-dialog{
    /* width:22%; */
    top:15%;
}
.doform_popup .modal-content{
    border-radius: 10px;
    border: 0px;
}
.doform_popup{
    background: #000000b3 !important;
}


/* ==============res-mdiaquery-section========== */

@media only screen and (min-width:1201px) and (max-width:1399px){
    .bbc-banner-section {
        padding: 60px 0px 0px 0px;
    }
    .bbc-join-img {
        margin-top: -20px;
    }
    p {
        font-size: 24px !important;
    }
    .bbc-ojheading {
        width: 25%;
    }
    .navbar-nav .nav-link {
        font-size: 16px;
    }
    .bbc-Aaramb-section p{
        font-size: 20px !important;
    }
    .bbc-Aaramb-section h1{
        font-size: 38px;
    }
    .scotAni{
        margin-top:-130px;
    }
    .bbc-ecp-para1 h3{
        font-size: 35px;
    }
    .bbc-ecp-para2 h3{
        font-size: 35px;
    }
    .bbc-ecp-para3 h3{
        font-size: 35px;
    }
    .bbc-ecp-para1 p{
        font-size: 22px;
    }
    .bbc-ecp-para2 p{
        font-size: 22px;
    }
    .bbc-ecp-para3 p{
        font-size: 22px;
    }
    .bbc-video-caroitem iframe{
        height:500px;
        width:100%;
    }
}
@media only screen and (min-width:992px) and (max-width:1080px){
    .nav-item {
        padding: 0px 2px !important;
    }
    .navbar-nav .nav-link {
        font-size: 12px !important;
    }
}
@media only screen and (min-width:992px) and (max-width:1200px){
    .bbc-banner-section {
        padding: 50px 0px 0px 0px;
    }
    .bbc-join-img {
        margin-top: -10px;
    }
    .navbar-nav .nav-link{
        font-size: 14px;
    }
    .bbc-logo{
        width: 250px;
    }
    .bbc-ojheading {
        width: 28%;
    }
    .bb-logohead-arambh img {
        width: 27%;
        height: 50px;
    }
    .bbc-Aaramb-section h1 {
        font-size: 28px;
        margin-top: 7px;
    }
    .bbc-ecp-para1 h3 {
        font-size: 30px;
    }
    .bbc-ecp-para1 p {
        font-size: 24px;
    }
    .bbc-ecp-para2 h3 {
        font-size: 30px;
    }
    .bbc-ecp-para2 p {
        font-size: 24px;
    }
    .bbc-ecp-para3 p {
        font-size: 24px;
    }
    .bbc-video-caroitem iframe{
        height:450px;
        width:100%;
    }
    #clipped{
        height: 190px !important;
    }
    .bbc-ecp-para1 h3{
        font-size: 25px;
    }
    .bbc-ecp-para2 h3{
        font-size: 25px;
    }
    .bbc-ecp-para3 h3{
        font-size: 25px;
    }
    .bbc-ecp-para1 p{
        font-size: 22px !important;
    }
    .bbc-ecp-para2 p{
        font-size: 22px !important;
    }
    .bbc-ecp-para3 p{
        font-size: 22px !important;
    }
    .bbc-Aaramb-section p{
        font-size:18px !important;
    }
    .bbc-bbbusiness-section p{
        font-size: 20px !important;
    }
    .bbc-OurJorney-section p{
        font-size: 22px !important;
    }
}
@media only screen and (min-width:750px) and (max-width:991px){
    .navbar-nav .nav-link{
        font-size: 12px;
        padding: 7px 0px !important;
    } 
    .bbc-logo{
        width: 200px;
    }

    .bbc-banner-section{
        padding:70px 0px 0px 0px;
    }

    .bb-business-cmn{
        height:auto;
        padding:20px;
    }
    .bbc-ojheading {
        width: 38%;
    }

    .bbc-doheading p {
        font-size: 44px;
    }
    .bbc-doheading h2 {
        font-size: 42px;
    }
    .anime-scoo img{
        margin-top:170px;
    }
    .bbc-ecp-para1 h3 {
        font-size: 30px;
    }
    .bbc-ecp-para1 p {
        font-size: 18px;
    }
    .bbc-ecp-para2 h3 {
        font-size: 30px;
    }
    .bbc-ecp-para2 p {
        font-size: 18px;
    }
    .bbc-ecp-para3 h3 {
        font-size: 24px;
    }
    .bbc-ecp-para3 p {
        font-size: 18px;
    }
    .bbc-ojpara {
        width: 95%;
    }
    .bbc-OurJorney-section p{
        font-size: 23px !important;;
    }
    .bbc-bbbusiness-section p{
        font-size: 20px !important;
    }
    .bbc-Aaramb-section p{
        text-align:center;
    }
    .bb-logohead-arambh{
        justify-content: center;
    }
    .bbc-Aaramb-section p{
        font-size:22px !important;
    }
    .bbc-ecp-para1 p {
        font-size: 18px !important;
    }
    .bbc-ecp-para2 p {
        font-size: 18px !important;
    }
    .bbc-ecp-para3 p {
        font-size: 18px !important;
    }
    .bbc-video-section .carousel-control-prev {
        left: -30px !important;
        opacity: 1;
    }
    .bbc-video-section .carousel-control-next {
        right: -30px !important;
        opacity: 1;
    }
    .bbc-video-caroitem iframe {
        width: 100%;
        height: 400px;
    }
}
@media only screen and (max-width:830px){
    .bbc-join-img img {
        width: 100%;
    }
    .bbc-join-btn button{
        width: 200px;
        height: 47px;
        font-size: 21px;
    }
    .bbc-OurJorney-section {
        padding: 40px 20px;
    }

    .container-fluid{
        padding:0px 5px !important;
    }
    p{
        font-size: 16px !important;
    }
   
    .bbc-menu-bar-web{
        display:none;
    }
    .bbc-menu-bar-web-mob{
        display:block;
    }
    .bb-business-cmn{
        height:auto;
        padding:8px;
    }
    .bbc-bbbusiness-section p {
        font-size: 14px;
    }
    .bbc-business-bblogo{
        width: 100% !important;
    }
    .bbc-do-img img {
        width: 100%;
        border-radius: 0px 0px 0px 0px;
    }
    .bbc-ecp-para3{
        padding:30px 0px;
    }
    .bbc-ecp-para2{
        padding:30px 0px;
    }
    .bbc-ecp-para1{
        padding:30px 0px;
    }

    .bbc-video-caroitem iframe{
        width: 100%;
        height: 300px;
    }
    /* .bbc-video-caroitem{
        padding:0px 10px;
    } */
    .bbc-video-section .carousel-control-prev-icon {
        width: 40px !important;
        height: 40px !important;
    }
    .bbc-video-section .carousel-control-next-icon {
        width: 40px !important;
        height: 40px !important;
    }
    .bbc-video-section .carousel-control-prev {
        left: -14px !important;
    }
    .bbc-video-section .carousel-control-next {
        right: -14px !important;
    }

    .bbc-testi-caroitem {
        padding: 0px 20px;
    }
    .bbc-testimonial-section .carousel-control-prev-icon {
        width: 40px !important;
        height: 40px !important;
    }
    .bbc-testimonial-section .carousel-control-next-icon {
        width: 40px !important;
        height: 40px !important;
    }
    .bbc-testimonial-section .carousel-control-prev {
        left: -34px !important;
    }
    .bbc-testimonial-section .carousel-control-next {
        right: -34px !important;
    }
    .bbc-ecp-para1 h3 {
        font-size: 27px;
        font-weight:600;
        text-align: center;
    }
    .bbc-ecp-para1 p {
        font-size: 18px;
        text-align: center;
    }
    .bbc-ecp-para2 h3 {
        font-size: 27px;
        font-weight:600;
        text-align: center;
    }
    .bbc-ecp-para2 p {
        font-size: 18px;
        text-align: center;
    }
    .bbc-ecp-para3 h3 {
        font-size: 27px;
        font-weight:600;
        text-align: center;
    }
    .bbc-ecp-para3 p {
        font-size: 18px;
        text-align: center;
    }
    .bbc-business-content {
        padding: 10px;
    }
    .marquee--inner div img{
        width:100%;
    }
    .marquee--inner{
        width:300%
    }
    .bbc-award-section{
        padding:0px;
    }
    .marquee{
        width:100%;
    }
    .marquee--inner span{
        margin:10px;
    }
    .bbc-earlycareer-heading h1 {
        font-size: 40px;
    }
    .bbc-video-caroitem {
        padding: 0px 40px;
    }
    .bbc-hm-web{
        display:none;
    }
    .bbc-hm-app{
        display:block;
    }
    .bbc-vp-web{
        display:none;
    }
    .bbc-vp-app{
        display:block;
    }
    .bbc-sudha-web{
        display:none;
    }
    .bbc-sudha-app{
        display:block;
    }
    .bbc-ramesh-web{
        display:none;
    }
    .bbc-ramesh-app{
        display:block;
    }
}
@media only screen and (min-width:750px) and (max-width:830px){
    .menu-logo i{
        padding: 32px 20px;
    }

    .bbc-banner-section{
        padding:100px 0px 0px 0px;
    }
    .bb-business-cmn{
        height:auto;
        padding:20px;
    }
    .bbc-ojheading {
        width: 40%;
    }
    .bbc-ojpara {
        width: 100%;
    }
    .bbc-discover-opertunities-section{
        padding:30px 0px;
    }
    .bbc-social-media {
        margin: 10px auto 30px auto;
    }
    .bbc-join-img {
        margin-top: 0px;
    }
    .bbc-Jointhesquad-section {
        padding: 0px 50px 30px 0px;
    }
    
}
@media only screen and (min-width:600px) and (max-width:749px){
    .menu-logo i{
        padding: 25px 0px;
    }
    .menu-logo{
        width:55%;
    }

    .bbc-banner-section{
        padding:85px 0px 0px 0px;
    }
    .bbc-ojheading {
        width: 54%;
    }
    .bbc-ojpara {
        width: 100%;
    }
    .bbc-discover-opertunities-section{
        padding:30px 0px;
    }
    .bbc-social-media {
        margin: 10px auto 30px auto;
    }
    .bbc-join-img{
        margin-top:0px;
    }
    .bbc-Jointhesquad-section {
        padding: 0px 50px 20px 0px;
    }
    .bbc-video-caroitem iframe{
        width: 100%;
        height: 300px;
    }
}

@media only screen and (min-width:451px) and (max-width:599px){
    .bbc-menu-bar-web-mob .bbc-logo img{
        width: 160px;
    }
    .bbc-ojheading {
        width: 75%;
    }
    .bbc-ojpara {
        width: 100%;
    }
    .bbc-OurJorney-section p {
        font-size: 20px;
        line-height: 34px;
    }
    .bbc-OurJorney-section h1{
        font-size: 40px;
    }
    .bbc-banner-section {
        padding: 85px 0px 0px 0px;
    }
    .bbc-award-section img{
        width:200px;
    }
    marquee a {
        padding: 0px 0px;
    }
    .bb-logohead-arambh img {
        width: 40%;
        height: auto;
    }
    .bbc-Aaramb-section h1 {
        font-size: 23px;
        margin-top: 8px;
    }
    .bbc-Aaramb-section p {
        text-align: center;
        margin: 14px 0px;
        font-size: 17px;
    }
    .bbc-discover-opertunities-section{
        padding:30px 0px;
    }
    .bbc-social-media {
        margin: 10px auto 30px auto;
    }
    .bbc-doheading p{
        font-size: 30px !important;
    }
    .bbc-doheading h2{
        font-size: 30px;
    }
    .do-explore-btn button{
        width: 200px;
        height: 50px;
        font-size: 18px;
    }
    .bbc-social-media i {
        font-size: 25px;
    }
    .bbc-testimonial-section .carousel-control-prev {
        left: -24px !important;
    }
    .bbc-testimonial-section .carousel-control-next {
        right: -24px !important;
    }
    .bbc-join-img{
        margin-top:0px;
    }
    .bbc-Jointhesquad-section {
        padding: 0px 50px 20px 0px;
    }
    .bbc-video-caroitem iframe{
        width: 90%;
        height: 230px;
    }
}

@media only screen and (max-width:450px){
    .bbc-ojheading {
        width: 80% !important;
    }
    .bbc-OurJorney-section p {
        font-size: 20px;
        line-height: 30px;
    }
    .bbc-ojpara {
        width: 100%;
    }
    .bbc-OurJorney-section h1{
        font-size: 40px;
    }
    .bbc-banner-section {
        padding: 85px 0px 0px 0px;
    }
    .bbc-award-section img{
        width:200px;
    }
    marquee a {
        padding: 0px 0px;
    }
    .bb-logohead-arambh img {
        width: 40%;
        height: auto;
    }
    .bbc-Aaramb-section h1 {
        font-size: 22px;
        margin-top: 8px;
    }
    .bbc-Aaramb-section p {
        text-align: center;
        margin: 14px 0px;
        font-size: 17px;
    }
    .bbc-discover-opertunities-section{
        padding:30px 0px;
    }
    .bbc-social-media {
        margin: 10px auto 30px auto;
    }
    .bbc-doheading p{
        font-size: 30px !important;
    }
    .bbc-doheading h2{
        font-size: 30px;
    }
    .do-explore-btn button{
        width: 200px;
        height: 50px;
        font-size: 18px;
    }
    .bbc-social-media i {
        font-size: 25px;
    }
    .bbc-testimonial-section .carousel-control-prev {
        left: -24px !important;
    }
    .bbc-testimonial-section .carousel-control-next {
        right: -24px !important;
    }
    .bbc-join-img{
        margin-top:0px;
    }
    .bbc-Jointhesquad-section {
        padding: 0px 50px 20px 0px;
    }
    .bbc-video-caroitem iframe {
        width: 100%;
        height: 180px;
    }
    .bbc-aaramb-cnt {
        padding: 20px 15px;
    }
    .bbc-ecp-para1 h3 {
        font-size: 23px;
    }
    .bbc-ecp-para2 h3 {
        font-size: 23px;
    }
    .bbc-ecp-para3 h3 {
        font-size: 22px;
    }
    .bbc-video-section .carousel-control-prev-icon {
        width: 30px !important;
        height: 30px !important;
    }
    .bbc-video-section .carousel-control-next-icon {
        width: 30px !important;
        height: 30px !important;
    }
    .bbc-join-btn button {
        width: 182px;
        height: 45px;
        font-size: 17px;
    }
}
@media screen and (max-width:399px){
    .bbc-ojheading {
        width: 80% !important;
    }
    .bbc-aaramb-cnt {
        padding: 20px 15px;
    }
    .bbc-Aaramb-section h1 {
        font-size: 18px;
    }
    .bbc-Early-career-section {
        padding: 30px 0px 0px 0px;
    }
    .bbc-earlycareer-heading h1 {
        font-size: 30px;
    }
    .bbc-ecp-para1 h3 {
        font-size: 23px;
    }
    .bbc-ecp-para2 h3 {
        font-size: 23px;
    }
    .bbc-ecp-para3 h3 {
        font-size: 22px;
    }
    .bbc-video-section .carousel-control-prev-icon {
        width: 30px !important;
        height: 30px !important;
    }
    .bbc-video-section .carousel-control-next-icon {
        width: 30px !important;
        height: 30px !important;
    }
    .bbc-video-caroitem iframe {
        width: 100%;
        height: 180px;
    }
    .bbc-join-btn button {
        width: 182px;
        height: 45px;
        font-size: 17px;
    }
}



/* ====================Gallery section style=================== */


.gallery{
    background:#000;
    position:relative;
    height:100%;
    width:100%;
    height: 100vh;
  }
.gallery h1{
    text-align:center; 
    color:#fff;
    padding: 100px 0px 80px 0px; 
    font-size: 50px; 
    font-weight: 300;
}
  .gallery:after{
    content:'';
  }
  img{
    width:var(--width);
    height:var(--height);
  }
  .bbc-gallery-section{
    background-color: #000;
  }
  .gallery .clipped-border{
    -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    padding:5px;
    background:linear-gradient(grey,lightgrey);
    width:var(--border-width);
    height:var(--border-height);
    max-height:250px;
    max-width:250px;
    height: var(--height);
    width:var(--width);
    transition:transform 0.2s;
    position:absolute;
    cursor:pointer;
  }
  .gallery .clipped-border:before{
    content:'';
    position:absolute;
    opacity:0.5;
    width:350px;
    height:70px;
    background:white;
    top:0;
    left:0;
    z-index:1;
    transform:rotate(45deg);
    transition:transform 0.5s;
  }

  .bbc-gallerysub{
    position: relative;
    width: 100%;
    height: 100%;
    left: 14%;
  }

  .gallery
  .clipped-border:hover:before{
    transform: translate(-100px,400%) rotate(45deg);
    transition:transform 0.5s;
  }

  .gallery .clipped-border:nth-child(2){
    top:196px;
    left:118px;
  }

  .gallery .clipped-border:nth-child(3){
    top:0;
    left:235px;
  }

  .gallery .clipped-border:nth-child(4){
    top:196px;
    left:353px;
  }

  .gallery .clipped-border:nth-child(5){
    top:0;
    left:470px;
  }

  .gallery .clipped-border:nth-child(6){
    top:0;
    left:705px;
  }

  .gallery .clipped-border:nth-child(7){
    top: 196px;
    left: 587px;
  }

  .gallery .clipped-border:nth-child(8){
    top: 195px;
    left: -115px;
  }

  .gallery .clipped-border:nth-child(9){
    top: 196px;
    left: 821px;
  }

  .gallery .clipped-border:nth-child(10){
    top: 391px;
    left: 704px;
  }

  .gallery .clipped-border:nth-child(11){
    top: 391px;
    left: 469px;
  }

  .gallery .clipped-border:nth-child(12){
    top: 391px;
    left: 235px;
  }

  .gallery .clipped-border:nth-child(13){
    top: 391px;
    left: 0px;
  }

  #clipped {
  -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  width: 100%;
  height: 240px;

  }

  .gallery .clipped-border:hover{
    transform:scale(1.2);
    transition:transform 0.2s;
    z-index:10;
  }

  .modal img{
    width:100%;
  }
  .modal-body{
    padding:5px !important;
  }
.modal-content{
    border-radius: 10px !important;
}
.modal-dialog{
    max-width: 600px !important;
}
.gallry_pop{
    background: #000000b3 !important;
}

  /* @media screen and (max-width:830px){
    .gallery .clipped-border{
      width:200px;
      height:200px;
    }
    
    .gallery .clipped-border:nth-child(2){
      top:0;
      left:100px;
    }
    
    .gallery .clipped-border:nth-child(3){
      left:200px;
    }
    
    .gallery .clipped-border:nth-child(4){
      top:82px;
      left:50px;
    }
    
    .gallery .clipped-border:nth-child(5){
      top:82px;
      left:150px;
    }
  } */

  @media screen and (min-width:1100px) and (max-width:1350px){
    #clipped {
        height: 189px;
    }
    .gallery {
        height: 85vh;
    }
    .bbc-gallerysub {
        left: 15%;
    }
    .gallery .clipped-border{
      width:200px;
      height:200px;
    }
    .gallery .clipped-border:nth-child(2) {
        top: 157px;
        left: 95px;
    }
    .gallery .clipped-border:nth-child(3) {
        top: 0;
        left: 188px;
    }
    .gallery .clipped-border:nth-child(4) {
        top: 156px;
        left: 282px;
    }
    .gallery .clipped-border:nth-child(5) {
        top: 0;
        left: 376px;
    }
    .gallery .clipped-border:nth-child(6) {
        top: 0;
        left: 564px;
    }
    .gallery .clipped-border:nth-child(7) {
        top: 155px;
        left: 470px;
    }
    .gallery .clipped-border:nth-child(8) {
        top: 158px;
        left: -93px;
    }
    .gallery .clipped-border:nth-child(9) {
        top: 155px;
        left: 657px;
    }
    .gallery .clipped-border:nth-child(10) {
        top: 311px;
        left: 564px;
    }
    .gallery .clipped-border:nth-child(11) {
        top: 312px;
        left: 378px;
    }
    .gallery .clipped-border:nth-child(12) {
        top: 314px;
        left: 191px;
    }
    .gallery .clipped-border:nth-child(13) {
        top: 315px;
        left: 1px;
    }
  }

  @media screen and (min-width:992px) and (max-width:1100px){
    .bbc-gallerysub {
        left: 10%;
    }
    .gallery .clipped-border{
      width:200px;
      height:200px;
    }
    .gallery .clipped-border:nth-child(2) {
        top: 157px;
        left: 95px;
    }
    .gallery .clipped-border:nth-child(3) {
        top: 0;
        left: 188px;
    }
    .gallery .clipped-border:nth-child(4) {
        top: 156px;
        left: 282px;
    }
    .gallery .clipped-border:nth-child(5) {
        top: 0;
        left: 376px;
    }
    .gallery .clipped-border:nth-child(6) {
        top: 0;
        left: 564px;
    }
    .gallery .clipped-border:nth-child(7) {
        top: 155px;
        left: 470px;
    }
    .gallery .clipped-border:nth-child(8) {
        top: 158px;
        left: -93px;
    }
    .gallery .clipped-border:nth-child(9) {
        top: 155px;
        left: 657px;
    }
    .gallery .clipped-border:nth-child(10) {
        top: 311px;
        left: 564px;
    }
    .gallery .clipped-border:nth-child(11) {
        top: 312px;
        left: 378px;
    }
    .gallery .clipped-border:nth-child(12) {
        top: 314px;
        left: 191px;
    }
    .gallery .clipped-border:nth-child(13) {
        top: 315px;
        left: 1px;
    }
  }

  @media screen and (min-width:767px) and (max-width:991px){
    .gallery .clipped-border:before{
        display:none;
    }
    #clipped {
        height: 140px;
    }
    .gallery {
        height: 70vh;
    }
    .bbc-gallerysub {
        left: 8%;
    }
    .gallery .clipped-border{
      width:150px;
      height:150px;
    }
    .gallery .clipped-border:nth-child(2) {
      top: 116px;
      left: 70px;
    }
    .gallery .clipped-border:nth-child(3) {
      top: 0;
      left: 139px;
    }
    .gallery .clipped-border:nth-child(4) {
      top: 116px;
      left: 208px;
    }
    .gallery .clipped-border:nth-child(5) {
      top: 0;
      left: 278px;
    }
    .gallery .clipped-border:nth-child(6) {
      top: 0;
      left: 417px;
    }
    .gallery .clipped-border:nth-child(7) {
      top: 115px;
      left: 347px;
    }
    .gallery .clipped-border:nth-child(8) {
      top: 116px;
      left: -69px;
    }
    .gallery .clipped-border:nth-child(9) {
      top: 116px;
      left: 485px;
    }
    .gallery .clipped-border:nth-child(10) {
      top: 231px;
      left: 415px;
    }
    .gallery .clipped-border:nth-child(11) {
      top: 231px;
      left: 278px;
    }
    .gallery .clipped-border:nth-child(12) {
        top: 231px;
        left: 140px;
    }
    .gallery .clipped-border:nth-child(13) {
        top: 231px;
        left: 1px;
    }
  }

  @media screen and (min-width:505px) and (max-width:766px){
    .gallery h1{
        padding: 70px 0px 40px 0px; 
        font-size: 42px;
    }
    .gallery .clipped-border:before{
        display:none;
    }
    #clipped {
        height: 91px;
    }
    .bbc-gallerysub {
        left: 11%;
    }
    .gallery {
        height: 53vh;
    }
    .gallery .clipped-border{
      width:100px;
      height:100px;
    }
    .gallery .clipped-border:nth-child(2) {
      top: 78px;
      left: 47px;
    }
    .gallery .clipped-border:nth-child(3) {
      top: 0;
      left: 94px;
    }
    .gallery .clipped-border:nth-child(4) {
      top: 78px;
      left: 140px;
    }
    .gallery .clipped-border:nth-child(5) {
      top: 0;
      left: 187px;
    }
    .gallery .clipped-border:nth-child(6) {
      top: 0;
      left: 280px;
    }
    .gallery .clipped-border:nth-child(7) {
      top: 78px;
      left: 233px;
    }
    .gallery .clipped-border:nth-child(8) {
      top: 79px;
      left: -46px;
    }
    .gallery .clipped-border:nth-child(9) {
      top: 78px;
      left: 326px;
    }
    .gallery .clipped-border:nth-child(10) {
      top: 156px;
      left: 280px;
    }
    .gallery .clipped-border:nth-child(11) {
      top: 156px;
      left: 187px;
    }
    .gallery .clipped-border:nth-child(12) {
      top: 156px;
        left: 94px;
    }
    .gallery .clipped-border:nth-child(13) {
      top: 156px;
        left: 1px;
    }
  }

  @media screen and (min-width:400px) and (max-width:504px){
    .gallery h1{
        padding: 50px 0px 40px 0px; 
        font-size: 42px;
    }
    .bbc-gallery-section .container{
        padding:0px 35px !important;
    }
    .gallery .clipped-border:before{
        display:none;
    }
    .bbc-gallerysub {
        left: 12%;
    }
    .gallery {
        height: 50vh;
    }
    #clipped {
        height: 72px;
    }
    .gallery .clipped-border{
      width:80px;
      height:80px;
    }
    .gallery .clipped-border:nth-child(2) {
      top: 64px;
      left: 40px;
    }
    .gallery .clipped-border:nth-child(3) {
      top: 0;
      left: 79px;
    }
    .gallery .clipped-border:nth-child(4) {
      top: 65px;
      left: 117px;
    }
    .gallery .clipped-border:nth-child(5) {
      top: 0;
      left: 157px;
    }
    .gallery .clipped-border:nth-child(6) {
      top: 0;
      left: 234px;
    }
    .gallery .clipped-border:nth-child(7) {
      top: 66px;
      left: 194px;
    }
    .gallery .clipped-border:nth-child(8) {
      top: 65px;
      left: -37px;
    }
    .gallery .clipped-border:nth-child(9) {
      top: 65px;
      left: 272px;
    }
    .gallery .clipped-border:nth-child(10) {
      top: 130px;
      left: 234px;
    }
    .gallery .clipped-border:nth-child(11) {
      top: 130px;
      left: 155px;
    }
    .gallery .clipped-border:nth-child(12) {
      top: 130px;
        left: 78px;
    }
    .gallery .clipped-border:nth-child(13) {
      top: 130px;
        left: 1px;
    }
  }
  @media screen and (max-width:450px){
    .gallery {
        height:60vh;
    }
    .gallery h1{
        font-size: 35px !important;
    }
  }

  @media screen and (max-width:399px){
    .gallery h1 {
        padding: 50px 0px 36px 0px;
    }
    .bbc-gallery-section .container{
        padding:0px 18px !important;
    }
    .gallery .clipped-border:before{
        display:none;
    }
    .bbc-gallerysub {
        left: 1%;
    }
    .gallery {
        height:60vh;
    }
    .gallery h1{
        font-size: 35px !important;
    }
    #clipped {
        height: 72px;
    }
    .gallery .clipped-border{
      width:80px;
      height:80px;
    }
    .gallery .clipped-border:nth-child(2) {
      top: 64px;
      left: 40px;
    }
    .gallery .clipped-border:nth-child(3) {
      top: 0;
      left: 79px;
    }
    .gallery .clipped-border:nth-child(4) {
      top: 65px;
      left: 117px;
    }
    .gallery .clipped-border:nth-child(5) {
      top: 0;
      left: 157px;
    }
    .gallery .clipped-border:nth-child(6) {
      top: 0;
      left: 234px;
    }
    .gallery .clipped-border:nth-child(7) {
      top: 66px;
      left: 194px;
    }
    .gallery .clipped-border:nth-child(8) {
      top: 65px;
      left: -37px;
    }
    .gallery .clipped-border:nth-child(9) {
      top: 65px;
      left: 272px;
    }
    .gallery .clipped-border:nth-child(10) {
      top: 130px;
      left: 234px;
    }
    .gallery .clipped-border:nth-child(11) {
      top: 130px;
      left: 155px;
    }
    .gallery .clipped-border:nth-child(12) {
      top: 130px;
        left: 78px;
    }
    .gallery .clipped-border:nth-child(13) {
      top: 130px;
        left: 1px;
    }
  }
  @media only screen and (max-width:414px){
    .gallery {
        height: 50vh ;
    }
    .bbc-gallerysub {
        left: 4%;
    }
  }
  @media only screen and (max-width:412px){
    .bbc-gallerysub {
        left: 5%;
    }
    .gallery {
        height: 50vh;
    }
}
@media only screen and (max-width:375px){
    .gallery {
        height: 60vh ;
    }
  }

  @media only screen and (max-width:740px){
    .gallery {
        height: 55vh !important;
    }
    .bbc-gallerysub {
        left: 5% !important;
    }
  }

  @media only screen and (min-height:600px) and (max-height:699px){
    .gallery {
        height: 155vh ;
    }
    .bbc-gallerysub {
        left: 12%;
    }
  }

  @media only screen and (min-height:700px) and (max-height:820px){
    .gallery {
        height: 135vh ;
    }
    .bbc-gallerysub {
        left: 12%;
    }
  }

  @media only screen and (min-height:830px) and (max-height:920px){
    .gallery {
        height: 115vh ;
    }
    .bbc-gallerysub {
        left: 12%;
    }
  }


.bbc-employee-count-section{
    background-image: url('https://www.bigbasket.com/media/uploads/flatpages/mailer-images-aug/bbc-empcount1.jpg');
    width:100%;
    background-size: cover;
    height:90vh;
}
@media screen and (min-width:1200px) and (max-width:1500px){
    .bbc-employee-count-section{
        height:70vh;
    }
}
@media screen and (min-width:1000px) and (max-width:1199px){
    .bbc-employee-count-section{
        height:60vh;
    }
}
@media screen and (min-width:851px) and (max-width:999px){
    .bbc-employee-count-section{
        height:50vh;
    }
}
@media only screen and (max-width:850px){
    .bbc-employee-count-section{
        background-image: url('https://www.bigbasket.com/media/uploads/flatpages/mailer-images-aug/bbc-employee-count-mob.jpg');
        width:100%;
        background-size: cover;
        height:90vh;
    } 
}
@media screen and (min-width:700px) and (max-width:849px){
    .bbc-employee-count-section{
        height:80vh;
    }
}
@media screen and (min-width:500px) and (max-width:700px){
    .bbc-employee-count-section{
        height:60vh;
    }
}
@media screen and (max-width:500px){
    .bbc-employee-count-section{
        height:40vh !important;
    }
}
@media screen and (min-height:350px) and (max-height:500px){
    .bbc-employee-count-section{
        height:130vh;
    }
}
@media screen and (min-height:500px) and (max-height:600px){
    .bbc-employee-count-section{
        height:110vh;
    }
}
@media screen and (min-height:600px) and (max-height:700px){
    .bbc-employee-count-section{
        height:100vh;
    }
}
@media screen and (min-height:700px) and (max-height:850px){
    .bbc-employee-count-section{
        height:90vh;
    }
}