.about .box {
    position: relative;
    z-index: 1;
}

.about .box img {
    height: 715px;
    background-size: cover;
}

.about .box1 {
    position: absolute;
    top: 25%;
    left: 10%;
    color: #fff;
}

.about .box1 h2 {
    margin-top: 0px;
    font-size: 65px;
}
.about img{
    object-fit: cover;
}
.video-bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
    object-fit: cover;
}

/*details start*/

.detail h2 {
    margin-bottom: 50px;
    padding: 30px 0px 10px 0px;
    text-align: center;
    color: #787b7c;
}

.detail p {
    padding-top: 30px;
    padding-right: 50px;
    line-height: 1.4;
}

.detail .col{
    width: calc(50% - 10px);
}

.detail .col img{
    border-radius: 10px;
}

.detail {
    margin-top: -5px;
    /* optional, adjust if there's any gap */
    padding-top: 20px;
    /* creates space between image and content */
}

.detail {
    scroll-margin-top: 100px;
    /* if using anchor scroll */
}

/* .zigzag-border {
    margin-left: 400px;
    margin-right: 30%;
    height: 10px;
    background: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'>\
    <polyline points='0,10 1.25,0 2.5,10 3.75,0 5,10 6.25,0 7.5,10 8.75,0 10,10 11.25,0 12.5,10 13.75,0 15,10 16.25,0 17.5,10 18.75,0 20,10 21.25,0 22.5,10 23.75,0 25,10 26.25,0 27.5,10 28.75,0 30,10 31.25,0 32.5,10 33.75,0 35,10 36.25,0 37.5,10 38.75,0 40,10 41.25,0 42.5,10 43.75,0 45,10 46.25,0 47.5,10 48.75,0 50,10 51.25,0 52.5,10 53.75,0 55,10 56.25,0 57.5,10 58.75,0 60,10 61.25,0 62.5,10 63.75,0 65,10 66.25,0 67.5,10 68.75,0 70,10 71.25,0 72.5,10 73.75,0 75,10 76.25,0 77.5,10 78.75,0 80,10 81.25,0 82.5,10 83.75,0 85,10 86.25,0 87.5,10 88.75,0 90,10 91.25,0 92.5,10 93.75,0 95,10 96.25,0 97.5,10 98.75,0 100,10'\
      fill='none' stroke='lightgray' stroke-width='.8' />\
  </svg>") repeat-x;
} */

/* accelerating start*/
.accele h2 {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 50px;
}
.accele .col{
    width: calc(50% - 0px);
    padding-right: 20px;
}
.accele .col p{
    line-height: 1.3;
    text-align: justify;
    padding-bottom: 10px;
}
.accele .col h3{
    padding: 0px 0px 30px 0px ;
}
.accele .col img{
    padding-top: 40px;
}
#allimg{
    margin-top: -250px;
}
#mars{
height: 600px;
    width: 500px;
    object-fit: cover;
}

/*accelerating end*/
.video{
  height: 500px;  
}

/*media query responsive for tablet*/
@media screen and (max-width:767px){
.about .box1 h2{
    font-size: 28px;
}
.about .box img{
    height: 215px;
}
.detail h2{
    margin: 0px;
    padding: 0px;
}
.detail .col{
    width: 100%;
}
.detail p{
    padding-top: 15px;
   padding-right: 0px; 
}
.accele h2{
    padding-bottom: 15px;
}
.accele .col{
    width: 100%;
     padding: 0px;
}
#mars{
    width: 341px;
    height: 385px;
}
.accele .col img{
    padding-top: 0px;
}
#allimg{
    margin: 0;
}
}