*{
    padding:0;
    margin: 0;
    font-family: 'poppins',sans-serif;

}
body{
    background: rgb(241, 241, 241);
    letter-spacing: 0.05em;
    height: 100%;
  
}
nav{
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: rgb(184, 184, 230);
    padding: 5px 5%;
    position: sticky;
    top: 0;
    z-index: 100;
}
footer{
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: rgb(184, 184, 230);
    padding: 5px 5%;
    position: sticky;
    top: 0;
    z-index: 100;
    list-style: none;
    align-self: start;

}
footer ul li{
    list-style: none;
display: inline-block;
align-items: last baseline;

}
footer ul li img{
    width: 60px;
    margin: 5 15px;
    margin-right: 20px;
    
    
}
.logo1{
    width: 100px;
    margin-left: 150px;
    align-items: center;
    align-items: center;
    align-content: center;
}
.logo{width: 250px;
    margin-left: 50%;
    align-items: center;
    align-items: center;
    align-content: center;
    margin-top: 75px;

}

.logo:hover{
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5); 
}
.nav-left{
    display: flex;
    align-items: center;

}
.nav-left ul li {
list-style: none;
display: inline-block;

}
.nav-left ul li img{
    width: 60px;
    margin: 5 15px;
    margin-left: 1px;
   


}
.nav-right{
    display: flex;
    align-items: center;

}
.search-box{
    background: #efefef;
    width: 350px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.nav-user-icon img {
    width: 40px;
    border-radius: 50%;
    cursor: pointer;

}
.search-box input{
    width: 100%;
    background: transparent;
    padding: 10px;
    outline: none;
    border: 0;

}
.search-box img{
    width: 10%;
}
.nav-user-icon{
    margin-left: 20px;

}
.table{
    align-items: center;
    width: 50%;
    margin-top: 50px;   
    align-content: center;
    align-self: center;
    margin-left: 25%;
    margin-right: 25%;
    
}
.table tr{
      
    
}
.table tr td{
    text-align: center;
    margin-top: 50px;
    height: 50px;
    margin-bottom: 25px;
    border: 10px solid transparent;
  padding: 15px;
  border-image: url(img/border3.avif) 30 stretch;
  opacity: 0.8;
}
.table tr td:hover{
    opacity: 1
    background:inherit;

}
.table tr td a{
    padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 2px 1px;
  opacity: 0.8;
  transition: 0.7s;
  text-decoration: none;
  color: #000;
}
.table tr td a:hover{
    color: #080949;
    opacity: 1
    
}
.glow {
    font-size: 80px;
    color: #061f57;
    text-align: center;
    animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ee520a, 0 0 40px #db6e14, 0 0 50px #e0f712, 0 0 60px #e0d20f, 0 0 70px #eb3d08;
  }   
  
  to {
    text-shadow: 0 0 20px #19e467, 0 0 30px #0ea7e4, 0 0 40px #037cb4, 0 0 50px #4fc3f8, 0 0 60px #0a9fcc, 0 0 70px #03cfc5, 0 0 80px #0691bb;
  }
  }
  .glow1 {
    font-size: 35px;
    color: #061f57;
    text-align: center;
    animation: glow1 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow1 {
    from {
      text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ee520a, 0 0 40px #db6e14, 0 0 50px #e0f712, 0 0 60px #e0d20f, 0 0 70px #eb3d08;
    }   
    
    to {
      text-shadow: 0 0 20px #19e467, 0 0 30px #0ea7e4, 0 0 40px #037cb4, 0 0 50px #4fc3f8, 0 0 60px #0a9fcc, 0 0 70px #03cfc5, 0 0 80px #0691bb;
    }
  }
.h3{

}
.h1{
    

}
.zoom {
    
        transition: transform .3s;
        margin: 0 auto;
  }
  
  .zoom:hover {
    
    -ms-transform: scale(2.5); /* IE 9 */
    -webkit-transform: scale(2.5); /* Safari 3-8 */
    transform: scale(2.5); 
  }
  .overlay{
    position: absolute;
    opacity: 0;
  transition: .3s ease;
  left: 280px;
  top: 120px;
  }
  .f:hover .overlay{
    opacity: 1;
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(2); /* Safari 3-8 */
    transform: scale(2);
    

  }
  .w1{
    position: absolute;
    opacity: 0;
  transition: .3s ease;
  left: 350px;
  top: 120px;
  }
  .w:hover .w1{
    opacity: 1;
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(2); /* Safari 3-8 */
    transform: scale(2);

  }
  .insta1{
    position: absolute;
    opacity: 0;
  transition: .3s ease;
  left: 440px;
  top: 120px;
  }
  .insta:hover .insta1{
    opacity: 1;
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(2); /* Safari 3-8 */
    transform: scale(2);

  }  .call1{
    position: absolute;
    opacity: 0;
  transition: .3s ease;
  left: 550px;
  top: 120px;
  }
  .call:hover .call1{
    opacity: 1;
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(2); /* Safari 3-8 */
    transform: scale(2);

  }
  
  .slides-nav {
    z-index: 99;
    position:absolute;
    right: -5%;
    display: flex;
    align-items: center;
    height: 100%;
  
    color: #111;
  }
  @media (min-width: 54em) {
    .slides-nav {
      right: 2%;
    }
  }
  .slides-nav__nav {
    position: relative;
    right: 0;
    display: block;
    font-size: 1em;
    transform: rotate(90deg);
    transform-origin: center;
  }
  .slides-nav button {
    position: relative;
    display: inline-block;
    padding: 0.35em;
    margin: 0;
    font-family: "Space Mono", monospace;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    border: 0;
    overflow-x: hidden;
    transition: color 0.5s ease;
  }
  .slides-nav button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 0;
    background: #111;
    transition: width 0.4s ease;
  }
  .slides-nav button:hover {
    cursor: pointer;
    color: rgba(17, 17, 17, 0.75);
    transition: color 0.5s ease;
  }
  .slides-nav button:hover:after {
    width: 100%;
    transition: width 0.4s ease;
  }
  .slides-nav button:focus {
    outline: 0;
  }
  .is-sliding .slides-nav {
    pointer-events: none;
  }
  
  .slides {
    position: relative;
    display: block;
    height: 100vh;
    width: 100%;
    background: rgb(241, 241, 241);
    transition: background 1s cubic-bezier(0.99, 1, 0.92, 1);
  }
  .is-sliding .slides {
    background: rgb(241, 241, 241);
    transition: background 0.3s cubic-bezier(0.99, 1, 0.92, 1);
  }
  
  .slide {
    z-index: -1;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100vh;
    transition: z-index 1s ease;
  }
  .slide.is-active {
    z-index: 19;
    transition: z-index 1s ease;
  }
  .slide__content {
    position: relative;
    margin: 0 auto;
    height: 95%;
    width: 95%;
    top: 2.5%;
  }
  @media (min-width: 54em) {
    .slide__content {
      height: 99%;
      width: 95%;
      top: 1%;
    }
  }
  .slide__header {
    z-index: 9;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    overflow-y: hidden;
    transform: translateX(5%);
  }
  @media (min-width: 54em) {
    .slide__header {
      transform: translateX(-5%);
    }
  }
  .slide__title {
    font-family: Montserrat, helvetica;
    font-size: 2.5em;
    font-weight: 700;
    color: #111;
    overflow-y: hidden;
  }
  @media (min-width: 54em) {
    .slide__title {
      font-size: 5em;
    }
  }
  .slide__title .title-line {
    display: block;
    overflow-y: hidden;
  }
  .slide__title .title-line span {
    display: inline-block;
    transform: translate3d(0, 140%, 0);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.8s ease;
  }
  .slide__title .title-line span:nth-child(1) {
    transition-delay: 0.15s;
  }
  .slide__title .title-line span:nth-child(2) {
    transition-delay: 0.3s;
  }
  .is-active .slide__title .title-line span {
    transform: translate3d(0, 0%, 0);
    opacity: 1;
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease;
  }
  .is-active .slide__title .title-line:nth-of-type(2n) span {
    transition-delay: 0.2s;
  }
  .slide__figure {
    z-index: 7;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .is-sliding .slide__figure {
    transform: scale(0.8);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .slide__img {
    position: relative;
    display: block;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50%;
    -webkit-backface-visibility: hidden;
    height: 0%;
    width: 100%;
    filter: grayscale(0%);
    transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), filter 0.4s 0.1s ease;
  }
  .is-active .slide__img {
    height: 100%;
    opacity: 1;
    transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), filter 0.4s 0.1s ease;
  }
  .is-sliding .slide__img {
    filter: grayscale(100%);
  }
  .open-button {
  background-color: #ffffff00;
  color: rgba(255, 255, 255, 0);
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.7;
  position: absolute;
  bottom: 65px;
  right: 5px;
  width: 300px;
  
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}