@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&display=swap");

body,
html {
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
  background-color: #f2f5f8;
  color: #000;
}

.bg-header{
   background : linear-gradient( 60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100% );
  
}

.fa-socials{
    font-size:1rem;
}
.social_link{
    color:#000;
}
.social_link:hover{
    text-decoration:underline;
    color:#00a9a8;
}

.bg-ice{
    background: #00a9a8;
}

.text-ice{
    color:#00a9a8 !important;
}

.bg-ice-sec{
    background: #202f44; 
}

.btn-ice{
    background: #00a9a8;
  color: #fff;
}

.btn-ice:hover{
    background: #202f44;
  color: #fff;
}

.btn-ice-sec{
    background: #202f44;
  color: #fff;
}

.btn-ice-sec:hover{
    background: #00a9a8;
  color: #fff;
}


.logo {
  max-width: 200px;
}

  
    .main-header{
 position: relative;
  text-align: center;
 /* background: linear-gradient(
    60deg,
    rgba(84, 58, 183, 1) 0%,
    rgba(0, 172, 193, 1) 100%
  );*/
 /*background : linear-gradient( 60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100% );*/
   /*background-image: url("../images/bg_main.png");*/
    background: linear-gradient( 60deg, #202f44 0%, #00a9a8 100% );
  color: white;
}
    
    .inner-header {
  height: 80vh;
  width: 100%;
  margin: 0;
  padding: 0;
}

        .waves {
  position: relative;
  width: 100%;
  height: 15vh;
  
  min-height: 100px;
  max-height: 150px;
}
.header-container{
    position: absolute;
   top: 35%;
  
}


.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:30vh;
  }
  
}

.text-black {
  color: #000;
}
.text-white {
  color: #fff;
}

.navbar-light .navbar-nav .nav-link {
  color: #000;
  margin-right: 0.5rem !important;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #00a9a8 !important;
}

.nav-item .dropdown-menu li .dropdown-item:hover {
  background-color: #f89535;
  color: #fff;
}
.main-header {
 
  width: 100%;
}

.vh-100 {
  height: 100vh;
}
.service-card {
  border-radius: 20px;
  height: 100%;
}
.w-75 {
  max-width: 75%;
}
.heading::after {
  content: "";

  display: block;
  width: 60px;
  height: 3px;
  background-color: #00a9a8;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.footer-list-item a{
   color:#ffffff;
   font-size:0.8rem
}
.footer-list-item a:hover{
    color:#00a9a8;
}

.rad-20{
    border-radius:20px !important;
}

.blog-card {

  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  margin-top: -1.25rem;
  margin-right: 4%;
  margin-left: 4%;
}