.light {
    position: relative;
    width: 0px;
    opacity: .75;
    background-color: white;
    box-shadow: #e9f1f1 0px 0px 20px 2px;
    opacity: 0;
    top: 100vh;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

    .x1{
    -webkit-animation: floatUp 4s infinite linear;
    -moz-animation: floatUp 4s infinite linear;
    -o-animation: floatUp 4s infinite linear;
    animation: floatUp 4s infinite linear;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    }

    .x2{
    -webkit-animation: floatUp 7s infinite linear;
    -moz-animation: floatUp 7s infinite linear;
    -o-animation: floatUp 7s infinite linear;
    animation: floatUp 7s infinite linear;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    left: 15%;
    }

    .x3{
    -webkit-animation: floatUp 2.5s infinite linear;
    -moz-animation: floatUp 2.5s infinite linear;
    -o-animation: floatUp 2.5s infinite linear;
    animation: floatUp 2.5s infinite linear;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    left: -15%;
    }

    .x4{
    -webkit-animation: floatUp 4.5s infinite linear;
    -moz-animation: floatUp 4.5s infinite linear;
    -o-animation: floatUp 4.5s infinite linear;
    animation: floatUp 4.5s infinite linear;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    left: -34%;
    }

    .x5{
    -webkit-animation: floatUp 8s infinite linear;
    -moz-animation: floatUp 8s infinite linear;
    -o-animation: floatUp 8s infinite linear;
    animation: floatUp 8s infinite linear;
    -webkit-transform: scale(2.2);
    -moz-transform: scale(2.2);
    -o-transform: scale(2.2);
    transform: scale(2.2);
    left: -57%;
    }

    .x6{
    -webkit-animation: floatUp 3s infinite linear;
    -moz-animation: floatUp 3s infinite linear;
    -o-animation: floatUp 3s infinite linear;
    animation: floatUp 3s infinite linear;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    left: -81%;
    }

    .x7{
    -webkit-animation: floatUp 5.3s infinite linear;
    -moz-animation: floatUp 5.3s infinite linear;
    -o-animation: floatUp 5.3s infinite linear;
    animation: floatUp 5.3s infinite linear;
    -webkit-transform: scale(3.2);
    -moz-transform: scale(3.2);
    -o-transform: scale(3.2);
    transform: scale(3.2);
    left: 37%;
    }

    .x8{
    -webkit-animation: floatUp 4.7s infinite linear;
    -moz-animation: floatUp 4.7s infinite linear;
    -o-animation: floatUp 4.7s infinite linear;
    animation: floatUp 4.7s infinite linear;
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    left: 62%;
    }

    .x9{
    -webkit-animation: floatUp 4.1s infinite linear;
    -moz-animation: floatUp 4.1s infinite linear;
    -o-animation: floatUp 4.1s infinite linear;
    animation: floatUp 4.1s infinite linear;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    left: 85%;
    }

@-webkit-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-moz-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-o-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}

@-webkit-keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@-moz-keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@-o-keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@-webkit-keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@-moz-keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@-o-keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@-webkit-keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

@-moz-keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

@-o-keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

@keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}














.custom-shape-divider-bottom-1705589500 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-bottom-1705589500 svg {
  position: relative;
  display: block;
  width: calc(105% + 1.3px);
  height: 111px;
}

.custom-shape-divider-bottom-1705589500 .shape-fill {
  fill: rgb(24.5, 24.5, 24.5);
}



.office-images .card{
  background: #111e35;
}
.office-images .card::before{
  content: "";
  position: absolute;
  height: 20%;
  width: 120%;
  background: linear-gradient(#0cf, #d500f9);
  animation: rotate 20s linear infinite;
  transition: all 3s;
}

@keyframes rotate{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}
.office-images .card:hover::before {
  animation-play-state: paused;
  height: 220%;
  width: 220%;
  background: linear-gradient(#0cf, #d500f9);
}

.office-images .card::after{
  content: '';
  position: absolute;
  background: #111e35;
  inset: 5px;
}









.forms-card{
  position: relative;
}
.forms-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(from var(--a), #0e4b50, #2d8f85, #637c54, #2d8f85, #0e4b50);
  border-radius: inherit;
}
.forms-card::after{
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(from var(--a), #0e4b50, #2d8f85, #637c54, #2d8f85, #0e4b50);
  border-radius: inherit;
  filter: blur(10rem);
}
.forms-card .text-forms-card{
  width: inherit;
  min-height: 90vh;
  position: relative;
  background:  #00091a;
  border-radius: inherit;
  z-index: 1;
  padding: 20px;
}

@property --a{
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes rotating-card {

  0%{
    --a: 0deg
  }
  100%{
    --a: 360deg
  }
}






.office-images .card{
  background: #111e35;
}
.office-images .card::before{
  content: "";
  position: absolute;
  height: 20%;
  width: 120%;
  background: linear-gradient(#0cf, #d500f9);
  animation: rotate 20s linear infinite;
  transition: all 3s;
}

@keyframes rotate{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}

.office-images .card:hover::before {
  animation-play-state: paused;
  height: 220%;
  width: 220%;
  background: linear-gradient(#0cf, #d500f9);
}

.office-images .card::after{
  content: '';
  position: absolute;
  background: #111e35;
  inset: 5px;
}











.whatsapp-icon .fa-whatsapp{
  transition: transform 0.3s ease-in-out; /* Adjust the duration and easing function as needed */
}

.whatsapp-icon:hover .fa-whatsapp{
  transform: translateY(-20px);
}

.facebook-icon .fa-facebook{
  transition: transform 0.3s ease-in-out; /* Adjust the duration and easing function as needed */
}

.facebook-icon:hover .fa-facebook{
  transform: translateY(-20px);
}

.instagram-icon .fa-instagram{
  transition: transform 0.3s ease-in-out; /* Adjust the duration and easing function as needed */
}

.instagram-icon:hover .fa-instagram{
  transform: translateY(-20px);
}




















@media (max-width: 335px){
  .custom-shape-divider-bottom-1705589500 svg {
    position: relative;
    display: block;
    width: calc(150% + 1.3px);
    height: 111px;
  }

}
@media (max-width: 495px) and (min-width: 336px){
  .custom-shape-divider-bottom-1705589500 svg {
    position: relative;
    display: block;
    width: calc(150% + 1.3px);
    height: 50px;
  }

}

@media (max-width: 615px) and (min-width: 496px){
  .custom-shape-divider-bottom-1705589500 svg {
    position: relative;
    display: block;
    width: calc(111% + 1.3px);
    height: 110px;
  }
}
@media (max-height: 800px) and (min-height: 400px){
  .custom-shape-divider-bottom-1705589500 svg {
    position: relative;
    display: block;
    width: calc(250% + 1.3px);
    height: 110px;
  }
}
@media (max-width: 1000px){
  .office-images .card::before{
    height: 150%;
    width: 20%;
  }
}