*{
  text-decoration: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  box-sizing: border-box;
  
      background-color: #aa8ba1;   
}
@keyframes change-color {
  0% { color: crimson; }
  33% { color: rgb(216, 112, 181); }
  56% { color: rgb(165, 50, 42); }
  66% { color: rgb(70, 0, 128); }
  76% { color: rgb(85, 192, 211); }
  100% { color:darkblue; }
}

.change-color {
  animation: change-color 3s linear infinite;
  /* text-decoration: underline; */
  text-align: center;
 }


  @keyframes change-color2 {
    100% { color:darkblue; }
    76% { color: mediumorchid; }
    66% { color: purple; }
    56% { color: brown; }
    33% { color: palevioletred; }
    22% { color: rgb(89, 66, 71); }
    11% { color:rgba(240, 128, 128, 0.553); }
    0% { color: rgb(220, 20, 20); }
  }


  .change-color2 {
    animation: change-color 4s linear infinite;
    text-decoration: none;
    display: inline-block;

  }
marquee{
  font-size: 2rem;
  animation-duration: 3s;
  font-family: 'Montserrat', sans-serif;
  text-transform: calc();
}
@keyframes change-color3 {
  100% { color:rgb(0, 139, 30); }
  76% { color: rgb(200, 151, 212); }
  66% { color: rgb(224, 39, 224); }
  56% { color: brown; }
  33% { color: rgb(230, 118, 33); }
  22% { color: rgb(227, 9, 56); }
  11% { color:rgba(251, 68, 68, 0.553); }
  0% { color: rgb(220, 4, 4); }
}


.change-color3 {
  animation: change-color 6s linear infinite;
  text-decoration: none;
  display: inline-block;

}
marquee1{
font-size: 1rem;
animation-duration: 3s;
font-family: 'Montserrat', sans-serif;
text-transform: calc();
}
 h2{
  text-align: center;
  
    
  text-decoration: overline;
   font-style: italic;
  
   text-transform: uppercase; 
   
  }
   
 
 
h2:hover{
  color: crimson;
} 

body {
  font-family: Arial, sans-serif;
}

.dropdown-content {
  
  display: none;
  position: absolute;
  background-color: #aa8ba1;
  min-width: 122.5px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
  z-index: 1;
 }
 
 .dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
 }
 
 .dropdown-content a:hover {
  background-color: #ddd;
 }
 
 .dropdown:hover .dropdown-content {
  display: block;
 }

 .dropdown {
  display: none;
  position: absolute;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  min-width: 122.5px;
   
 }
 .dropdown  a {
  
  text-decoration: none;
 }
 .dropdown  a:hover {
  
 background-color: #ddd;
 }
 .dropdown  a:hover {
  
  color: crimson;
  }
 /* :hover ul.dropdown {
  display: bloCK;
  color: crimson;
  cursor: pointer; */


 
li {
  position: relative;
  display: inline-block;
 }
 
 li ul.dropdown {
  display: none;
  position: absolute;
 
  min-width: 300px;
   box-shadow: 0px 80px 106px 900px rgba(0,0,0,0.2);
  z-index: 5;
  border-radius: 60px; 
 }
 
 li ul.dropdown li {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;

 }
 

 li ul.dropdown li a {
  
  text-decoration: none;
 }
 li ul.dropdown li a:hover {
  
 background-color: #ddd;
 }
 li ul.dropdown li a:hover {
  
  color: crimson;
  }
 li:hover ul.dropdown {
  display: bloCK;
  color: crimson;
  cursor: pointer;


 }
.service-section{
  display: flex;
  justify-content: space-evenly;
  
  
}
.box{
  
  height: 900px;
  width: 100%;
  background-color: #aa8ba1;
  overflow: hidden;
  padding: 20px 0px 15px;
  margin-top: 5px;
}
.BOX-IMG{
  height:900px;
  object-fit: cover;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-size: cover;

}
.box-content{
  margin-left: 1rem;
  margin-right: 1rem;
  
}
.box-content p{
  color: crimson;
}
.service-section2{
  display: flex;
  
  justify-content: space-evenly;}
  .box{

    height: 900px;
    width: 100%;
    background-color: #aa8ba1;
    padding: 20px 0px 15px;
    margin-top: 5px;
  }

  
  .BOX-IMG { 
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    object-fit: cover;
}

 .BOX-IMG img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
} 

  .box1{
   
    height: 900px;
    width: 100%;
    background-color: #aa8ba1;
    padding: 20px 0px 15px;
    margin-top: 5px;
  }

  .BOX-IMG1{
    height: 800px;
    background-size: cover;
  
  }

  .service-main{
    display: flex;
    flex-wrap: wrap;
  }
  a{
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bolder;
  }
  
  a:hover{
    color: crimson;
    border: 2px solid black;
    padding: 9px 18px;
    cursor: pointer;
    box-shadow: 3px 3px 9px rgba(0, 0, 0, .2), inset -
    3px -3px 9px rgba(0, 0, 0, .2);
    text-decoration: none;

}
h3{
  text-transform: uppercase;
  font-style: italic;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
   
}
h3:hover{
  color: crimson;
  border: 1px solid #aa8ba1;
  padding: 1px 1px; 
  cursor: pointer; 
   box-shadow: 3px 3px 9px rgba(0, 0, 0, .2), inset -
  3px -3px 9px rgba(0, 0, 0, .2);
   text-decoration: none;
   

}



h4{
  text-transform: uppercase;
  font-style: italic;
}
h4:hover{
  color: crimson;
}
header {
   
    padding: 40px;
    text-align: center;
  }

nav {
  
  padding: 20px;
  text-transform: uppercase;
  font-style: italic;


  
}

nav ul {
  justify-content: space-evenly;
  display: flex;
  flex: 2 2  auto;


}
 .navu2{
  text-transform: uppercase;
  font-style: italic;
  justify-content: space-evenly;
  display: flex;
  margin-left: auto;
  
}

nav ul li {
  
  display: inline;
  margin-right: 20px;
  flex: 1 1 auto;
  
}
section {
    padding: 80px;
   
  }
  
  footer {
   
    padding: 80px;
    text-align: center;
  
text-decoration: underflow;}
 .container{
  max-width: 900px;
  margin:auto

  
}
.row{
  display:flex;
  
  flex-wrap: wrap;
  display: flex;
 justify-content: space-between;
 padding: 10px;

 }
u1{
  list-style: none;
}
.footer{
 
 padding: 10px;
}
.footer-col{
width: 25%;
padding:0 15px;
}
.footer-col h4{
  margin-bottom:40px;
  font-size:18px;

  text-transform: capitalize;
  font-weight: 500;
  position: relative;
}
.footer-col h4::before{
  content:'';
  position: absolute;
  left: 0;
  bottom: -10px;
 
  height: 2px;
  width: 50px;
  border-radius: border-box;
}
.footer-col u1 li:not(:last-child){
  margin-bottom: 10px;
}
.footer-col u1 li a{
  
  font-size: 16px;
  text-transform: capitalize;

  text-decoration: none;
  font-weight: 300;

  display: block;
  transition: all 0.3s ease;
  
}
.footer-col u1 li a:hover{

  padding-left: 10px;

}
.footer-col .social-link a{
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #D3D3D3;
  color: black;
  
  margin: 0  10px 10px 0;
  border-radius: 50%;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  transition: all 0.5s ease;

}
.footer-col .social-link a:hover{
 
  background-color: white;
  color: black;
}
@media (max-width: 800px) {
  .footer-col {
    width: 50%;
    margin-bottom: 30px;}
  }
  @media (max-width: 600px) {
    .footer-col {
      width: 100%;
      }
    }
    
     hover-text {
      position: absolute;
      top: 0;
      left: 40px;
      width: 100%;
      height: 100%;
      line-height: 30px;
      text-align: center;
      visibility: hidden;
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      transition: visibility 0.5s ease;
     }
     
     hover-container:hover .hover-text {
      visibility: visible;
     }
      
    p{
      font-size: larger;
      font-style: italic;
      font-size: larger;
      text-align: center;
      text-decoration: none;
    } 
    p:hover{
      color: crimson;
    }