.mainbackground {
    background-image: url(imagebgn.jpg);
    background-size:cover;
    background-position: center;
  
 background-repeat: no-repeat;
    width:100%;
    height: 1000px;
   }
   .navbars {
    background-color: transparent;
   }
   .headstyle {
    font-size: 80px;
    font-weight: 700;
    padding-top: 60px;
    color: #74a6d9;
    text-align: center;

   }
.toglebtn {
  border: 2px solid white;
  color: white;
}
   .headstylesubstyle {
    font-size: 30px;
    font-weight: 700;
    padding-top: 20px;
    color: #002a69;
    text-align: center;
   }
   .logostyles {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    height: 200px;
    width: 200px;
    
   }
   .logostylesbechange {
    height: 350px;
    width: 350px;
    
   }
   .logostylesmobile {
    height: 350px;
    width: 350px;
display: none;
   }
   .navtext {
    font-weight: 700;
    color: #F37219;
    font-size: 20px;
   }
   .navdiv {
    justify-content: center;
    align-items: center;
   }
   .alignnavbr {
    justify-content: center;
    align-items: center;
   }

   /*section2*/
   .containsubsec {
    margin-top: 50PX;
    margin-bottom: 40PX;
    padding-left: 20px;

   }
   .sechead {
    margin-bottom: 30px;
   }

  /*section24*/
  .forthsec {
    margin-top: 50px;
    margin-bottom: 40PX;
  }
  .menumainhead {
    font-size: 30px;
    font-weight:300;
    margin-top: 10px;
    margin-bottom: 40PX;
  }
  .menumainhead2 {
    font-size: 30px;
    font-weight:300;
    margin-top: 50px;
    margin-bottom: 40PX;
  }
  .impinfo {
    margin-top: 20px;
    margin-bottom: 20px;
  }



  /* Fixed sidenav, full height */
.sidenav {
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 20px;
  }
  
  /* Style the sidenav links and the dropdown button */
  .sidenav a, .dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 20px;
    color: #818181;
    display: block;
    border: none;
    background: none;
    width:100%;
    text-align: left;
    cursor: pointer;
    outline: none;
  }
  
  /* On mouse-over */
  .sidenav a:hover, .dropdown-btn:hover {
    color: #f1f1f1;
  }
  
  /* Main content */
  .main {
    margin-left: 200px; /* Same as the width of the sidenav */
    font-size: 20px; /* Increased text to enable scrolling */
    padding: 0px 10px;
  }
  
  /* Add an active class to the active dropdown button */
  .active {
    background-color: green;
    color: white;
  }
  
  /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
  .dropdown-container {
    display: none;
    background-color: #262626;
    padding-left: 8px;
  }
  
  /* Optional: Style the caret down icon */
  .fa-caret-down {
    float: right;
    padding-right: 8px;
  }
  .contactsection {
    padding-top: 60px;
    margin-top: 50px;
    background-image: url("https://i.go-travels.com/img/how-to/how-to-perform-a-computer-ping-test-and-when-you-need-to.jpg");
    background-size:cover;
    background-position: center;
  
 background-repeat: no-repeat;
    width:auto;
  }
  .contactsection2 {
    padding: 60px;
  }
  .contacthead {
    font-size: 70px;
    font-weight: 700;
    color: white;
  }
  .inputfs {
    width: 100%;
    height: 46px;
    margin-top: 5px;
    padding: 10px;
    
  }
  .inputfs2 {
    width: 100%;
    height: 100px;
    margin-top: 5px;
    padding: 10px;

    
  }
  .test {
    background-color: red;
  }
  .labelss {
    color: white;
    margin-top: 30px;
    font-size: 12px;
   
  }
  .labelss2 {
    color: white;
    margin-top: 30px;
    font-size: 16px;
 
  }
  .buttonsali {
    border-radius: 30px;
    height: 50px;
    width: 120px;
    color: black;

  }
  .menuimgdiv {
    padding-left: 30px;
    padding-right: 30px;
  }
  .menuimage {
    height: 100%;
    width: 100%;
  }
  .aboutushead {
    font-weight: 600;
    font-size: 50px;
  }
  .buttonsali:hover {
    border-radius: 30px;
    height: 50px;
    width: 120px;
    color: black;
    background-color: rgb(223, 216, 216);

  }
  .buttonsali2 {
    display: flex;
    justify-content: end;
    align-items: flex-end;
    margin-top: 20px;
  }
  .subscribediv {
    background-color: #1f1f1f;
    padding: 50px;
  }
  .addrdiv {
    background-color: #171717;
    padding: 50px;
  }
  .subscribediv2 {
    
    background-color: #242222;
    padding: 34px;
  }
  .subscribetext {
    font-weight: 700;
    color: white;
    font-size: 37px;
    padding-bottom: 30px;
  }
  .addrtext {
    font-weight: 500;
    color: white;
    font-size: 12px;
    padding-bottom: 30px;
  }
  .substext {
    color: #f60909;
    margin-bottom: 30px;
  }
  .substext22 {
    color: #f60909;
    margin-bottom: 30px;
    font-size: 10px;
  }
  .subscribeinp {
    height: 52px;
    margin-top: 5px;
    padding: 10px;
  }
  .buttnsubs {
    background-color: #1f1f1f;
    padding: 1em 2.5em;
    border-radius: 30px;
    border: none;
    color: white;
    }
    .inpsmul {
      padding-bottom: 30px;
    }
    .stickysnacknav {
      padding-left: 250px;
      padding-right: 250px;
      background-color: black;
      color: white;
      padding-top: 6px;
      padding-bottom: 6px
    }
    .stickysnacknavmain {
      background-color: black;
      position: fixed;
    top: -100px;
    transition: top 0.3s;
    width: 100%;
    }
    .stickysnacknavmain.show {
      top: 0; /* Show the navbar when scrolled */
      z-index: 100;
  }
  .aboutchefsec {
    background-color: #fff;
    width: 100%;
    padding-top: 20px;
  }
  .aboutchfimg {
    height: 500px;
    width: 500px;
    margin-bottom: 10px;
  }
  .linknavcls {
    text-decoration: none;
    color: #F37219;
    font-weight: 500;
  }
  .paraabout {
    
  }
  .socialdiv {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 40px;

  }
  .socialimg {
    width: 40px;
    height: 40px;

    border-radius: 100%;
    padding: 4px;


  }
  .socialimg:hover {
    width: 40px;
    height: 40px;

    border-radius: 100%;
    padding: 4px;
    background-color: black;

  }
  .aherfs {
    text-decoration: none;
  
  }
    @media only screen and (max-width: 991px) {
      .logostylesmobile {
        height: 150px;
        width: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 150px;
           }
           .centerlogonav {
            display: none;
           }
             .alignnavbr {
              margin-top: -150px;
              display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: black;
    transition: opacity .14s .14s ease-in-out, visibility 0s 0s linear, transform .14s .18s ease-in-out;
    height: 100vh;
           }
           .alignnavbr2 {
            justify-content: center;
            align-items: center;
            background-color: black;
            height: 900px;
            padding-top: 300px;
            margin-top: -150px;
           }
           .closeimgs {
            height: 50px;
            width: 50px;
            position: absolute;
            top: 35px;
            right: 35px;
           }
           .stickysnacknavmain {
            display: none;
          }
    }



  @media only screen and (max-width: 768px) {
    .mainbackground {
      background-image: url(imagebgn.jpg);
      background-size:cover;
      background-position: center;
    
   background-repeat: no-repeat;
      width:auto;
      height: 700px;
     }
    .logostylesmobile {
      height: 150px;
      width: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 80px;
         }
    .headstyle {
        font-size: 35px;
        font-weight: 700;
        padding-top: 20px;
        color: #74a6d9;
        text-align: center;
    
       }
       .aboutchfimg {
        height: 300px;
        width: 300px;
      }
      .contacthead {
        font-size: 50px;
        font-weight: 700;
        color: white;
      }
      .aboutushead {
        font-weight: 600;
        font-size: 30px;
      }

  }



  .mainbackground2 {
    background-image: url(Bannerz.jpg);
    background-size:cover;
    background-position: center;
  
 background-repeat: no-repeat;
    width:100%;
    height: 500px;
   }

  .regishead {
    margin-top: 70px;
    margin-left: 30px;
    color: white;
    text-align: center;
    
  }

  .inputfsregis {
    width: 100%;
    height: 46px;
    margin-top: 8px;
    padding: 10px;
    border: 0px;
    background-color: #F5F5F5;
    
  }
  .inputdiv {
    margin-top: 20px;
  }
  .labz {
    margin-bottom: 6px;
  }

  .labelssreg {
    color: black;
    font-size: 16px;
   
  }

  .labelssreglabels {
    color: black;
    font-size: 20px;
    text-align: center;
   
  }

  .socialimg2 {
    width: 40px;
    height: 40px;
    color: black;
    border-radius: 100%;
    padding: 4px;
    background-color: black;

  }
  .socialimg2:hover {
    width: 40px;
    height: 40px;

    border-radius: 100%;
    padding: 4px;


  }


  .center-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
    text-align: center;
}

.center-vertically {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: inherit;
  background-color: red;
}
.regbutton {
  background-color: #F37219;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0;
  border-radius: 15px;
  font-size: 20px;
  margin-top: 35px;
}
.h5classf {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.paybuttoncss {
  background-color: #F37219;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0;
  border-radius: 15px;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 25px;
} 

.regbutton2 {
  background-color: #F37219;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0;
  border-radius: 15px;
  font-size: 20px;
}