/* Theming */
    @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"); /* import font */

    :root{
        --white:white;
        --blue: blue;
        --red: red;
    } /* variables*/
    
    /* Resets default broswer css to this*/
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;

    }
    /* backgroung and font for body */
    body{
        background-color: var(--white);
        font-family: "Poppins", sans-serif;
        height: 1400px;;
    }
    a{
        text-decoration: none;
        color: white; 
    
    }
    ul{
        list-style: none;
    }
    /* Styling the Header & Logo for main menu*/
    .header{
        background-color: var(--blue);
        box-shadow: 1px 1px 5px 0px var(--blue);
        height: 60px;
        width: 100%;
    }
    /* Logo */
    .logo{
        display: inline-block;
        color: var(--white);        
        font-size: 30px;
        margin-left: 50px;
        transform: translate(-19px, -10px)
        
    }
      /* logo image */
    
    .logo_img{
      display: inline-flex;
      transform: translate(28px, 3.5px);
    }
    /* Nav menu */
    .nav{
        width: 100%;
        Height:200%;
        position: fixed;
        background-color: var(--blue);
        overflow: hidden;
    
    }
    
    /* icons for main menu */
    .nav_menu_home{
        width: 20px;
        height: 20px;
        transform: translate(-0.3px, -57px);
        
    }
    .nav_menu_about_us{
    width: 20px;
    height: 20px;
    transform: translate(1px, -57px);
    
    }
    .nav_menu_destination{
    width: 20px;
    height: 20px;
    transform: translate(1px, -57px);
    
    }
    .nav_menu_things_to_do{
    width: 20px;
    height: 20px;
    transform: translate(1px, -54px);
    
    }
    .nav_menu_contact{
    width: 20px;
    height: 20px;
    transform: translate(1px, -53px);
    
    }
     /* links and  hover */
    
    .menu a{
        display: block;
        padding: 30px;
        color: var(--white);
    }
    .menu a:hover{
        background-color: var(--red);
    }
    .nav{
        max-height: 6px;
        transition: max-height .9s ease-out;
    }
    
    /* hamburger menu icon for mobile devices (three stripes) */
    .hamb{
        cursor: pointer;
        float: right;
        padding: 40px 20px;
    }/* Style label tag */
    
    .hamb-line {
        background: var(--white);
        display: block;
        height: 2px;
        position: relative;
        width: 24px;
    
    } /* Style span tag */
    
    .hamb-line::before,
    .hamb-line::after{
        background: var(--white);
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all .2s ease-out;
        width: 100%;
    }
    .hamb-line::before{
        top: 5px;
    }
    .hamb-line::after{
        top: -5px;
    }
    
    .side-menu {
        display: none;
    } /* Hide checkbox */
    
    /* styling the toggled menu icon/*
    
    /* Toggle menu icon */
    .side-menu:checked ~ nav{
        max-height: 100%;
    }
    .side-menu:checked ~ .hamb .hamb-line {
        background: transparent;
    }
    .side-menu:checked ~ .hamb .hamb-line::before {
        transform: rotate(-45deg);
        top:0;
    }
    .side-menu:checked ~ .hamb .hamb-line::after {
        transform: rotate(45deg);
        top:0;
    }
    
    body:has(.side-menu:checked) {
      overflow: hidden;
    }
    /* Responsiveness */
    @media (min-width: 768px) {
        .nav{
            max-height: none;
            top: 0px;
            position: relative;
            float: right;
            width: fit-content;
            background-color: transparent;
        }
        .menu li{
            float: left;
        }
        .menu a:hover{
            background-color: transparent;
            color: var(--red);
    
        }
    
        .hamb{
            display: none;
        }
    }
    /* Add gradient background */
    .menu {
        background-image: linear-gradient(to bottom, blue, red); /* Gradient from dark to light */
    }
    
    /* Add box shadow */
    .menu {
        box-shadow: 0 2px 5px rgba(118, 117, 117, 0.2); /* Shadow with blur effect */
    }
    
    /* Scale effect on hover */
    .menu a:hover {
        transform: scale(1.09); /* Increase the size by 15% on hover */
    }
    
    /* Fade in/out effect on hover */
    .menu a {
        opacity: 0.7; /* Set initial opacity */
        transition: opacity 0.5s ease; /* Add transition for smooth effect */
    }
    .menu a:hover {
        opacity: 1; /* Change to full opacity on hover */
    }
    /* animation on menu items/*
    
    /* Define the slide animation */
    @keyframes slideIn {
        from {
          transform: translateY(-100%);
          opacity: 0;
        }
        to {
          transform: translateY(0);
          opacity: 1;
        }
      }
      
      /* Apply the animation to the menu items */
      .side-menu:checked~nav .menu a {
        animation: slideIn 0.5s forwards;
      }
      @media (min-width: 768px){
        .subnav-content li {
          display: block;
          width: 100%;
          background-color: var(--blue);
        }
        .subnavbtn:focus+.subnav-content {
          display: block;
        }
        .subnav:hover .subnav-content {
          display: block;
        }
        .subnav:focus-within .subnav-content {
          display: block;
        }
        .subnav-content a:focus {
          background-color: var(--white);
          color: var(--blue);
        }
      }
    
        /* end nav bar */
    
        /* content header banner */
        .header_logo_banner1{
          z-index: -1;
          background-repeat: no-repeat;
          height: 200px;
          max-width: 100%;
          transform: translate(0px, -65px);
          margin-top: 30px;
          object-fit: contain;
          position: relative;
        }
        /* Content for center home page */
        
        .content{
          padding-left: 20px;
          flex: auto;
        }
        .header_txt{
          font-family: Arial, Helvetica, sans-serif;
          color: rgb(19, 19, 225);
          padding-left: 6.5%;
          padding-right: 30%;
          font-weight: 900;
        }
        .paragraph_txt{
          font-family: Arial, Helvetica, sans-serif;
          font-weight: 700;
          color: black;
          padding-left: 6.5%;
          padding-right: 10%;
        }
    
        /* End Text */
    
      /* start text container for carsoule center for home page */

      /* text for carsoule containers */
    
    .header2_txt{
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 200;
      color: blue;
    }
    .price{
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 300;
      color: blue;
    }
    
    .p1{
      width: 94%;
      height: 10px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 100;
    }
      /* end hompage text container */
    
      /* start carsoule for images in center */
      
      .carousel-container {
        display: grid;
        position: relative;
        z-index: -1;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        padding-left: 9.5%;
        max-width: 1200px;
      }
      
      .carousel-box {
        text-align: center;
        background-color: #ffffff;
        border-radius: 8px;
        padding: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      }
      
      .carousel {
        overflow: hidden;
        border-radius: 8px;
        max-width: 100%;
      }
      
      .carousel-images {
        display: flex;
        width: 100%;
        animation: slide 15s infinite ease-in-out;
      }
      
      .carousel-images img {
        width: 100%;
        height: 350px;
        flex: 1;
      }
      
      .country-name {
        font-size: 1.2em;
        margin: 10px 0;
        color: #333;
      }
      
      @keyframes slide {
        0%, 100% { transform: translateX(0); }
        33% { transform: translateX(-100%); }
        66% { transform: translateX(-200%); }
      }

      /* social media for home page */
      social_media_box1{
        height: 80px;
        width: 500px;
        padding-right: 0px;
        bottom: 0%;

      }
      #social_media_facebook11{
        height: 10px;
        width: 10px;
        padding-left: 70%;
        transform: translate(205px, 225px);
      }
    #social_media_x1{
    height: 10px;
    width: 10px;
    padding-left: 70%;
    transform: translate(250px, 212px);
  }
  #social_media_whatsapp1{
    height: 0px;
    width: 10px;
    padding-left: 70%;
    transform: translate(297px, 203px);
  } 
  #social_media_instagram1{
    height: 0px;
    width: 10px;
    padding-left: 70%;
    transform: translate(339px, 205px);
  }  
  #social_media_linkedin1{
    height: 0px;
    width: 10px;
    padding-left: 70%;
    transform: translate(379px, 195px);
  }
  #social_media_tiktok1{
    height: 0px;
    width: 10px;
    padding-left: 70%;
    transform: translate(435px, 195px);
  }
      
     
      /* end carasole */
    
      /* About us page */
    
      .header_logo_banner2{
        z-index: -1;
        background-image: url("../image/holiday-header2.jpg");
        background-repeat: no-repeat;
        height: 200px;
        max-width: 0%;
        transform: translate(0px, -49px);
        margin-top: 30px;
        object-fit: contain;
        position: relative;
      }
      .header3_txt{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 200;
        color: blue;
        transform: translate(130px, 0px);
      
      }
    .about{
        padding-left: 10%;
        padding-right: 10%;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 200;
        max-height: 0%;
      

    }
    .flex_container{
        display: flex;
        justify-content: center;
        width: 1140px;
        height: 700px;
        border-radius: 15px;

    }
    .box1{
        border-radius: 15px;
        transform: translate(35px, 20px);
    }

    /* Destinations Page */

     /* content header banner */
     
     #header_img3{
      position: relative;
      z-index: -1;
      transform: translate(0px, -65px);
      
    }
      /* Content for center home page */
      
      .content1{
        padding-left: 20px;
        flex: auto; 
        padding-bottom: 0%;
      }
      .header_txt{
        font-family: Arial, Helvetica, sans-serif;
        color: rgb(19, 19, 225);
        padding-left: 6.5%;
        padding-right: 30%;
        font-weight: 900;
      }
      .paragraph_txt{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        color: black;
        padding-left: 6.5%;
        padding-right: 10%;
      }
  
      /* End Text */
  
    /* start text container for carsoule center */
  
  .header2_txt{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 200;
    color: blue;
  }
  .price{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: blue;
  }
  
  .p1{
    width: 94%;
    height: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
  }
    /* end  text container */
  
    /* start carsoule for images in center */
    
    .carousel-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      padding-left: 9.5%;
      max-width: 1200px;
    }
    
    .carousel-box {
      text-align: center;
      background-color: #ffffff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    
    .carousel {
      overflow: hidden;
      border-radius: 8px;
      max-width: 100%;
    }
    
    .carousel-images {
      display: flex;
      width: 100%;
      animation: slide 15s infinite ease-in-out;
    }
    
    .carousel-images img {
      width: 100%;
      height: 350px;
      flex: 1;
    }
    
    .country-name {
      font-size: 1.2em;
      margin: 10px 0;
      color: #333;
    }
    
    @keyframes slide {
      0%, 100% { transform: translateX(0); }
      33% { transform: translateX(-100%); }
      66% { transform: translateX(-200%); }
    }


      /* Things to do page */

      
      #header_img4{
        position: relative;
        z-index: -1;
        transform: translate(0px, -55px);
      }

    .header2_txt{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 200;
        color: blue;
    }
    .top-container{
        width: 100%;
        height: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-size: medium;
        padding-left: 2%;
        padding-top: 0%;

    }
    .top-container a{
        color: blue;
    }
    .top-container :hover{
        color: red;
    }
    .grid-container{
      position: relative;
      z-index: -1;
        border-radius: 5px;
        background-color: white;
        width:90%;
        height: 4300px; /* alter this please at end */
        padding-left: 20%;
        padding-right: 20%;
        transform: translate(0px, -20px);

    }
    #SPAIN {
        color: blue;
    }
    #ITALY {
        color: blue;
    }
    #FRANCE {
        color: blue;
    }   
    #GERMANY{
        color: blue;
    }
    #NEW-YORK{
        color: blue;
    }
    #SAN-FRANCISCO{
        color: blue;
    }
    #FLORIDA{
        color: blue;
    }
    #VEGAS{
        color: blue;
    }
    #NEW-YORK{
        color: blue;
    }
    #SAN-FRANCISCO{
        color: blue;
    }
    #FLORIDA{
        color: blue;
    }
    #VEGAS{
        color: blue;
    }
    #MEXICO{
        color: blue;
    }
    #EGYPT{
        color: blue;
    }
    #POLAND{
        color: blue;
    }
    #PRAGUE{
        color: blue;
    }
  .grid-item1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: 100;
    color: black;
    height: 200px;
  }
  
  .grid-item1 a{
      color: blue;
  }
  .grid-item1 a:hover{
      color: red;
  }
  .grid-item2{
  
    padding-left: 0%;
  }
    .dest_img{
      width: 175px;
      height: 175px;
      border-radius: 15px;
     transform: translate(-170px, 180px);
    }
    .grid-item2{
      font-family: Arial, Helvetica, sans-serif;
      font-size: medium;
      font-weight: 100;
      color: black;
      height: 200px;
    }
    .grid-item2 a{
      color: blue;
  }
  .grid-item2 a:hover{
      color: red;
  }
  .grid-item2{
    padding-left: 0%;
  }
  .dest_img2{
    width: 175px;
    height: 175px;
    border-radius: 15px;
   transform: translate(-170px, 230px);
  }
  .grid-item3 a{
    color: blue;
}
  .grid-item3 a:hover{
    color: red;
}
.grid-item3{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
  .dest_img3{
    width: 175px;
    height: 175px;
    border-radius: 15px;
   transform: translate(-170px, 200px);
  }
  .dest_img4{
    width: 175px;
    height: 175px;
    border-radius: 15px;
   transform: translate(-170px, 230px);
  }
  .grid-item4 a{
    color: blue;
}
  .grid-item4 a:hover{
    color: red;
}
.grid-item4{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
  .dest_img5{
    width: 175px;
    height: 175px;
    border-radius: 15px;
   transform: translate(-170px, 200px);
  }
  .grid-item5 a{
    color: blue;
}
  .grid-item5 a:hover{
    color: red;
}
.grid-item5{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
.dest_img6{
  width: 175px;
  height: 175px;
  border-radius: 15px;
 transform: translate(-170px, 180px);
}
.grid-item6 a{
  color: blue;
}
.grid-item6 a:hover{
  color: red;
}
.grid-item6{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
.dest_img7{
  width: 175px;
  height: 175px;
  border-radius: 15px;
 transform: translate(-170px, 180px);
}
.grid-item7 a{
  color: blue;
}
.grid-item7 a:hover{
  color: red;
}
.grid-item7{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
.dest_img8{
  width: 175px;
  height: 175px;
  border-radius: 15px;
 transform: translate(-170px, 180px);
}
.grid-item8 a{
  color: blue;
}
.grid-item8 a:hover{
  color: red;
}
.grid-item8{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
.dest_img9{
  width: 175px;
  height: 175px;
  border-radius: 15px;
 transform: translate(-170px, 180px);
}
.grid-item9 a{
  color: blue;
}
.grid-item9 a:hover{
  color: red;
}
.grid-item9{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
.dest_img10{
  width: 175px;
  height: 175px;
  border-radius: 15px;
 transform: translate(-170px, 180px);
}
.grid-item10 a{
  color: blue;
}
.grid-item10 a:hover{
  color: red;
}
.grid-item10{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
.dest_img11{
  width: 175px;
  height: 175px;
  border-radius: 15px;
 transform: translate(-170px, 200px);
}
.grid-item11 a{
  color: blue;
}
.grid-item11 a:hover{
  color: red;
}
.grid-item11{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
.dest_img12{
  width: 175px;
  height: 175px;
  border-radius: 15px;
 transform: translate(-170px, 200px);
}
.grid-item12 a{
  color: blue;
}
.grid-item12 a:hover{
  color: red;
}
.grid-item12{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: 100;
  color: black;
  height: 200px;
}
    /* contact page */
   
      #header_img5{
        position: relative;
        z-index: -1;
        transform: translate(0px, -55px);
      }
      

.left{
  position: relative;
  z-index: -1;
	margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: 700;
    padding-top: 8%;
    background-color: lightblue;
    border-radius: 10px;
    border: 1px solid red;
    width: 550px;
    height: 1000px;
    padding-left: 3.5%;
}
.logo2{
    padding-left: 20px;
}
.white-text{
  position: relative;
  z-index: -1;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    font-weight: 900;
    padding-top: 0%;
    transform: translate(75px, -45px);
}
.p2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: 800;
    color: black;
}
.iframe{
    border-radius: 15px;
}
    /* HTML FORM */
.myform{

    margin: auto 0;
    width: 690px;
    height: 1000px;
    border: 1px solid red;
    padding: 90px;
    padding-left: 10%;
    background-color: lightblue;
    border-radius: 10px;
/* 
    transform: translate(640px, -995px);
 */
    
}
.form-header{
  position: relative;
  z-index: -1;
    font-family: Arial, Helvetica, sans-serif;
    font-size:xx-large;
    color: black;
    font-weight: 900;
    transform: translate(80px, -30px);
}
.myform h2{
  text-align: center;
  
}

.form_input{
	border: 1px solid blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;

}


.input1{
    padding-left: 100px;
    border: 1px solid blue;
    transform: translate(240px, -25px);
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.input2{
    padding-left: 100px;
    border: 1px solid blue;
    transform: translate(240px, -25px);
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}    
.input3{
    padding-left: 100px;
    border: 1px solid blue;
    transform: translate(240px, -25px);
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.input4{
    padding-left: 100px;
    border: 1px solid blue;
    transform: translate(240px, -25px);
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.input5{
    padding-left: 100px;
    border: 1px solid blue;
    transform: translate(240px, -25px);
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.input6{
    padding-left: 100px;
    border: 1px solid blue;
    transform: translate(330px, -28px);
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.input7{
    padding-left: 100px;
    border: 1px solid blue;
    transform: translate(330px, -28px);
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.inputfield{
    margin: 4px;
    color:red;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.myspan{
  color: red;
}
    /* content page social media */

    #social_media_box1{
      height: 20px;
      width: 200px;
      padding-left: 350px;
    }
    #social_media_facebook1{
      height: 0.2px;
      width: 10px;
      transform: translate(200px, 250.8px);
    }
    #social_media_x1{
      height: 0.2px;
      width: 10px;
      transform: translate(250px, 250.8px);
    }
    #social_media_whatsapp1{
      height: 0.2px;
      width: 10px;
      transform: translate(300px, 250.8px);
    }
    #social_media_instagram1{
      height: 0.2px;
      width: 10px;
      transform: translate(350px, 250.8px);
    }
    #social_media_linkedin1{
      height: 0.2px;
      width: 10px;
      transform: translate(400px, 241px);
    }
    #social_media_tiktok1{
      height: 0.2px;
      width: 10px;
      transform: translate(450px, 241px);
    }
    #social_media_box2{
      height: 20px;
      width: 200px;
      padding-left: 350px;
    }
    #social_media_facebook2{
      height: 0.2px;
      width: 10px;
      transform: translate(200px, 359.8px);
    }
    #social_media_x2{
      height: 0.2px;
      width: 10px;
      transform: translate(250px, 359.8px);
    }
    #social_media_whatsapp2{
      height: 0.2px;
      width: 10px;
      transform: translate(300px, 359.8px);
    }
    #social_media_instagram2{
      height: 0.2px;
      width: 10px;
      transform: translate(350px, 359.8px);
    }
    #social_media_linkedin2{
      height: 0.2px;
      width: 10px;
      transform: translate(400px, 352px);
    }
    #social_media_tiktok2{
      height: 0.2px;
      width: 10px;
      transform: translate(450px, 352px);
    }
    /* social media for contact page */
  .footer{
    background-color: blue;
    text-decoration:none;
    text-align: center;
    padding-bottom: 0%;
    height: 3%;
    width:100%;
    color: white; 
    transform: translate(0px, 30px);
  } 
  .footer_link{
    color: white;
  }
.footer_link:hover{
    color: red;
}
    /* End contact Page social media  */
    
    /* social media icons */
      
      .social_media_box{
        height: 20px;
        width: 200px;
        padding-left: 350px;
      }
      .social_media_facebook{
        height: 0.2px;
        width: 10px;
        padding-left: 70%;
        transform: translate(180px, -5px);
      }
    .social_media_x{
      height: 10px;
      width: 10px;
      padding-left: 70%;
      transform: translate(229px, -5px);
    }
    .social_media_whatsapp{
      height: 0px;
      width: 10px;
      padding-left: 70%;
      transform: translate(280px, -15px);
    } 
    .social_media_instagram{
      height: 0px;
      width: 10px;
      padding-left: 70%;
      transform: translate(325px, -15px);
    }  
    .social_media_linkedin{
      height: 0px;
      width: 10px;
      padding-left: 70%;
      transform: translate(365px, -25px);
    }
    .social_media_tiktok{
      height: 0px;
      width: 10px;
      padding-right: 70%;
      transform: translate(418px, -25px);
    }
    /* end social media */
    
    
    /* footer */
    .footer{
        background-color: blue;
        text-decoration:none;
        text-align: center;
        padding-bottom: 0%;
        height: 3%;
        width:100%;
        color: white; 
        transform: translate(0px, 30px);
      } 
      .footer_link{
        color: white;
      }
    .footer_link:hover{
        color: red;
    }
    .footer1{
      background-color: blue;
      text-decoration:none;
      text-align: center;
      padding-bottom: 0%;
      height: 3%;
      width:100%;
      color: white; 
      transform: translate(0px, 395px);
    } 
    .footer_link{
      color: white;
    }
  .footer_link:hover{
      color: red;
  }
    #boxes_div {
      margin: auto;
      width: 96%;
      height: 1010px;
      padding: 10px;
    
    }
    
    #travel_div {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: 700;
    padding: 40px;;
    background-color: lightblue;
    border-radius: 10px;
    border: 1px solid red;
    width: 550px;
    height: 999px;
    
    }
    
    #webform_div {
    float: right;
    width: 690px;
    height: 999px;
    border: 1px solid red;
    padding: 40px;
    background-color: lightblue;
    border-radius: 10px;
    
    }
    #footer_div{
    	
    	position: absolute;
    	top: 1150px;
        background-color: blue;
        text-decoration:none;
        text-align: center;
        height: 8%;
        width:100%;
        color: white; 
        padding-bottom: 0px;
        transform: translate(0px, 610px);
      
    
    }
/* extra small devices */
@media only screen and (max-width: 600px) {

} 

/* Media Query for Mobile Devices */
@media (min-width: 375px) and (max-width: 960px) {
  
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 601px) and (max-width: 1280px) {
  
}

@media only screen and (width: 1180px) and (height: 746px) {
  /* for ipad air 5th gen */
}
/* ipad Mini Portrait */
@media only screen and (width:768px) and (resolution: 163dpi) {

}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1200px) {
}

/* Media Query for Large screens */
@media (min-width: 1281px) {
}