.water
{
    background-color:#295CA8;
    height:100vh;
}
.beet
{
 background-color:#f2f2f2;
}
.verna
{
    color:black;
    text-decoration:none;
    
}
.verna:hover
{
    color:#249494;
    
}

.verna5
{
    color:black;
    text-decoration:none;
    
}
.verna5:hover
{
    color:#295CA8;
    
}


.drimage
    {
     background-image: url("../img/const2.png");
    background-repeat: no-repeat;
      height:570px;
      width:89%;
      margin-left:40px;
margin-top:60px;
      background-size:cover; 
      opacity: 0.9;
    position: relative;
    }
    .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
}
    
    .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:white;
  font-weight:700;
  font-size:36px;
}


.drimage2
    {
     background-image: url("../img/const3.png");
    background-repeat: no-repeat;
      height:570px;
      width:89%;
      margin-left:40px;
margin-top:60px;
      background-size:cover; 
      opacity: 0.9;
    position: relative;
    }
    .cover2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
}
    
    .centered2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:white;
  font-weight:700;
  font-size:36px;
}

.bkimage
    {
     background-image: url("../img/const6.png");
    background-repeat: no-repeat;
      height:500px;
      width:100%;
margin-top:100px;
      background-size:cover; 
      opacity: 0.9;
    position: relative;
    }
    .cover3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
}
    
    .centered3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:white;
  font-weight:700;
  font-size:46px;
}
.Explore
{
    top: 60%;
    height:48px;
    width:120px;
    color:white;
    background-color: 249494;
    border:none;
    border-radius:5px;
  
}
.pox
{
  height:300px; 
  padding:20px;
  width:80%;
}

.boxx
{
    height:300px;
    padding:20px;
      width:80%;
}

.hero-image {
  background-image:  url("../img/const6.png");
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top:100px;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.hero-text button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: white;
  background-color: #249494;
  text-align: center;
  cursor: pointer;
  width:180px;
  height:48px;
  border-radius:8px;
}

.hero-text button:hover {
  background-color: #555;
  color: white;
}

.auto1
{
    font-size:50px;
}

.step
 {
     margin-top:25px;
 }
.articles22
{
     font-size:29px;
    margin-top:100px;

    margin-bottom:-18px;
    margin-left:30px;
}
.about-txt
{
    font-size:20px;
    margin-left:17px;
}
.girl2
{
    height:550px;
    

}
.cr1
{
    font-size:20px;float:right;margin-top:1px;
    color:#249494;
}


.bot
{
    height:45px;
    width:190px;
    color:white;
    background-color:#249494;
    border:none;
    border-radius:5px;
    margin-top:50px;
}
 .cato6
    {
        font-size:30px;
        font-weight:600;
        text-align:center;
       margin-top: 10px;
    margin-bottom: 25px;

    }
     .cato61
    {
        font-size:30px;
        font-weight:600;
        text-align:center;
       margin-top: 29px;
    margin-bottom: 25px;

    }
.allis

{
    font-size:28px;
    color:white;
    margin-top:50px;
    margin-bottom:20px;
    text-align:center;
}
.anal-txt
{
 margin-top:60px;
 margin-bottom:10px;
 background-color:#249494;
     padding-bottom:40px;

}
.innr-txt1
{
    font-size:17px;
    text-align:center;
    color:white;
    
}


.crd
   {
       font-size:19px;
       margin-top:20px;
       margin-bottom:10px;
           font-weight: bold;
   }
   .third
   {
     margin-top:60px;
       background-color:#88d6d6;
       padding:20px;
       
   
   }
   .thirdt
   {
     margin-top:60px;
       background-color:#c2eeee;
       padding:20px;
       
   
   }
    .teeth
   {
       margin-top:20px;
       font-size:35px;
       color:#249494;
   }
   .dpp {
    text-decoration: none;
    font-size: 18px;
    
    color:#249494;
}
   .merry
   {
       height:50px;
       width:50%;
       background-color:#249494;
       color:white;
       border:none;
       border-radius:7px;
       
       
   }
   .merry:hover
   {
       height:50px;
       width:50%;
       background-color:White;
       color:#249494;
       border:1px solid #249494;
       border-radius:7px;
       
       
   }
   .merry2
   {
       height:50px;
       width:50%;
       background-color:#295CA8;
       color:white;
       border:none;
       border-radius:7px;
       
       
   }
   .merry2:hover
   {
       height:50px;
       width:50%;
       background-color:white;
       color:#295CA8;
       border:1px solid #295CA8;
       border-radius:7px;
       
       
   }
   
   .main
   {
       font-size:32px;
       font-weight:600;
       text-align:center;
       margin-top:30px;
       
   }
   .live
   {
        height:1px;
       background-color:black;
       width:10%;
   }
   
   .line
   {
       height:1px;
       background-color:#249494;
       width:100%;
   }
   .crd7
   {
       font-size:21px;
       font-weight:500;
       margin-top:10px;
       margin-bottom:10px;
   }
   .thirde
   {
     margin-top:20px;
       background-color:white;
       padding:20px;
       
   
   }

.last2
{
    height:400px;
    margin-top:120px;
}
.nest
{
    margin-top:50px;
}
.leadd
{
    font-size:17px;
}
.doler
{
    padding-left:30px;
    padding-right:60px;
}

  

/*Snak Bar start*/


    #snackbar {
      visibility: hidden;
      min-width: 250px;
      margin-left: -125px;
      background-color: #333;
      color: #fff;
      text-align: center;
      border-radius: 2px;
      padding: 16px;
      position: fixed;
      z-index: 1;
      left: 50%;
      bottom: 30px;
      font-size: 17px;
    }
    
    #snackbar.show {
      visibility: visible;
      -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
      animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }
    
    @-webkit-keyframes fadein {
      from {bottom: 0; opacity: 0;} 
      to {bottom: 30px; opacity: 1;}
    }
    
    @keyframes fadein {
      from {bottom: 0; opacity: 0;}
      to {bottom: 30px; opacity: 1;}
    }
    
    @-webkit-keyframes fadeout {
      from {bottom: 30px; opacity: 1;} 
      to {bottom: 0; opacity: 0;}
    }
    
    @keyframes fadeout {
      from {bottom: 30px; opacity: 1;}
      to {bottom: 0; opacity: 0;}
    }
    /*Snak Bar End*/








 @media only screen and (max-width: 768px) {
  .cr1
{
    font-size:20px;
    float:left;
    margin-top:1px;
}   
   .about-txt {
    font-size: 20px;
    margin-left: 5px;
}  

.girl2 {
    height: 387px;
    margin-bottom: 20px;
}
.hero-image {
  background-image:  url("../img/const6.png");
  height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top:100px;
}
.auto1
{
    font-size:27px;
}


.water
{
    background-color:#295CA8;
    height:50vh;
}
.beet
{
 background-color:#f2f2f2;
}
.pox {
    height: 300px;
    padding: 12px;
    width: 100%;
    /* padding-top: 30px; */
    margin-top: 14px;
}

.boxx {
    height: 300px;
    padding: 12px;
    width: 100%;
    /* padding-top: 30px; */
    margin-top: 14px;
}
.doler {
    padding-left: 30px;
    padding-right: 30px;
}
.last2 {
    height: 300px;
    margin-top: -14px;
    width: 100%;
}

.drimage
    {
     background-image: url("../img/const2.png");
    background-repeat: no-repeat;
      height:313px;
      width:89%;
      margin-left:22px;
margin-top:27px;
      background-size:cover; 
      opacity: 0.9;
    position: relative;
    }
.drimage2
    {
     background-image: url("../img/const3.png");
    background-repeat: no-repeat;
      height:313px;
      width:89%;
      margin-left:22px;
margin-top:27px;
      background-size:cover; 
      opacity: 0.9;
    position: relative;
    }
    .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:white;
  font-weight:700;
  font-size:27px;
}
  .centered2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:white;
  font-weight:700;
  font-size:27px;
}
.live {
    height: 1px;
    background-color: black;
    width: 29%;
}

 }
 @media only screen and (max-width: 440px) {
.drimage
    {
     background-image: url("../img/const2.png");
    background-repeat: no-repeat;
      height:42vh;
      width:89%;
      margin-left:22px;
margin-top:27px;
      background-size:cover; 
      opacity: 0.9;
    position: relative;
    }
    .drimage2
    {
     background-image: url("../img/const3.png");
    background-repeat: no-repeat;
      height:42vh;
      width:89%;
      margin-left:22px;
margin-top:27px;
      background-size:cover; 
      opacity: 0.9;
    position: relative;
    }
    
    

}