@font-face {
  font-family: poppins;
  src: url(fonts/Poppins.ttf);
}

@font-face {
  font-family: pro;
  src: url(fonts/pro.ttf);
}

:root {
  --background: #FFFFFF;
  --background2: #003366;
  --text: #051145;
  --text2: #000;
  --btn: #2a786b;
  --btnhover: #1c5f54;
  --brandbtn: rgba(34, 70, 249, 0.914);
  --brandbtnHover: rgba(4, 45, 250, 0.914);
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: pro;
}

html,
body {
  height: 100%;
  width: 100%;
}

/* book service message */

.book-service a{
background-color: rgb(191, 239, 20);
font-size: 2vw;
padding: 0.7vw 0;
border: 1px solid #354b10;
width: 100%;
color: black;
font-weight: bold;
text-align: center;
position: fixed;
font-family: 'Times New Roman', Times, serif;
z-index: 99;
text-decoration: none;
overflow-x: hidden;
}
.book-service a{
  animation-duration: 3s;
  animation-name: slidein;
}
.book-service a {
  display: inline-block;
  animation-duration: 3s;
  animation-name: growshrink;
}

@keyframes slidein {
  from {
    translate: 150vw 0;
    scale: 200% 1;
  }

  to {
    translate: 0 0;
    scale: 100% 1;
  }
}

@keyframes growshrink {
  25%,
  75% {
    scale: 10%;
  }

  60% {
    scale: 120%;
    color: rgb(191, 203, 23);
  }
}
.book-service a:before {
  content: '';
  background: linear-gradient(45deg, #d2a8a8, #eb94be, #fffb00, #FFA07A, #F08080, #FAFAD2, #FFFFE0, #90EE90, #E0FFFF, #87CEFA, #ADD8E6, #B0C4DE, #FAFAD2, #EEDD82, #48ff00, #FFB6C1, #00ffd5, #507e96, #b773ff, #6ec0ea);
  position: absolute;
  top: -2px;
  left:-2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(15px);
  width: calc(100%);
  height: calc(100%);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 10px;
  opacity: 1;

}

.book-service a:active {
  color: #d70808
}

.book-service a:active:after {
  background: transparent;
}

.book-service a:hover:before {
  -webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
  opacity: 1;
  
}

.book-service a:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}
.whatsapp-text{
  text-decoration: none;
  position: fixed;
  width: 150px;
  height: 150px;
  bottom: 10px;
  z-index: 99;
  font-family: poppins;
  border-radius: 50vh;
  right: -11vh;
  }
  .whatsapp-img{
      width: 70px;
      height: 70px;
      
  }
  .whatsapp-img {
      animation: zoom-in-zoom-out 2s ease infinite;}
  
      @keyframes zoom-in-zoom-out {
          50% {
            transform: scale(1.1, 1.1);
                  }
              }

  .call-icon{
      text-decoration: none;
      position: fixed;
      width: 152px;
      height: 152px;
      bottom: 10px;
      z-index: 99;
      font-family: poppins;
      border-radius: 50vh;
      left: 1vh;
    }
      .call-img{
          width: 65px;
          height: 65px;
          
      }
     

  


.call-text a{
  text-decoration: none;
  position: fixed;
  background-color: rgb(22, 5, 85);
  color: rgb(135, 239, 23);
  padding: 0.4vw 0.8vw;
  border: 1px solid #91ef15;
  z-index: 99;
  font-family: poppins;
  border-radius: 0.2vw;
  right: -4vw;
  rotate: -89.4deg;
  top: 50vh;
  }
  .call-text a:hover{
      background-color: #096822;
      color: #f3f710;
      box-shadow: 15px 15px 666px;
  }
  .call-text a {
      -webkit-animation: action 1s infinite  alternate;
      animation: action 1s infinite  alternate;
  }
  
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-10px); }
  }
  
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-10px); }
  }

/* end book service message */


/* start page1 */

.navbar {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 14vh;
}

.navbar a {
  text-decoration: none;
}

.nav-left img{
  height: 5vh;
  width: 15vw;
  position: relative;
  bottom: 2vh;
  
}

.nav-left a {
  font-size: 2vw;
  font-family: poppins;
  color: var(--text);
  text-transform: capitalize;
  font-weight: 600;
  margin-left: 5vw;
}


.nav-center {
  display: flex;
  gap: 2vw;
  font-size: 1.3vw;
  text-transform: capitalize;
margin-left: 23vw;
}

.nav-center a {
  color: var(--text2);
}

.nav-right {
  font-size: 1.2vw;
  text-transform: uppercase;
  font-weight: 600;
  background-color: var(--btn);
  padding: 1vw 2.5vw;
  border-radius: 5vh;
  margin-left: 15vw;
  cursor: pointer;

}

.nav-right a {
  font-family: poppins;
  color: var(--background);

}


.nav-right:hover {
  background-color: red;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: .5s ease;

}

.nav-right2 {
  font-size: 1.2vw;
  text-transform: uppercase;
  border: 1px solid #676060;
  font-weight: 600;
  background-color: var(--brandbtn);
  padding: 1vw 2vw;
  border-radius: 5vh;
  cursor: pointer;
  

}

.nav-right2 a {
  font-family: poppins;
  color: var(--background);

}


.nav-right2:hover {
  background-color: red;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: .5s ease;

}



.hamburger {
  margin-left: 93vw;
  margin-top: -7vh;
  display: none;
}

.hamburger i {
  font-size: 2.2vw;
  cursor: pointer;
}


/* navbar for mobile */

.navbar-mobile {
  background-color: var(--background2);
  position: absolute;
  z-index: 2;
      margin-top: -30vh;
      height: 100vh;
  width: 100%;

  display: none;
}

.navbar-mobile i {
  font-size: 3vw;
  color: var(--background);
  margin-left: 75vw;

}

.close-icon {
  margin-top: 5vh;
  margin-left: 6vw;
  cursor: pointer;


}

.navbar-mobile a {
  text-decoration: none;
  color: #FFFFFF;
  text-transform: capitalize;
  font-size: 3vw;
  font-family: poppins;
  display: flex;
  justify-content: center;
  margin-top: 4vh;
  margin-bottom: 1vw;

}

.page1-btns{
  position: absolute;
  margin-top: 55vh;
  transition-duration: .2s, 1s;
  margin-left: 34vw;
}

.page1-btns {
  animation: zoom-in-zoom-out 2s ease infinite;}

.page1-btns a{
  text-decoration: none;
  color: var(--background);
  border: 1px solid #676060;
  font-family: poppins;
  transition-duration: .2s, 1s;
}

.page1-btns a:nth-child(1){
  background-color: var(--btn);
  padding: 0.5vw 1.5vw;
  border-radius: 0.5vw;
}

.page1-btns a:nth-child(1):hover{
  background-color: rgb(4, 63, 26);
  color: #9ae564;
  text-shadow: 15px 15px 45px;
  border-radius: 30px;
}

.page1-btns a:nth-child(2){
  background-color: var(--background2);
  padding: 0.5vw 1.5vw;
  border-radius: 0.5vw;
  margin-left: 2vw;
}


.page1-btns a:nth-child(2):hover{
  background-color: var(--text);
  color: #9ae564;
  text-shadow: 15px 15px 45px;
  border-radius: 30px;

}

/* start page1 */

#page1{
  height: 100vh;
  width: 100%;
  
}

#page1 h1{
  font-size: 5vw;
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-family: poppins;
  margin-top: 3vh;
  line-height: 18vh;
  padding-top: 4vh;
  margin-right: 3vw;
  position: absolute;
}


#page1 img{
  width: 100%;
  margin-top: 3vh;
  height: 65vh;
}


/*  */
.slider-part {
  height: 75vh;
  width: 100%;
  margin-top: -3vh;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-bottom: 10vh;
  margin-top: 5vh;
  position: relative;
color: #fff;
}

.text-part{
  position: absolute;
  z-index: 2;
  margin-top: 3vh;
  font-size: 1.4vw;
  text-transform: capitalize;
}

.swiper-slide img {
display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
z-index: 1;
}

/*  */
/* end page1 */

/* start page2 */


#page2{
  min-height: 100vh;
  width: 100%;    
  padding-bottom: 10vh;
  margin-top: -8vh;

}

#page2 h3{
  text-align: center;
  text-transform: capitalize;
  font-size: 2.5vw;
  font-family: poppins;
}

#page2 p{
text-align: center;
padding: 0vw 1vw;
font-size: 2vh;
margin-top: 2vh;
margin-bottom: 5vh;
font-family: poppins;
}

/* ++ */

.ac-types{
display: flex;
flex-wrap: wrap;
gap: 1.5vw;
margin-left: 3vw;
}

.ac-card{
height: 115vh;
width: 23%;
box-shadow: 0 0 0.2rem black;
border-radius: 10px;
background-color: #E2E8EF;

}

.image-box{
height: 40vh;
background-color:#005660;
}

.image-box img{
height: 35vh;
width: 20vw;
margin-top: 3vh;
margin-left: 1vw;
overflow: hidden;
transition:all linear 0.2s;

}
.image-box img {
    animation: zoom-in-zoom-out 2s ease infinite;}

    @keyframes zoom-in-zoom-out {
        50% {
          transform: scale(1.08, 1.08);
                }
            }
.image-box img:hover{
scale: 1.1;

}


.ac-card h2{
font-size: 1.2vw;
text-align: center;
margin-top: 3vh;
text-transform: capitalize;

}


.ac-card p{
text-wrap: wrap;
margin-left: 2vw;
margin-right: 2vw;
margin-top: 1vh;
line-height: 17px;
font-size: 1vw;

}



#ac-card2 h2{
font-size: 1.2vw;
text-transform: capitalize;

}

#ac-card1 p{
margin-bottom: 4vh;
margin-top: 3vh;
font-size: 2vh;
}


#ac-card2 p{
margin-top: 3vh;
margin-bottom: 8vh;
margin-right: 1vw;
}


#ac-card3 h2{
font-size: 1.1vw;
margin-left: 1vw;
text-transform: capitalize;
}

#ac-card3 p{
margin-top: 4vh;
margin-bottom: 7vh;

}

#ac-card4 p{
margin-bottom:7vh;
margin-top: 4vh;
}


.ac-card span a{
text-decoration: none;
color:#FF4500;

}

.refri-btn{
background-color:var(--btn);
text-decoration: none;
border: none;
padding: 0.5vw 1.5vw;
margin-left: 2vw;
color: #fff;
border-radius: 1vh;
font-size: 1.2vw;
font-family: poppins;
cursor: pointer;   
}


.refri-btn:hover{
background-color: rgb(32, 79, 68);
color: #66ec28;
}

.call-btn{
  background-color: var(--background2);
  text-decoration: none;
  border: none;
  padding: 0.5vw 1.5vw;
  border-radius: 1vh;
  
  margin-left: 2vw;
  color: #fff;
  font-size: 1.2vw;
  font-family: poppins;
  cursor: pointer;   
  }
  
  .call-btn:hover{
  background-color: rgb(124, 142, 88);
  color: #000000;
  }
  
/* ++ */
/* end page2 */


/* start page3 */

#page3{
  height: 40vh;
  width: 100%;
}

#page3 h3{
  text-align: center;
  font-family: poppins;
  text-transform: capitalize;
  color: #051145;
  font-size: 2.2vw;
  margin-bottom: 3vh;
}

#page3  p{
  text-align: center;
  margin-top: 2vh;
  font-weight: bold;
  font-size: 1.1vw;
  font-family: poppins;
}

/* end page3 */

/* start page4 */

#page4{
  min-height: 100vh;
  width: 100%;
  padding-bottom: 10vh;
}


.page4-section1{
  padding-top: 2vh;
  margin-left: 2vw;
  display: flex;
  gap: 2vw;
  border-bottom: 1px solid #2e2d2d;
  padding-bottom: 1vw;
  margin-right: 1vw;
}

.image-part img{
  border-radius: 10px;
  height: 50vh;
  margin-top: -5vh;
}
.image-part img {
  -webkit-animation: action 1s infinite  alternate;
  animation: action 1s infinite  alternate;
}

@-webkit-keyframes action {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

@keyframes action {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
.content-part h3{
  font-size: 3vw;
  margin-left: 3vw;
  margin-top: -2vh;
  margin-bottom: 3vh;
  color: var(--text);
}

/* ++ */

.page4-section2{
  padding-top: 8vh;
  margin-left: 2vw;
  display: flex;
  gap: 2vw;
  border-bottom: 1px solid #2e2d2d;
  padding-bottom: 1vw;
  margin-right: 1vw;
}

.image-part img{
  border-radius: 10px;
  height: 50vh;
  margin-top: -5vh;
}

.content-part h3{
  font-size: 3vw;
  margin-left: 3vw;
  margin-top: -2vh;
  margin-bottom: 3vh;
  text-transform: capitalize;

}
/* +++ */

/* ++ */


.page4-section4{
  padding-top: 8vh;
  margin-left: 2vw;
  display: flex;
  gap: 2vw;
  border-bottom: 1px solid #2e2d2d;
  padding-bottom: 1vw;
  margin-right: 1vw;
}

.image-part img{
  border-radius: 10px;
  height: 50vh;
  margin-top: -5vh;
}

.content-part h3{
  font-size: 3vw;
  margin-left: 3vw;
  margin-top: -2vh;
  margin-bottom: 3vh;

}

/* ++ */


/* ++ */


.page4-section-3{
  padding-top: 8vh;
  margin-left: 2vw;
  display: flex;
  gap: 2vw;
  border-bottom: 1px solid #2e2d2d;
  padding-bottom: 1vw;
  margin-right: 1vw;
}

.image-part img{
  border-radius: 10px;
  height: 30vh;
  margin-top: -5vh;
}

.content-part h3{
  font-size: 2vw;
  margin-left: 3vw;
  margin-top: -2vh;
  margin-bottom: 3vh;

}

.content-part p{
  font-size: 1.1vw;
}


.click-call{
  background-color: rgb(35, 41, 152);
  text-decoration: none;
  border: none;
  padding: 0.5vw 0.6vw;
  border-radius: 1vh;
  margin-left: 60vw;
  color: #ffffff;
  font-size: 0.8vw;
  font-family: poppins;
  cursor: pointer;   
  }
  
  
  .click-call:hover{
  background-color: rgb(224, 39, 39);
  color: #fbfeff;
  }
  

.page4-text p{
  text-align: center;
  color: var(--text);
  margin-left: 2vw;
  font-size: 1vw;
  font-weight: bold;
  margin-right: 2vw;
}

span a{
  text-decoration: none;
  color:#f83513;
  
  }
  span a:hover{
      background-color: rgb(0, 17, 255);
      color: #fffbfb;
      }
   


/* ++ */



#page4 h2{
  font-size: 1.1vw;
  font-family: poppins;
  text-align: center;
  padding-top: 3vh;
  padding-bottom: 2vh;
  text-wrap: balance;
  text-transform: capitalize;
}


table {
  font-family: poppins;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  padding: 0.4vw;
  font-size: 0.9vw;
  text-align: center;
}

tr:nth-child(even) {
  background-color: #97debd;
}


/* end page4 */

/* start page5 */

.page4-part2 {
  height: 30vh;
  width: 100%;
  background-color:#E2E8EF;
margin-top: -9vh;
}

.page4-part2 h6 {
  font-size: 2vw;
  color: #000;
  text-transform: capitalize;
  padding-top: 3vh;
  text-align: center;
  font-weight: 700;
  font-family: poppins;
}

.page4-part2 h5 {
  font-size: 2.2vw;
  text-align: center;
  font-weight: 700;
  font-family: poppins;
  color: var(--text);
  margin-bottom: 5vh;
}

.page4-part2 a {
  font-size: 1.3vw;
  text-transform: uppercase;
  font-weight: 600;
  background-color: var(--btn);
  padding: 0.7vw 1.5vw;
  border-radius: 2vw;
  text-decoration: none;
  color: var(--background);
  font-family: poppins;
  margin-left: 42vw;
}
.page4-part2 a {
  animation: zoom-in-zoom-out 2s ease infinite;
  @keyframes zoom-in-zoom-out {
      50% {
        transform: scale(1.1, 1.1);
      }
              }
          }
.page4-part2 a:hover{
  background-color: var(--btnhover);
  transition: all linear 0.3s;
}

/* end page5 */

/* start page6 */
#page6{
  overflow: hidden
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins" , sans-serif;
}
body{
min-height: 100vh;
width: 100%;
background: #EEECEB;
}
footer{
background: #140B5C;
width: 100%;
bottom: 0;
left: 0;
}
footer::before{
content: '';
position: absolute;
left: 0;
top: 100px;
height: 1px;
width: 100%;
}
footer .content{
max-width: 1250px;
margin: auto;
padding: 30px 40px 40px 40px;
}
footer .content .top{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.content .top .logo-details{
color: #fff;
font-size: 30px;

}
.logo-details h6{
font-size: 1.3vw;
color: #87d7f7;
text-align: center;
}

.logo-details span{
font-size: 5vw; 
font-weight: bold; 


}


.content .top .media-icons{
display: flex;
}
.content .top .media-icons a{
height: 40px;
width: 40px;
margin: 0 8px;
border-radius: 50%;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 17px;
text-decoration: none;
transition: all 0.4s ease;
}
.top .media-icons a:nth-child(1){
background: #4267B2;
}
.top .media-icons a:nth-child(1):hover{
color: #4267B2;
background: #fff;
}
.top .media-icons a:nth-child(2){
background: #1DA1F2;
}
.top .media-icons a:nth-child(2):hover{
color: #1DA1F2;
background: #fff;
}
.top .media-icons a:nth-child(3){
background: #E1306C;
}
.top .media-icons a:nth-child(3):hover{
color: #E1306C;
background: #fff;
}
.top .media-icons a:nth-child(4){
background: #0077B5;
}
.top .media-icons a:nth-child(4):hover{
color: #0077B5;
background: #fff;
}
.top .media-icons a:nth-child(5){
background: #FF0000;
}
.top .media-icons a:nth-child(5):hover{
color: #FF0000;
background: #fff;
}
footer .content .link-boxes{
width: 100%;
display: flex;
justify-content: space-between;
}
footer .content .link-boxes .box{
}
.content .link-boxes .box .link_name{
color: #0bf235;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
position: relative;
}
.link-boxes .box .link_name::before{
content: '';
position: absolute;
left: 0;
bottom: -2px;
height: 2px;
width: 35px;
background: #fff;
}
.content .link-boxes .box li{
margin: 6px 0;
list-style: none;
}
.content .link-boxes .box li a{
color: #fff;
font-size: 14px;
font-weight: 400;
text-decoration: none;
opacity: 0.8;
transition: all 0.4s ease
}
.content .link-boxes .box li a:hover{
opacity: 1;
text-decoration: underline;
}
.content .link-boxes .input-box{
margin-right: 55px;
}
.link-boxes .input-box input{
height: 40px;
width: calc(100% + 55px);
outline: none;
border: 2px solid #AFAFB6;
background: #140B5C;
border-radius: 4px;
padding: 0 15px;
font-size: 15px;
color: #fff;
margin-top: 5px;
}
.link-boxes .input-box input::placeholder{
color: #AFAFB6;
font-size: 16px;
}
.link-boxes .input-box input[type="button"]{
background: #fff;
color: #140B5C;
border: none;
font-size: 18px;
font-weight: 500;
margin: 4px 0;
opacity: 0.8;
cursor: pointer;
transition: all 0.4s ease;
}
.input-box input[type="button"]:hover{
opacity: 1;
}
footer .bottom-details{
width: 100%;
background: #0F0844;
}
footer .bottom-details .bottom_text{
max-width: 1250px;
margin: auto;
padding: 20px 40px;
display: flex;
justify-content: space-between;
}
.bottom-details .bottom_text span,
.bottom-details .bottom_text a:hover{
opacity: 1;
text-decoration: underline;
}
.bottom-details .bottom_text a{
margin-right: 10px;
}
@media (max-width: 900px) {
footer .content .link-boxes{
  flex-wrap: wrap;
}
footer .content .link-boxes .input-box{
  width: 40%;
  margin-top: 10px;
}
}
@media (max-width: 700px){
footer{
  position: relative;
}
.content .top .logo-details{
  font-size: 26px;
}
.logo-details span{
  font-size: 8vw; 
  font-weight: bold;   
  
  }
  
.logo-details h6{
  font-size: 2vw;
  color: #87d7f7;
  align-items: center;
  }
  
.content .top .media-icons a{
  height: 35px;
  width: 35px;
  font-size: 14px;
  line-height: 35px;
}
footer .content .link-boxes .box{
  width: calc(100% / 3 - 10px);
}
footer .content .link-boxes .input-box{
  width: 60%;
}
.bottom-details .bottom_text span,
.bottom-details .bottom_text a{
  font-size: 12px;
}
}
@media (max-width: 520px){
footer::before{
  top: 145px;
}
footer .content .top{
  flex-direction: column;
}
.content .top .media-icons{
  margin-top: 16px;
}
footer .content .link-boxes .box{
  width: calc(100% / 2 - 10px);
}
footer .content .link-boxes .input-box{
  width: 100%;
}
}
.copyright p{
margin-top:-8vh;
text-align: center;
color: var(--background);
}

/* end page7 */

/* responsive part */ 

@media (max-width:440px){

  /* page1 media query - 440px */
  .whatsapp-text {
    text-decoration: none;
    position: fixed;
    width: 40vw;
    height: 86vw;
    bottom: -180px;
    z-index: 10;
    border-radius: 50vw;
    left: 2vw;
   }
        .whatsapp-img{
            width: 26%;
            height: 12%;
            
        
        }

        .call-icon {
            text-decoration: none;
            position: fixed;
            width: 40vw;
            height: 86vw;
            bottom: -237px;
            z-index: 10;
            border-radius: 50vw;
            left: 0.8vw;
          }
            .call-img{
                width: 28%;
                height: 13%;
                
                
            }

  .call-text a{
      padding: 1vw 2vw;
      right: -10vw;
      font-size: 3.5vw;
      top: 45vh;
  }
  .call-text a:hover{
      color: #f4f6f9;
      background-color: rgb(35, 83, 8);
      box-shadow: 5px 15px 20px;
  }
  


  #page1{
     width: 100%;
     
  }

  .navbar{
      padding-top: 8vh;
  }

  .nav-left a {
      font-size: 1vw;
      font-family: poppins;
      color: var(--text);
      text-transform: capitalize;
      font-weight: 600;
      padding-left: 15vw;
  }

  .nav-center a{
      display: none;
  }

  .nav-right{
      display: none;
  }

  
.nav-right2 {
  font-size: 2.2vw;
  text-transform: uppercase;
  font-weight: 600;
  background-color: var(--citybtn);
  padding: 1.3vh 2.7vw;
margin-right: 18vw;
display: none;
}

.nav-right2 a {
  font-family: poppins;
  color: var(--background);
  text-wrap: nowrap;
}

.nav-right2:hover {
  background-color:var(--citybtnHover);
}

  
  .hamburger i{
      font-size: 10vw;
  margin-left: -8vw;
  }
  
  .hamburger{
      margin-top: -6vh;
      display: block;

  }
  
  .nav-left a{
      font-size: 7vw;
      margin-left: -24vw;
  }


  .navbar-mobile i{
      font-size: 11vw;
      margin-left: 5vw;
  }

.navbar-mobile a:hover{
  background-color: orange;    
}

  .close-icon{
      bottom: 2vh;
      margin-left: 80vw;
      position: relative;
      z-index: 3;
  }
  
  .navbar-mobile{
      height: 100vh;
      padding-top: 8vh;
      bottom: 0vh;
      position: fixed;
      
  }
  
  .navbar-mobile a{
      font-size: 8vw;
      position: relative;
      bottom: 5vh;
  }

  
.book-service a{
  background-color: rgb(10, 10, 10);
  font-size: 5.5vw;
  padding: 2.5vw 0;
  width: 100vw;
  border: 1px solid #000000;
  color: rgb(19, 21, 19);
  font-weight: bold;
  text-align: center;
  position: fixed;
  z-index: 99;
  text-decoration: none;
  }
  
  
  /* end media for page1 */


    
#page1 h1{
  font-size:7vw;
  text-align: center;
  color: var(--background);
  font-family: poppins;
  margin-top: 1vh;
  text-wrap:balance; 
  height: 32vh; 
  padding-top: 7vh;
  font-weight: 500;
  line-height: 5vh;
}


#page1 img{
  height: 35vh;
}

.page1-btns{
  position: absolute;
  top: -10vh;
  margin-left: 12vw;
  font-size: 3.7vw;
  
  
}




/* start page2 */
#page2{
  min-height: 100vh;
  width: 100%;    
  padding-bottom: 0vh;
  margin-top: -60vh;
}

#page2 h3{
  text-align: center;
  font-size: 3.8vw;
  font-family: poppins;
  margin-top: 15vh;
  color: #000;
  font-weight: bold;
  text-wrap: balance;
}

#page2 p{
text-align: center;
padding: 0vw 1vw;
margin-top: 2vh;
margin-bottom: 5vh;
text-wrap: balance;
font-family: poppins;
margin-left: 3vw;
margin-right: 3vw;
  font-size: 2.5vw;

}

/* ++ */

.ac-types{
  display: flex;
  flex-wrap: wrap;
gap: 5vw;
margin-left: 6vw;

}

.ac-card{
height: 52vh;
width: 42vw;
box-shadow: 0 0 0.2rem black;
border-radius: 10px;
background-color: #E2E8EF;

}

.image-box{
height: 18vh;
background-color:#005660;
}

.image-box img{
height: 15vh;
width: 35vw;
margin-top: 2vh;
margin-left:3.5vw;
overflow: hidden;
transition:all linear 0.2s;

}

.image-box img:hover{
scale: 1.1;

}

.ac-card h2{
  font-size: 3vw;
text-align: center;

margin-top: 2vh;
}




#ac-card2 h2{
font-size:3vw;
}

#ac-card1 p{
  margin-bottom: 0.8vh;
  font-size: 1.8vw;
  line-height: 1.1vh;
  margin-top: 0.3vh;

}


#ac-card2 p{
  margin-bottom: 0.3vh;
  font-size: 1.8vw;
  line-height: 1.1vh;
  margin-top: 0.2vh;

}


#ac-card3 h2{
  font-size: 3vw;
margin-left: 1vw;
}

#ac-card3 p{
  margin-bottom: 0.5vh;
  font-size: 1.8vw;
  line-height: 1.1vh;
  margin-top: 1vh;
}

#ac-card4 p{
  margin-bottom: 0.5vh;
  font-size: 1.8vw;
  line-height: 1.1vh;
  margin-top: 1vh;
}

#ac-card5 img{
  height: 15vh;
width: 38vw;
margin-left: 2vw;
}

#ac-card5 p{
  margin-bottom: 0.5vh;
  font-size: 1.8vw;
  line-height: 1.1vh;
  margin-top: 1vh;
}


#ac-card6 img{
  height: 15vh;
width: 38vw;
margin-left: 2vw;
}

#ac-card6 h2{
  font-size: 3vw;
}

#ac-card6 p{
  margin-bottom: 0.5vh;
  font-size: 1.75vw;
  line-height: 1vh;
  margin-top: 1vh;
}


.ac-card span a{
text-decoration: none;
color:#FF4500;

}
span a:hover{
  background-color: rgb(255, 4, 4);
  color: #fffbfb;
  }


.refri-btn{
background-color:var(--btn);
text-decoration: none;
border: none;
padding: 1vw 3vw;
margin-left: 3vw;
color: #fff;
border-radius: 3vh;
font-size: 2.5vw;
font-family: poppins;
cursor: pointer;   
}

.refri-btn:hover{
background-color: var(--btnhover);
}

.call-btn{
  background-color: var(--background2);
  text-decoration: none;
  border: none;
  padding: 1vw 3vw;
  border-radius: 3vh;
  margin-top: 0vh;
  margin-left: 2vw;
  color: #fff;
  font-size: 2vw;
  font-family: poppins;
  cursor: pointer;   
  }
  
  .call-btn:hover{
  background-color: var(--text);
  }
  
/* ++ */
/* end page2 */



/* start page3 */

#page3{
  height: 42vh;
  width: 100%;
}

#page3 h3{
  text-align: center;
  font-family: poppins;
  color: #051145;
  font-size: 5.5vw;
  text-transform: capitalize;
  margin-bottom: 3vh;
  margin-top: 6vh;
}

#page3  p{
  text-align: center;
  text-wrap: balance;
  margin-top: -1vh;
  font-size: 2.5vw;
  font-family: poppins;
  padding: 1vw;
}

/* end page3 */


/* start page4 */

#page4{
  min-height: 100vh;
  width: 100%;
  
}


.page4-section1{
  padding-top: 2vh;
  margin-left: 2vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  border-bottom: 1px solid #2e2d2d;
  padding-bottom: 4vw;
  margin-right: 1vw;
}


.content-part h3{
  font-size: 3vw;
  margin-left: 3vw;
  margin-top: -2vh;
  margin-bottom: 3vh;
  color: var(--text);
}

/* ++ */

.page4-section2{
  padding-top: 12vh;
  margin-left: 2vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  border-bottom: 1px solid #2e2d2d;
  padding-bottom: 4vw;
  margin-right: 1vw;
}

.image-part img{
  border-radius: 10px;
  height: 50vh;
  margin-top: -5vh;
}

.content-part h3{
  font-size: 3vw;
  margin-left: 3vw;
  margin-top: -2vh;
  margin-bottom: 3vh;

}
/* +++ */


.page4-section-3{
  padding-top: 12vh;
  margin-left: 2vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  border-bottom: 1px solid #2e2d2d;
  padding-bottom: 4vw;
  margin-right: 1vw;
}


/* ++ */


.page4-section4{
  padding-top: 12vh;
  margin-left: 2vw;
  display: flex;
  flex-direction: column;

  gap: 2vw;
  border-bottom: 1px solid #2e2d2d;
  padding-bottom: 4vw;
  margin-right: 1vw;
}

.image-part img{
  border-radius: 10px;
  height: 50vh;
  margin-top: -5vh;
}

.content-part h3{
  font-size: 3vw;
  margin-left: 3vw;
  margin-top: -2vh;
  margin-bottom: 3vh;

}

/* ++ */


/* ++ */


.page4-section3{
  padding-top: 8vh;
  margin-left: 2vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  border-bottom: 1px solid #2e2d2d;
  padding-bottom: 1vw;
  margin-right: 1vw;
}

.image-part img{
  border-radius: 10px;
  height: 15vh;
  width: 50vw;
  margin-top: -9vh;
  margin-left: 23vw;
}

.content-part h3{
  font-size: 4.5vw;
  margin-left: 3vw;
  margin-top: 1vh;
  text-align: center;
  margin-bottom: 3vh;

}

.content-part p{
  font-size: 2.5vw;
  text-align: center;
  text-wrap: balance;
  line-height: 1.5vh;
  margin-top: -1vh;
  margin-bottom: 1vh;
}


.click-call{
  background-color: var(--background2);
  text-decoration: none;
  border: none;
  padding: 1vw 3vw;
  border-radius: 3vh;
  margin-left: 40vw;
  color: #fff;
  font-size: 2vw;
  font-family: poppins;
  cursor: pointer;   
  }
  
  
  .click-call:hover{
  background-color: var(--text);
  }
  

.page4-text p{
  text-align: center;
  color: var(--text);
  margin-left: 2vw;
  margin-right: 2vw;
  font-weight: bold;
  font-size: 3vw;
  line-height: 1.8vh;
  text-wrap: wrap;
  padding-bottom: 2vh;
  padding-top: 1vh;
}

/* ++ */


#page4 h2{
  font-size: 3.5vw;
  text-wrap: balance;
}

td,th{
  font-size: 1.5vw;
  text-wrap: balance;
  text-align: center  ;
}


/* end page4 */



/* start page5 */


/*  */
.slider-part {
  height: 38vh;
  width: 100%;
  margin-top: -5vh;
}


.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-bottom: 10vh;
  margin-top: 5vh;
  position: relative;
color: #fff;
}

.text-part{
  position: absolute;
  z-index: 2;
  margin-top: 3vh;
  font-size: 3.3vw;
  line-height: 2vh;
}



/*  */


/* page4 part 2 start */
.page4-part2{
  height: 16vh;
  width: 100%;
  position: relative;
  
}

.page4-part2 h6{
  font-size: 4vw;
  padding-top: 3vh;
}

.page4-part2 h5{
  font-size: 3.5vw;
margin-bottom: 2vh;    
}

.page4-part2 a{
  font-size: 2.5vw;
  padding: 2vw 6vw;
  margin-left:28vw;

}

/* page4 part 2 end */

/* end page5 */


/* start page7 */

#page6{
  align-items: center;
}

body{
min-height: 100vh;
width: 100%;
background: #EEECEB;
}
footer{
background: #140B5C;
width: 100%;
bottom: 0;
left: 0;
}
footer::before{
content: '';
position: absolute;
left: 0;
top: 100px;
height: 1px;
width: 100%;
background: #AFAFB6;
}
footer .content{
max-width: 1250px;
margin: auto;
padding: 30px 40px 40px 40px;
}
footer .content .top{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.content .top .logo-details{
color: #fff;
font-size: 30px;
}
.content .top .media-icons{
display: flex;
}
.content .top .media-icons a{
height: 40px;
width: 40px;
margin: 0 8px;
border-radius: 50%;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 17px;
text-decoration: none;
transition: all 0.4s ease;
}
.top .media-icons a:nth-child(1){
background: #4267B2;
}
.top .media-icons a:nth-child(1):hover{
color: #4267B2;
background: #fff;
}
.top .media-icons a:nth-child(2){
background: #1DA1F2;
}
.top .media-icons a:nth-child(2):hover{
color: #1DA1F2;
background: #fff;
}
.top .media-icons a:nth-child(3){
background: #E1306C;
}
.top .media-icons a:nth-child(3):hover{
color: #E1306C;
background: #fff;
}
.top .media-icons a:nth-child(4){
background: #0077B5;
}
.top .media-icons a:nth-child(4):hover{
color: #0077B5;
background: #fff;
}
.top .media-icons a:nth-child(5){
background: #FF0000;
}
.top .media-icons a:nth-child(5):hover{
color: #FF0000;
background: #fff;
}
footer .content .link-boxes{
width: 100%;
display: flex;
justify-content: space-between;
}
footer .content .link-boxes .box{
width: calc(100% / 5 - 10px);
}
.content .link-boxes .box .link_name{
color: #06e928;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
position: relative;
}
.link-boxes .box .link_name::before{
content: '';
position: absolute;
left: 0;
bottom: -2px;
height: 2px;
width: 35px;
background: #fff;
}
.content .link-boxes .box li{
margin: 6px 0;
list-style: none;
}
.content .link-boxes .box li a{
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-decoration: none;
opacity: 0.8;
transition: all 0.4s ease
}
.content .link-boxes .box li a:hover{
opacity: 1;
text-decoration: underline;
}
.content .link-boxes .input-box{
margin-right: 55px;
}
.link-boxes .input-box input{
height: 40px;
width: calc(100% + 55px);
outline: none;
border: 2px solid #AFAFB6;
background: #140B5C;
border-radius: 4px;
padding: 0 15px;
font-size: 15px;
color: #fff;
margin-top: 5px;
}
.link-boxes .input-box input::placeholder{
color: #AFAFB6;
font-size: 16px;
}
.link-boxes .input-box input[type="button"]{
background: #fff;
color: #140B5C;
border: none;
font-size: 18px;
font-weight: 500;
margin: 4px 0;
opacity: 0.8;
cursor: pointer;
transition: all 0.4s ease;
}
.input-box input[type="button"]:hover{
opacity: 1;
}
footer .bottom-details{
width: 100%;
background: #0F0844;
}
footer .bottom-details .bottom_text{
max-width: 1250px;
margin: auto;
padding: 20px 40px;
display: flex;
justify-content: space-between;
}
.bottom-details .bottom_text span,
.bottom-details .bottom_text a{
font-size: 14px;
font-weight: 300;
color: #fff;
opacity: 0.8;
text-decoration: none;
}
.bottom-details .bottom_text a:hover{
opacity: 1;
text-decoration: underline;
}
.bottom-details .bottom_text a{
margin-right: 10px;
}
@media (max-width: 900px) {
footer .content .link-boxes{
  flex-wrap: wrap;
}
footer .content .link-boxes .input-box{
  width: 40%;
  margin-top: 10px;
}
}
@media (max-width: 700px){
footer{
  position: relative;
}
.content .top .logo-details{
  font-size: 26px;
}
.content .top .media-icons a{
  height: 35px;
  width: 35px;
  font-size: 14px;
  line-height: 35px;
}
footer .content .link-boxes .box{
  width: calc(100% / 3 - 10px);
}
footer .content .link-boxes .input-box{
  width: 60%;
}
.bottom-details .bottom_text span,
.bottom-details .bottom_text a{
  font-size: 12px;
}
}
@media (max-width: 520px){
footer::before{
  top: 145px;
}
footer .content .top{
  flex-direction: column;
}
.content .top .media-icons{
  margin-top: 16px;
}
footer .content .link-boxes .box{
  width: calc(100% / 2 - 10px);
}
footer .content .link-boxes .input-box{
  width: 100%;
}
}
.copyright p{
margin-top: 12vh;
text-align: center;
color: var(--background);
font-size: 3.5vw;
}


/* end page7 */



}








/* for large screen sizes (Desktop ) */

@media (min-width:1500px){

  .navbar {
      padding-top: 10vh;
  }

  .page1-btns{
      margin-left: 28vw;
  }

  .page1-btns a:nth-child(1){
      background-color: var(--btn);
      padding: 1vw 1.5vw;
      border-radius: 0.5vw;
      font-size: 1.7vw;
  }

  .page1-btns a:nth-child(2){
      font-size: 1.7vw;
      padding: 1vw 1.5vw;
  }

  #page2 h3 {
      font-size: 3vw;
  }

  #page2 p {
      font-size: 1.1vw;
  }

  .ac-card {
      height: 90vh;
  }


#page4 p{
  margin-bottom: 2vh;
}
.page4-section2 {
  padding-bottom: 4vh;
}

  #ac-card1 p {
      margin-top: 2vh;
      margin-bottom: 5vh;
      line-height: 2.3vh;
  }

  
  #ac-card2 p {
      margin-top: 2vh;
      margin-bottom: 5vh;
      line-height: 2.3vh;
  }

  #ac-card3 p {
      margin-top: 2vh;
      margin-bottom: 5vh;
      line-height: 2.3vh;
  }

  
  #ac-card4 p {
      margin-top: 2vh;
      margin-bottom: 4vh;
      line-height: 2.3vh;
  }

  
  #ac-card5 p {
      margin-top: 2vh;
      margin-bottom: 4vh;
      line-height: 2.3vh;
  }

  
  #ac-card6 p {
      margin-top: 2vh;
      margin-bottom: 4vh;
      line-height: 2.3vh;
  }

  #page3 h3 {
      font-size: 3vw;
  }

.click-call{
  background-color: var(--background2);
  text-decoration: none;
  border: none;
  padding: 0.5vw 0.6vw;
  border-radius: 1vh;
  margin-left: 45vw;
  color: #45c228;
  font-size: 0.8vw;

  margin-bottom: 3vh;
}



  #page6{
      
  }

  .city-part{
      margin-top: -39vh;
  }

.copyright p{
  margin-top: 25vh;
  font-size: 1.1vw;
}
}
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: all 0.5s ease;
}
.reveal.active{
  transform: translateY(25px);
  opacity: 1;

}
/* for large screen sizes ( Desktop )  */