body{
    background-image: linear-gradient(to right,#000000,#000000,#ffffff);
}



/* Add a black background color to the top navigation bar */
@media screen and (max-width: 1000px){
  /* above for responsive grids for all screens */
.topnav {
    overflow: hidden;
    background-color: #ffffff;
  }
}
  
  /* Style the links inside the navigation bar */
  @media screen and (max-width: 1000px){

  .topnav a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
}
  
  /* Change the color of links on hover */
  @media screen and (max-width: 1000px){

  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
}
  

  /* Style the "active" element to highlight the current page */
  @media screen and (max-width: 1000px){

  .topnav a.active {
    background-color: #000000;
    color: white;
  }
}



/* pasted the landing css and changed some */


/* (*::ALL) */
*{
  margin: 0;
  padding:0;
}

body{
  font-family: sans-serif;
}

/* #nav-bar THIS IS THE ID OF THE SECTION TAG */
#nav-bar{
  position: sticky;
  top: 0;
  z-index: 10;
  /* so that it will be sticky at the top */
}

/*.navbar THIS IS ONE OF THE FIRST CLASS FROM THE DIV TAG  */
.navbar{
  background-image: linear-gradient(to right,#000000,#000000,#ffffff);
  /* it will change the color of navbar from L->R LIGHT TO DARK */
  padding: 0 !important;
  /*  */
}

/* resize the navbar logo */
.navbar-brand img{
  height: 100px;
  padding-left: 0px;
}


/* for the padding */
.navbar-nav li{
  padding: 0 10px;
  /* 0 top and bott ,10 left and right */
  }

   /* a for the anchor inside i.e,home services .... */
  .navbar-nav li a{
    color: #fff !important;
    /* for this navbar color white */
    font-weight: 600;
  }

  /* ------------------------banner section----------------------- */
  #banner{
    background-image: linear-gradient(to right,#000000,#000000,#d3d2d2);
    color: #fff;
    padding-top: 5%;

  }

  .promo-title{
    font-size: 40px;
    font-weight: 600;
    margin-top: 100px;
  }

  /* play icon recize */
  .play-btn {
    width: 45px;
    margin: 20px;
  }

  #banner a{
    color: #fff;
    text-decoration: none ;
  }

  #menu{
      color: #ffffff;
  }

  #loc{
    height: auto;
    max-width: 100%;


  }
  



/*  */

/* text colors */
.he{
  color: #fff;
}
p {
  color: rgb(0, 0, 0);
}
.heabt{
  color: #fff;
}

#last{
  color: #fff;
}
  
#aboutoffer{
  color: #ffffff;
}
  /*  */