@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');


.poppins-light {
  font-family: "Poppins", serif;
  font-weight: 300;
  font-style: normal;
}

.mont {
  font-family: 'Montserrat', sans-serif;
}
.rale {
  font-family: 'Raleway', sans-serif;
}


.slider h3,
.slider h5 {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
}

.navbar-fixed img {
	max-width: 200px;
	max-height: 50px;
}

.section, footer {
	padding: 20px 0px;
}

.about img {
	
	max-width:  100px;
}
.services img {
	max-width: 100px;
}
.peta, img {
	max-width: 100%;
	
}
.dir img {
	max-width: 50px;
}

.hh {
  height: 10vh;
}

.hhh {
  height: 10vh;
}

.fullh {
  height: 75vh;
}


.contain {
	position: relative;
}


  main {
    flex: 1 0 auto;
  }

  .flex2
  {
    display:flex;
    right: 15%;
    margin-top: -2%;
  }


  .bg-image {
  
    /* Add the blur effect */
    filter: blur(18px);
    -webkit-filter: blur(18px);
    
  }
  
  .blur {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background-color: rgba(228, 241, 250, 0.247);
    border-radius: 3px;
    border: 1px solid rgba(231, 229, 250, 0.205);
  }

  .bg-color {
  background: #e8f3fa;
  background: linear-gradient(90deg, rgba(232, 243, 250, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(232, 252, 252, 1) 100%);
}

.bg-color-2 {
  background: #E3F2FD;
  background: radial-gradient(circle, rgba(227, 242, 253, 1) 0%, rgba(240, 251, 255, 1) 17%, rgb(215, 244, 248) 100%);
}

.ac-color {
  background: #BBDEFB;
  background: linear-gradient(90deg, rgba(187, 222, 251, 1) 0%, rgba(240, 251, 255, 1) 49%, rgba(178, 235, 242, 1) 100%);
}

.glass {
/* From https://css.glass */
background: rgba(255, 255, 255, 0.18);
border-radius: 18px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.2px);
-webkit-backdrop-filter: blur(7.2px);
border: 1px solid rgba(255, 255, 255, 1);
}

.btnrd {
border-radius: 30px;
}

.color-1 {
         .btn-grad {background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5  51%, #00d2ff  100%)}
         .btn-grad {
            margin: 10px;
            padding: 15px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
}




.bgtext {
  transform: rotate(90deg);
  opacity: 0.5;
  font-weight:400;
  font-size:400px;
  z-index: -99;
  position: fixed;
  width: 150px;
  height: 80px;

}

@media (max-width: 991px)
{
  .bgtext {
    opacity: 0.5;
    font-weight:400;
    font-size:200px;
    z-index: -99;
 
  }

  .flex2
  {

    right: -10%;
    margin-top: 1%;
  }
}