@import url(bootstrap.css);
@import url(fonts.css);
@import url(plugins.css);
@use "sass:math";
main {
  min-height: 100vh;
  min-height: 100lvh; }

body {
  background-color: #003877;
  min-height: 100vh;
  min-height: 100lvh; }

.btn {
  display: inline-block;
  color: #002438;
  font-weight: 600;
  line-height: 1.1;
  padding: 15px 0 14px 0;
  padding-inline-start: 50px;
  padding-inline-end: 25px;
  border-radius: 55px;
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .btn {
    font-size: 12px; }
    @media screen and (min-width: 320px) {
      .btn {
        font-size: calc(12px + 4 * ((100vw - 320px) / 1601)); } }
    @media screen and (min-width: 1921px) {
      .btn {
        font-size: 16px; } }
  .btn .viewAll {
    color: #002438; }
  .btn::before {
    content: "";
    position: absolute;
    inset-inline-start: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("../assets/images/in-ward-arrow-dark-blue.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .btn.btn-prim {
    background-color: rgba(255, 255, 255, 0.8); }
  .btn:hover {
    background-color: #00B8AA;
    color: #ffffff; }
    .btn:hover::before {
      background-image: url("../assets/images/in-ward-arrow-dark-white.svg"); }
    .btn:hover .viewAll {
      color: #ffffff; }
  .btn.ripple-effect::before {
    z-index: 10; }
  .btn.ripple-effect:hover {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #00B8AA; }
  .btn.ripple-effect span {
    z-index: -1; }

*,
*::after,
*::before {
  -webkit-font-smoothing: antialiased; }
  *:focus,
  *::after:focus,
  *::before:focus {
    outline-color: #00B8AA !important;
    border-color: #00B8AA !important;
    outline: 5px auto #00B8AA !important; }

p,
a,
span,
h1,
h2,
h3 {
  will-change: transform; }

*::before,
*::after {
  will-change: transform; }

#smooth-content {
  will-change: transform; }

.pin-spacer {
  margin-top: -2px; }

.no-scroll {
  overflow: hidden; }

.intro-typing-animation {
  min-height: 156px; }

.ripple-effect {
  background: transparent;
  overflow: hidden;
  position: relative; }
  .ripple-effect .ripple {
    position: absolute;
    background: #00B8AA;
    transform: translate(-50%, -50%);
    pointer-events: none;
    border-radius: 50%;
    animation: rippleAnimation 1s forwards; }
  .ripple-effect.white .ripple {
    background: #ffffff; }

.wrap {
  position: relative;
  height: 55vh;
  /* Changed to viewport height */
  display: flex;
  width: 100%;
  justify-content: space-between;
  overflow: hidden;
  /* Added to contain the animation */
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px); }
  .wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(0, 56, 119, 0.2) 0%, rgba(0, 56, 119, 0) 100%); }

.c {
  width: 0.1%;
  bottom: 0;
  /* Added to position at bottom */
  transform: translateY(60vh);
  /* Changed to use viewport height */
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  .c:after {
    content: "";
    position: absolute;
    width: 0.4vw;
    height: 0.4vw;
    border-radius: 50%;
    left: 50%;
    top: 0;
    /* Changed to bottom */
    margin-left: -0.2vw;
    animation: radiate 2s infinite;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s; }
  .c.affected {
    animation: riseAffected 15s infinite ease-out; }
  .c:hover {
    background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #00B8AA) !important; }
    .c:hover:after {
      background: #00B8AA !important;
      box-shadow: 0 0 5px rgba(164, 235, 244, 0.8), 0 0 10px rgba(164, 228, 244, 0.6), 0 0 15px rgba(164, 221, 244, 0.4), 0 0 20px rgba(224, 249, 255, 0.2); }

.s {
  min-width: 30px;
  width: 30px;
  height: 30px;
  display: block;
  background-color: #002438;
  border-radius: 4px;
  position: relative;
  bottom: 0;
  /* Added to position at bottom */
  transform: translateY(60vh);
  /* Changed to use viewport height */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .s:hover {
    background-color: #00b8aa !important; }

.c:nth-child(1) {
  left: 0%;
  height: 441px;
  animation: rise 19s infinite ease-out;
  animation-delay: -0.2631578947s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -14.3421052632s; }
  .c:nth-child(1):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(1) {
  left: 0%;
  animation: riseSquare 12s infinite ease-out;
  animation-delay: -4.8684210526s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -8.6842105263s; }

.c:nth-child(2) {
  left: 0.1%;
  height: 446px;
  animation: rise 6s infinite ease-out;
  animation-delay: -5.7894736842s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -14.0789473684s; }
  .c:nth-child(2):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(2) {
  left: 0.1%;
  animation: riseSquare 20s infinite ease-out;
  animation-delay: -15s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -1.9736842105s; }

.c:nth-child(3) {
  left: 0.2%;
  height: 470px;
  animation: rise 7s infinite ease-out;
  animation-delay: -4.3421052632s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -5.9210526316s; }
  .c:nth-child(3):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(3) {
  left: 0.2%;
  animation: riseSquare 18s infinite ease-out;
  animation-delay: -2.8947368421s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -8.8157894737s; }

.c:nth-child(4) {
  left: 0.3%;
  height: 459px;
  animation: rise 8s infinite ease-out;
  animation-delay: -0.3947368421s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -2.8947368421s; }
  .c:nth-child(4):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(4) {
  left: 0.3%;
  animation: riseSquare 20s infinite ease-out;
  animation-delay: -10.7894736842s;
  background: #003d77;
  animation-delay: -2.8947368421s; }

.c:nth-child(5) {
  left: 0.4%;
  height: 482px;
  animation: rise 15s infinite ease-out;
  animation-delay: -0.1315789474s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -5.9210526316s; }
  .c:nth-child(5):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(5) {
  left: 0.4%;
  animation: riseSquare 12s infinite ease-out;
  animation-delay: -6.0526315789s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -14.4736842105s; }

.c:nth-child(6) {
  left: 0.5%;
  height: 488px;
  animation: rise 13s infinite ease-out;
  animation-delay: -5.3947368421s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -9.2105263158s; }
  .c:nth-child(6):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(6) {
  left: 0.5%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -8.9473684211s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -3.1578947368s; }

.c:nth-child(7) {
  left: 0.6%;
  height: 358px;
  animation: rise 13s infinite ease-out;
  animation-delay: -5.9210526316s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -8.6842105263s; }
  .c:nth-child(7):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(7) {
  left: 0.6%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -1.1842105263s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -4.3421052632s; }

.c:nth-child(8) {
  left: 0.7%;
  height: 443px;
  animation: rise 8s infinite ease-out;
  animation-delay: -5s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -2.2368421053s; }
  .c:nth-child(8):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(8) {
  left: 0.7%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -7.7631578947s;
  background: #003d77;
  animation-delay: -0.6578947368s; }

.c:nth-child(9) {
  left: 0.8%;
  height: 394px;
  animation: rise 12s infinite ease-out;
  animation-delay: -12.5s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -5.1315789474s; }
  .c:nth-child(9):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(9) {
  left: 0.8%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -5.1315789474s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -13.9473684211s; }

.c:nth-child(10) {
  left: 0.9%;
  height: 346px;
  animation: rise 15s infinite ease-out;
  animation-delay: -1.1842105263s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -4.3421052632s; }
  .c:nth-child(10):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(10) {
  left: 0.9%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -12.2368421053s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -0.9210526316s; }

.c:nth-child(11) {
  left: 1%;
  height: 396px;
  animation: rise 11s infinite ease-out;
  animation-delay: -4.4736842105s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -11.7105263158s; }
  .c:nth-child(11):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(11) {
  left: 1%;
  animation: riseSquare 11s infinite ease-out;
  animation-delay: -4.0789473684s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -4.2105263158s; }

.c:nth-child(12) {
  left: 1.1%;
  height: 491px;
  animation: rise 7s infinite ease-out;
  animation-delay: -12.1052631579s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -0.1315789474s; }
  .c:nth-child(12):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(12) {
  left: 1.1%;
  animation: riseSquare 17s infinite ease-out;
  animation-delay: -12.1052631579s;
  background: #003d77;
  animation-delay: -6.3157894737s; }

.c:nth-child(13) {
  left: 1.2%;
  height: 451px;
  animation: rise 11s infinite ease-out;
  animation-delay: -4.2105263158s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -2.7631578947s; }
  .c:nth-child(13):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(13) {
  left: 1.2%;
  animation: riseSquare 15s infinite ease-out;
  animation-delay: -1.5789473684s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -4.6052631579s; }

.c:nth-child(14) {
  left: 1.3%;
  height: 497px;
  animation: rise 11s infinite ease-out;
  animation-delay: -6.0526315789s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -12.3684210526s; }
  .c:nth-child(14):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(14) {
  left: 1.3%;
  animation: riseSquare 17s infinite ease-out;
  animation-delay: -5.5263157895s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -1.4473684211s; }

.c:nth-child(15) {
  left: 1.4%;
  height: 374px;
  animation: rise 7s infinite ease-out;
  animation-delay: -13.6842105263s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -12.6315789474s; }
  .c:nth-child(15):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(15) {
  left: 1.4%;
  animation: riseSquare 17s infinite ease-out;
  animation-delay: -3.8157894737s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -11.4473684211s; }

.c:nth-child(16) {
  left: 1.5%;
  height: 427px;
  animation: rise 7s infinite ease-out;
  animation-delay: -11.9736842105s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -13.8157894737s; }
  .c:nth-child(16):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(16) {
  left: 1.5%;
  animation: riseSquare 18s infinite ease-out;
  animation-delay: -14.6052631579s;
  background: #003d77;
  animation-delay: -14.6052631579s; }

.c:nth-child(17) {
  left: 1.6%;
  height: 328px;
  animation: rise 19s infinite ease-out;
  animation-delay: -3.2894736842s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -2.6315789474s; }
  .c:nth-child(17):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(17) {
  left: 1.6%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -1.9736842105s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -9.3421052632s; }

.c:nth-child(18) {
  left: 1.7%;
  height: 314px;
  animation: rise 20s infinite ease-out;
  animation-delay: -2.2368421053s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -1.0526315789s; }
  .c:nth-child(18):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(18) {
  left: 1.7%;
  animation: riseSquare 16s infinite ease-out;
  animation-delay: -5.5263157895s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -12.1052631579s; }

.c:nth-child(19) {
  left: 1.8%;
  height: 413px;
  animation: rise 13s infinite ease-out;
  animation-delay: -8.2894736842s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -4.2105263158s; }
  .c:nth-child(19):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(19) {
  left: 1.8%;
  animation: riseSquare 18s infinite ease-out;
  animation-delay: -12.7631578947s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -7.5s; }

.c:nth-child(20) {
  left: 1.9%;
  height: 320px;
  animation: rise 9s infinite ease-out;
  animation-delay: -9.7368421053s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -14.4736842105s; }
  .c:nth-child(20):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(20) {
  left: 1.9%;
  animation: riseSquare 15s infinite ease-out;
  animation-delay: -0.9210526316s;
  background: #003d77;
  animation-delay: -11.9736842105s; }

.c:nth-child(21) {
  left: 2%;
  height: 342px;
  animation: rise 8s infinite ease-out;
  animation-delay: -13.6842105263s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -14.4736842105s; }
  .c:nth-child(21):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(21) {
  left: 2%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -14.3421052632s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -1.8421052632s; }

.c:nth-child(22) {
  left: 2.1%;
  height: 497px;
  animation: rise 10s infinite ease-out;
  animation-delay: -2.7631578947s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -5.1315789474s; }
  .c:nth-child(22):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(22) {
  left: 2.1%;
  animation: riseSquare 6s infinite ease-out;
  animation-delay: -7.6315789474s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -11.1842105263s; }

.c:nth-child(23) {
  left: 2.2%;
  height: 420px;
  animation: rise 18s infinite ease-out;
  animation-delay: -10.5263157895s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -9.3421052632s; }
  .c:nth-child(23):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(23) {
  left: 2.2%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -14.2105263158s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -11.1842105263s; }

.c:nth-child(24) {
  left: 2.3%;
  height: 458px;
  animation: rise 9s infinite ease-out;
  animation-delay: -9.4736842105s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -2.6315789474s; }
  .c:nth-child(24):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(24) {
  left: 2.3%;
  animation: riseSquare 7s infinite ease-out;
  animation-delay: -14.3421052632s;
  background: #003d77;
  animation-delay: -1.1842105263s; }

.c:nth-child(25) {
  left: 2.4%;
  height: 390px;
  animation: rise 10s infinite ease-out;
  animation-delay: -8.0263157895s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -5.7894736842s; }
  .c:nth-child(25):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(25) {
  left: 2.4%;
  animation: riseSquare 11s infinite ease-out;
  animation-delay: -12.7631578947s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -9.7368421053s; }

.c:nth-child(26) {
  left: 2.5%;
  height: 486px;
  animation: rise 19s infinite ease-out;
  animation-delay: -14.6052631579s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -13.8157894737s; }
  .c:nth-child(26):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(26) {
  left: 2.5%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -6.9736842105s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -4.2105263158s; }

.c:nth-child(27) {
  left: 2.6%;
  height: 463px;
  animation: rise 8s infinite ease-out;
  animation-delay: -3.4210526316s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -11.5789473684s; }
  .c:nth-child(27):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(27) {
  left: 2.6%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -1.7105263158s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -10.1315789474s; }

.c:nth-child(28) {
  left: 2.7%;
  height: 418px;
  animation: rise 10s infinite ease-out;
  animation-delay: -10.1315789474s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -9.4736842105s; }
  .c:nth-child(28):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(28) {
  left: 2.7%;
  animation: riseSquare 14s infinite ease-out;
  animation-delay: -3.9473684211s;
  background: #003d77;
  animation-delay: -14.8684210526s; }

.c:nth-child(29) {
  left: 2.8%;
  height: 431px;
  animation: rise 7s infinite ease-out;
  animation-delay: -9.7368421053s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -13.4210526316s; }
  .c:nth-child(29):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(29) {
  left: 2.8%;
  animation: riseSquare 7s infinite ease-out;
  animation-delay: -13.1578947368s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -11.9736842105s; }

.c:nth-child(30) {
  left: 2.9%;
  height: 443px;
  animation: rise 9s infinite ease-out;
  animation-delay: -5.7894736842s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -0.7894736842s; }
  .c:nth-child(30):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(30) {
  left: 2.9%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -15s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -5.1315789474s; }

.c:nth-child(31) {
  left: 3%;
  height: 410px;
  animation: rise 13s infinite ease-out;
  animation-delay: -12.5s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -4.2105263158s; }
  .c:nth-child(31):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(31) {
  left: 3%;
  animation: riseSquare 11s infinite ease-out;
  animation-delay: -2.3684210526s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -12.7631578947s; }

.c:nth-child(32) {
  left: 3.1%;
  height: 415px;
  animation: rise 13s infinite ease-out;
  animation-delay: -6.3157894737s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -13.4210526316s; }
  .c:nth-child(32):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(32) {
  left: 3.1%;
  animation: riseSquare 7s infinite ease-out;
  animation-delay: -5.3947368421s;
  background: #003d77;
  animation-delay: -13.2894736842s; }

.c:nth-child(33) {
  left: 3.2%;
  height: 396px;
  animation: rise 7s infinite ease-out;
  animation-delay: -7.1052631579s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -5.9210526316s; }
  .c:nth-child(33):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(33) {
  left: 3.2%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -4.6052631579s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -4.2105263158s; }

.c:nth-child(34) {
  left: 3.3%;
  height: 394px;
  animation: rise 19s infinite ease-out;
  animation-delay: -3.0263157895s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -14.8684210526s; }
  .c:nth-child(34):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(34) {
  left: 3.3%;
  animation: riseSquare 20s infinite ease-out;
  animation-delay: -7.8947368421s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -10.9210526316s; }

.c:nth-child(35) {
  left: 3.4%;
  height: 437px;
  animation: rise 16s infinite ease-out;
  animation-delay: -14.2105263158s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -2.5s; }
  .c:nth-child(35):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(35) {
  left: 3.4%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -5.9210526316s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -8.8157894737s; }

.c:nth-child(36) {
  left: 3.5%;
  height: 425px;
  animation: rise 6s infinite ease-out;
  animation-delay: -14.0789473684s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -2.1052631579s; }
  .c:nth-child(36):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(36) {
  left: 3.5%;
  animation: riseSquare 7s infinite ease-out;
  animation-delay: -1.1842105263s;
  background: #003d77;
  animation-delay: -1.3157894737s; }

.c:nth-child(37) {
  left: 3.6%;
  height: 481px;
  animation: rise 16s infinite ease-out;
  animation-delay: -2.7631578947s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -1.7105263158s; }
  .c:nth-child(37):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(37) {
  left: 3.6%;
  animation: riseSquare 16s infinite ease-out;
  animation-delay: -13.0263157895s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -13.4210526316s; }

.c:nth-child(38) {
  left: 3.7%;
  height: 343px;
  animation: rise 16s infinite ease-out;
  animation-delay: -12.6315789474s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -5.9210526316s; }
  .c:nth-child(38):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(38) {
  left: 3.7%;
  animation: riseSquare 12s infinite ease-out;
  animation-delay: -7.7631578947s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -3.6842105263s; }

.c:nth-child(39) {
  left: 3.8%;
  height: 470px;
  animation: rise 18s infinite ease-out;
  animation-delay: -5s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -11.8421052632s; }
  .c:nth-child(39):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(39) {
  left: 3.8%;
  animation: riseSquare 14s infinite ease-out;
  animation-delay: -9.6052631579s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -3.4210526316s; }

.c:nth-child(40) {
  left: 3.9%;
  height: 452px;
  animation: rise 9s infinite ease-out;
  animation-delay: -4.8684210526s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -3.8157894737s; }
  .c:nth-child(40):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(40) {
  left: 3.9%;
  animation: riseSquare 15s infinite ease-out;
  animation-delay: -11.0526315789s;
  background: #003d77;
  animation-delay: -8.5526315789s; }

.c:nth-child(41) {
  left: 4%;
  height: 415px;
  animation: rise 17s infinite ease-out;
  animation-delay: -14.4736842105s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -10.5263157895s; }
  .c:nth-child(41):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(41) {
  left: 4%;
  animation: riseSquare 10s infinite ease-out;
  animation-delay: -10.6578947368s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -6.7105263158s; }

.c:nth-child(42) {
  left: 4.1%;
  height: 442px;
  animation: rise 8s infinite ease-out;
  animation-delay: -0.3947368421s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -7.6315789474s; }
  .c:nth-child(42):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(42) {
  left: 4.1%;
  animation: riseSquare 20s infinite ease-out;
  animation-delay: -4.8684210526s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -10.6578947368s; }

.c:nth-child(43) {
  left: 4.2%;
  height: 412px;
  animation: rise 14s infinite ease-out;
  animation-delay: -12.8947368421s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -14.4736842105s; }
  .c:nth-child(43):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(43) {
  left: 4.2%;
  animation: riseSquare 14s infinite ease-out;
  animation-delay: -13.9473684211s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -9.3421052632s; }

.c:nth-child(44) {
  left: 4.3%;
  height: 376px;
  animation: rise 15s infinite ease-out;
  animation-delay: -14.2105263158s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -0.2631578947s; }
  .c:nth-child(44):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(44) {
  left: 4.3%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -4.2105263158s;
  background: #003d77;
  animation-delay: -1.7105263158s; }

.c:nth-child(45) {
  left: 4.4%;
  height: 326px;
  animation: rise 19s infinite ease-out;
  animation-delay: -1.4473684211s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -5.9210526316s; }
  .c:nth-child(45):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(45) {
  left: 4.4%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -11.4473684211s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -2.6315789474s; }

.c:nth-child(46) {
  left: 4.5%;
  height: 427px;
  animation: rise 17s infinite ease-out;
  animation-delay: -5.9210526316s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -1.1842105263s; }
  .c:nth-child(46):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(46) {
  left: 4.5%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -3.8157894737s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -0.1315789474s; }

.c:nth-child(47) {
  left: 4.6%;
  height: 402px;
  animation: rise 14s infinite ease-out;
  animation-delay: -7.2368421053s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -13.4210526316s; }
  .c:nth-child(47):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(47) {
  left: 4.6%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -15s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -6.7105263158s; }

.c:nth-child(48) {
  left: 4.7%;
  height: 462px;
  animation: rise 18s infinite ease-out;
  animation-delay: -14.4736842105s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -11.3157894737s; }
  .c:nth-child(48):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(48) {
  left: 4.7%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -11.5789473684s;
  background: #003d77;
  animation-delay: -1.7105263158s; }

.c:nth-child(49) {
  left: 4.8%;
  height: 414px;
  animation: rise 14s infinite ease-out;
  animation-delay: -6.0526315789s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -2.7631578947s; }
  .c:nth-child(49):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(49) {
  left: 4.8%;
  animation: riseSquare 11s infinite ease-out;
  animation-delay: -3.5526315789s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -10s; }

.c:nth-child(50) {
  left: 4.9%;
  height: 363px;
  animation: rise 19s infinite ease-out;
  animation-delay: -0.5263157895s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -6.1842105263s; }
  .c:nth-child(50):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(50) {
  left: 4.9%;
  animation: riseSquare 12s infinite ease-out;
  animation-delay: -9.4736842105s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -4.0789473684s; }

.c:nth-child(51) {
  left: 5%;
  height: 392px;
  animation: rise 8s infinite ease-out;
  animation-delay: -6.1842105263s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -12.5s; }
  .c:nth-child(51):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(51) {
  left: 5%;
  animation: riseSquare 17s infinite ease-out;
  animation-delay: -9.2105263158s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -8.4210526316s; }

.c:nth-child(52) {
  left: 5.1%;
  height: 467px;
  animation: rise 20s infinite ease-out;
  animation-delay: -8.8157894737s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -8.6842105263s; }
  .c:nth-child(52):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(52) {
  left: 5.1%;
  animation: riseSquare 15s infinite ease-out;
  animation-delay: -0.5263157895s;
  background: #003d77;
  animation-delay: -9.7368421053s; }

.c:nth-child(53) {
  left: 5.2%;
  height: 466px;
  animation: rise 14s infinite ease-out;
  animation-delay: -11.5789473684s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -9.8684210526s; }
  .c:nth-child(53):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(53) {
  left: 5.2%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -10.1315789474s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -7.8947368421s; }

.c:nth-child(54) {
  left: 5.3%;
  height: 440px;
  animation: rise 20s infinite ease-out;
  animation-delay: -10.9210526316s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -8.1578947368s; }
  .c:nth-child(54):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(54) {
  left: 5.3%;
  animation: riseSquare 18s infinite ease-out;
  animation-delay: -2.6315789474s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -12.1052631579s; }

.c:nth-child(55) {
  left: 5.4%;
  height: 401px;
  animation: rise 6s infinite ease-out;
  animation-delay: -7.5s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -1.9736842105s; }
  .c:nth-child(55):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(55) {
  left: 5.4%;
  animation: riseSquare 12s infinite ease-out;
  animation-delay: -10.7894736842s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -5.9210526316s; }

.c:nth-child(56) {
  left: 5.5%;
  height: 412px;
  animation: rise 14s infinite ease-out;
  animation-delay: -3.0263157895s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -10.3947368421s; }
  .c:nth-child(56):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(56) {
  left: 5.5%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -7.5s;
  background: #003d77;
  animation-delay: -12.5s; }

.c:nth-child(57) {
  left: 5.6%;
  height: 415px;
  animation: rise 13s infinite ease-out;
  animation-delay: -5.1315789474s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -4.2105263158s; }
  .c:nth-child(57):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(57) {
  left: 5.6%;
  animation: riseSquare 17s infinite ease-out;
  animation-delay: -8.4210526316s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -11.4473684211s; }

.c:nth-child(58) {
  left: 5.7%;
  height: 450px;
  animation: rise 7s infinite ease-out;
  animation-delay: -10.2631578947s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -12.5s; }
  .c:nth-child(58):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(58) {
  left: 5.7%;
  animation: riseSquare 18s infinite ease-out;
  animation-delay: -1.7105263158s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -11.1842105263s; }

.c:nth-child(59) {
  left: 5.8%;
  height: 345px;
  animation: rise 10s infinite ease-out;
  animation-delay: -3.1578947368s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -5s; }
  .c:nth-child(59):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(59) {
  left: 5.8%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -4.8684210526s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -7.1052631579s; }

.c:nth-child(60) {
  left: 5.9%;
  height: 424px;
  animation: rise 18s infinite ease-out;
  animation-delay: -13.5526315789s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -10.7894736842s; }
  .c:nth-child(60):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(60) {
  left: 5.9%;
  animation: riseSquare 14s infinite ease-out;
  animation-delay: -3.1578947368s;
  background: #003d77;
  animation-delay: -8.5526315789s; }

.c:nth-child(61) {
  left: 6%;
  height: 328px;
  animation: rise 12s infinite ease-out;
  animation-delay: -8.4210526316s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -13.5526315789s; }
  .c:nth-child(61):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(61) {
  left: 6%;
  animation: riseSquare 14s infinite ease-out;
  animation-delay: -8.5526315789s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -6.1842105263s; }

.c:nth-child(62) {
  left: 6.1%;
  height: 458px;
  animation: rise 14s infinite ease-out;
  animation-delay: -12.1052631579s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -7.1052631579s; }
  .c:nth-child(62):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(62) {
  left: 6.1%;
  animation: riseSquare 16s infinite ease-out;
  animation-delay: -2.2368421053s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -5.5263157895s; }

.c:nth-child(63) {
  left: 6.2%;
  height: 478px;
  animation: rise 10s infinite ease-out;
  animation-delay: -11.1842105263s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -5.3947368421s; }
  .c:nth-child(63):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(63) {
  left: 6.2%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -2.1052631579s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -11.0526315789s; }

.c:nth-child(64) {
  left: 6.3%;
  height: 348px;
  animation: rise 11s infinite ease-out;
  animation-delay: -3.9473684211s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -0.7894736842s; }
  .c:nth-child(64):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(64) {
  left: 6.3%;
  animation: riseSquare 15s infinite ease-out;
  animation-delay: -10.9210526316s;
  background: #003d77;
  animation-delay: -2.5s; }

.c:nth-child(65) {
  left: 6.4%;
  height: 438px;
  animation: rise 11s infinite ease-out;
  animation-delay: -9.6052631579s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -4.2105263158s; }
  .c:nth-child(65):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(65) {
  left: 6.4%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -13.6842105263s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -8.5526315789s; }

.c:nth-child(66) {
  left: 6.5%;
  height: 494px;
  animation: rise 18s infinite ease-out;
  animation-delay: -0.5263157895s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -9.3421052632s; }
  .c:nth-child(66):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(66) {
  left: 6.5%;
  animation: riseSquare 15s infinite ease-out;
  animation-delay: -14.6052631579s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -1.8421052632s; }

.c:nth-child(67) {
  left: 6.6%;
  height: 373px;
  animation: rise 20s infinite ease-out;
  animation-delay: -13.8157894737s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -7.1052631579s; }
  .c:nth-child(67):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(67) {
  left: 6.6%;
  animation: riseSquare 11s infinite ease-out;
  animation-delay: -0.9210526316s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -7.3684210526s; }

.c:nth-child(68) {
  left: 6.7%;
  height: 322px;
  animation: rise 20s infinite ease-out;
  animation-delay: -10.5263157895s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -9.3421052632s; }
  .c:nth-child(68):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(68) {
  left: 6.7%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -12.5s;
  background: #003d77;
  animation-delay: -7.5s; }

.c:nth-child(69) {
  left: 6.8%;
  height: 454px;
  animation: rise 19s infinite ease-out;
  animation-delay: -14.0789473684s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -13.1578947368s; }
  .c:nth-child(69):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(69) {
  left: 6.8%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -6.8421052632s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -1.5789473684s; }

.c:nth-child(70) {
  left: 6.9%;
  height: 385px;
  animation: rise 7s infinite ease-out;
  animation-delay: -1.5789473684s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -8.0263157895s; }
  .c:nth-child(70):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(70) {
  left: 6.9%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -2.2368421053s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -1.0526315789s; }

.c:nth-child(71) {
  left: 7%;
  height: 380px;
  animation: rise 12s infinite ease-out;
  animation-delay: -3.6842105263s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -2.2368421053s; }
  .c:nth-child(71):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(71) {
  left: 7%;
  animation: riseSquare 18s infinite ease-out;
  animation-delay: -3.8157894737s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -5.9210526316s; }

.c:nth-child(72) {
  left: 7.1%;
  height: 475px;
  animation: rise 12s infinite ease-out;
  animation-delay: -12.7631578947s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -7.8947368421s; }
  .c:nth-child(72):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(72) {
  left: 7.1%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -3.8157894737s;
  background: #003d77;
  animation-delay: -12.8947368421s; }

.c:nth-child(73) {
  left: 7.2%;
  height: 315px;
  animation: rise 17s infinite ease-out;
  animation-delay: -7.8947368421s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -14.2105263158s; }
  .c:nth-child(73):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(73) {
  left: 7.2%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -5.5263157895s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -7.7631578947s; }

.c:nth-child(74) {
  left: 7.3%;
  height: 468px;
  animation: rise 20s infinite ease-out;
  animation-delay: -3.8157894737s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -5s; }
  .c:nth-child(74):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(74) {
  left: 7.3%;
  animation: riseSquare 15s infinite ease-out;
  animation-delay: -10.9210526316s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -3.6842105263s; }

.c:nth-child(75) {
  left: 7.4%;
  height: 429px;
  animation: rise 9s infinite ease-out;
  animation-delay: -10.7894736842s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -1.7105263158s; }
  .c:nth-child(75):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(75) {
  left: 7.4%;
  animation: riseSquare 6s infinite ease-out;
  animation-delay: -6.7105263158s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -10.9210526316s; }

.c:nth-child(76) {
  left: 7.5%;
  height: 357px;
  animation: rise 12s infinite ease-out;
  animation-delay: -10s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -11.7105263158s; }
  .c:nth-child(76):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(76) {
  left: 7.5%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -13.9473684211s;
  background: #003d77;
  animation-delay: -12.7631578947s; }

.c:nth-child(77) {
  left: 7.6%;
  height: 445px;
  animation: rise 8s infinite ease-out;
  animation-delay: -3.0263157895s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -3.4210526316s; }
  .c:nth-child(77):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(77) {
  left: 7.6%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -15s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -9.3421052632s; }

.c:nth-child(78) {
  left: 7.7%;
  height: 441px;
  animation: rise 19s infinite ease-out;
  animation-delay: -2.6315789474s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -4.6052631579s; }
  .c:nth-child(78):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(78) {
  left: 7.7%;
  animation: riseSquare 6s infinite ease-out;
  animation-delay: -14.2105263158s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -3.0263157895s; }

.c:nth-child(79) {
  left: 7.8%;
  height: 398px;
  animation: rise 17s infinite ease-out;
  animation-delay: -9.7368421053s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -5.1315789474s; }
  .c:nth-child(79):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(79) {
  left: 7.8%;
  animation: riseSquare 10s infinite ease-out;
  animation-delay: -0.2631578947s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -3.5526315789s; }

.c:nth-child(80) {
  left: 7.9%;
  height: 302px;
  animation: rise 16s infinite ease-out;
  animation-delay: -3.0263157895s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -8.2894736842s; }
  .c:nth-child(80):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(80) {
  left: 7.9%;
  animation: riseSquare 18s infinite ease-out;
  animation-delay: -6.8421052632s;
  background: #003d77;
  animation-delay: -10.7894736842s; }

.c:nth-child(81) {
  left: 8%;
  height: 380px;
  animation: rise 18s infinite ease-out;
  animation-delay: -1.9736842105s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -2.1052631579s; }
  .c:nth-child(81):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(81) {
  left: 8%;
  animation: riseSquare 16s infinite ease-out;
  animation-delay: -13.4210526316s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -9.8684210526s; }

.c:nth-child(82) {
  left: 8.1%;
  height: 393px;
  animation: rise 20s infinite ease-out;
  animation-delay: -8.0263157895s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -12.2368421053s; }
  .c:nth-child(82):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(82) {
  left: 8.1%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -1.7105263158s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -7.3684210526s; }

.c:nth-child(83) {
  left: 8.2%;
  height: 467px;
  animation: rise 13s infinite ease-out;
  animation-delay: -11.8421052632s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -7.7631578947s; }
  .c:nth-child(83):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(83) {
  left: 8.2%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -1.9736842105s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -4.8684210526s; }

.c:nth-child(84) {
  left: 8.3%;
  height: 420px;
  animation: rise 17s infinite ease-out;
  animation-delay: -8.0263157895s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -6.8421052632s; }
  .c:nth-child(84):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(84) {
  left: 8.3%;
  animation: riseSquare 14s infinite ease-out;
  animation-delay: -10.2631578947s;
  background: #003d77;
  animation-delay: -2.1052631579s; }

.c:nth-child(85) {
  left: 8.4%;
  height: 489px;
  animation: rise 6s infinite ease-out;
  animation-delay: -14.7368421053s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -5.7894736842s; }
  .c:nth-child(85):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(85) {
  left: 8.4%;
  animation: riseSquare 7s infinite ease-out;
  animation-delay: -7.8947368421s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -2.7631578947s; }

.c:nth-child(86) {
  left: 8.5%;
  height: 417px;
  animation: rise 15s infinite ease-out;
  animation-delay: -5.2631578947s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -0.1315789474s; }
  .c:nth-child(86):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(86) {
  left: 8.5%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -3.9473684211s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -9.7368421053s; }

.c:nth-child(87) {
  left: 8.6%;
  height: 387px;
  animation: rise 19s infinite ease-out;
  animation-delay: -5.2631578947s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -7.2368421053s; }
  .c:nth-child(87):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(87) {
  left: 8.6%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -14.0789473684s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -4.2105263158s; }

.c:nth-child(88) {
  left: 8.7%;
  height: 346px;
  animation: rise 8s infinite ease-out;
  animation-delay: -6.4473684211s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -10.7894736842s; }
  .c:nth-child(88):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(88) {
  left: 8.7%;
  animation: riseSquare 10s infinite ease-out;
  animation-delay: -7.1052631579s;
  background: #003d77;
  animation-delay: -10.3947368421s; }

.c:nth-child(89) {
  left: 8.8%;
  height: 445px;
  animation: rise 18s infinite ease-out;
  animation-delay: -6.0526315789s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -1.9736842105s; }
  .c:nth-child(89):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(89) {
  left: 8.8%;
  animation: riseSquare 7s infinite ease-out;
  animation-delay: -8.8157894737s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -0.9210526316s; }

.c:nth-child(90) {
  left: 8.9%;
  height: 411px;
  animation: rise 14s infinite ease-out;
  animation-delay: -9.4736842105s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -5.5263157895s; }
  .c:nth-child(90):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(90) {
  left: 8.9%;
  animation: riseSquare 6s infinite ease-out;
  animation-delay: -10.9210526316s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -7.8947368421s; }

.c:nth-child(91) {
  left: 9%;
  height: 359px;
  animation: rise 9s infinite ease-out;
  animation-delay: -11.7105263158s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -0.9210526316s; }
  .c:nth-child(91):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(91) {
  left: 9%;
  animation: riseSquare 18s infinite ease-out;
  animation-delay: -14.4736842105s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -11.5789473684s; }

.c:nth-child(92) {
  left: 9.1%;
  height: 437px;
  animation: rise 11s infinite ease-out;
  animation-delay: -10.3947368421s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -8.2894736842s; }
  .c:nth-child(92):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(92) {
  left: 9.1%;
  animation: riseSquare 14s infinite ease-out;
  animation-delay: -14.6052631579s;
  background: #003d77;
  animation-delay: -3.9473684211s; }

.c:nth-child(93) {
  left: 9.2%;
  height: 380px;
  animation: rise 10s infinite ease-out;
  animation-delay: -1.8421052632s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -14.4736842105s; }
  .c:nth-child(93):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(93) {
  left: 9.2%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -13.6842105263s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -10.7894736842s; }

.c:nth-child(94) {
  left: 9.3%;
  height: 391px;
  animation: rise 14s infinite ease-out;
  animation-delay: -14.2105263158s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -1.1842105263s; }
  .c:nth-child(94):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(94) {
  left: 9.3%;
  animation: riseSquare 9s infinite ease-out;
  animation-delay: -6.0526315789s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -1.7105263158s; }

.c:nth-child(95) {
  left: 9.4%;
  height: 375px;
  animation: rise 20s infinite ease-out;
  animation-delay: -4.8684210526s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -13.2894736842s; }
  .c:nth-child(95):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(95) {
  left: 9.4%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -3.4210526316s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -11.3157894737s; }

.c:nth-child(96) {
  left: 9.5%;
  height: 453px;
  animation: rise 9s infinite ease-out;
  animation-delay: -9.3421052632s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -4.3421052632s; }
  .c:nth-child(96):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(96) {
  left: 9.5%;
  animation: riseSquare 18s infinite ease-out;
  animation-delay: -0.3947368421s;
  background: #003d77;
  animation-delay: -11.7105263158s; }

.c:nth-child(97) {
  left: 9.6%;
  height: 423px;
  animation: rise 12s infinite ease-out;
  animation-delay: -13.2894736842s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -13.5526315789s; }
  .c:nth-child(97):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(97) {
  left: 9.6%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -5.2631578947s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -8.6842105263s; }

.c:nth-child(98) {
  left: 9.7%;
  height: 387px;
  animation: rise 6s infinite ease-out;
  animation-delay: -15s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -1.3157894737s; }
  .c:nth-child(98):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(98) {
  left: 9.7%;
  animation: riseSquare 17s infinite ease-out;
  animation-delay: -5s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -0.5263157895s; }

.c:nth-child(99) {
  left: 9.8%;
  height: 438px;
  animation: rise 14s infinite ease-out;
  animation-delay: -12.7631578947s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -6.0526315789s; }
  .c:nth-child(99):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(99) {
  left: 9.8%;
  animation: riseSquare 17s infinite ease-out;
  animation-delay: -6.9736842105s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -4.7368421053s; }

.c:nth-child(100) {
  left: 9.9%;
  height: 327px;
  animation: rise 10s infinite ease-out;
  animation-delay: -11.9736842105s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -2.6315789474s; }
  .c:nth-child(100):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(100) {
  left: 9.9%;
  animation: riseSquare 16s infinite ease-out;
  animation-delay: -3.0263157895s;
  background: #003d77;
  animation-delay: -2.5s; }

.c:nth-child(101) {
  left: 10%;
  height: 492px;
  animation: rise 7s infinite ease-out;
  animation-delay: -12.8947368421s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -4.6052631579s; }
  .c:nth-child(101):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(101) {
  left: 10%;
  animation: riseSquare 6s infinite ease-out;
  animation-delay: -14.2105263158s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -1.9736842105s; }

.c:nth-child(102) {
  left: 10.1%;
  height: 427px;
  animation: rise 13s infinite ease-out;
  animation-delay: -1.3157894737s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -6.9736842105s; }
  .c:nth-child(102):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(102) {
  left: 10.1%;
  animation: riseSquare 15s infinite ease-out;
  animation-delay: -14.0789473684s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -9.8684210526s; }

.c:nth-child(103) {
  left: 10.2%;
  height: 343px;
  animation: rise 7s infinite ease-out;
  animation-delay: -4.8684210526s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -10.6578947368s; }
  .c:nth-child(103):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(103) {
  left: 10.2%;
  animation: riseSquare 11s infinite ease-out;
  animation-delay: -11.9736842105s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -4.2105263158s; }

.c:nth-child(104) {
  left: 10.3%;
  height: 466px;
  animation: rise 13s infinite ease-out;
  animation-delay: -7.6315789474s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -5.7894736842s; }
  .c:nth-child(104):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(104) {
  left: 10.3%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -7.6315789474s;
  background: #003d77;
  animation-delay: -10.2631578947s; }

.c:nth-child(105) {
  left: 10.4%;
  height: 499px;
  animation: rise 14s infinite ease-out;
  animation-delay: -8.2894736842s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -7.6315789474s; }
  .c:nth-child(105):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(105) {
  left: 10.4%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -6.5789473684s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -8.8157894737s; }

.c:nth-child(106) {
  left: 10.5%;
  height: 442px;
  animation: rise 7s infinite ease-out;
  animation-delay: -13.1578947368s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -0.7894736842s; }
  .c:nth-child(106):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(106) {
  left: 10.5%;
  animation: riseSquare 19s infinite ease-out;
  animation-delay: -5.1315789474s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -11.8421052632s; }

.c:nth-child(107) {
  left: 10.6%;
  height: 324px;
  animation: rise 19s infinite ease-out;
  animation-delay: -10.7894736842s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -3.0263157895s; }
  .c:nth-child(107):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(107) {
  left: 10.6%;
  animation: riseSquare 17s infinite ease-out;
  animation-delay: -12.1052631579s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -3.9473684211s; }

.c:nth-child(108) {
  left: 10.7%;
  height: 382px;
  animation: rise 8s infinite ease-out;
  animation-delay: -10s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -0.5263157895s; }
  .c:nth-child(108):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(108) {
  left: 10.7%;
  animation: riseSquare 20s infinite ease-out;
  animation-delay: -9.3421052632s;
  background: #003d77;
  animation-delay: -8.4210526316s; }

.c:nth-child(109) {
  left: 10.8%;
  height: 438px;
  animation: rise 10s infinite ease-out;
  animation-delay: -3.4210526316s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -14.2105263158s; }
  .c:nth-child(109):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(109) {
  left: 10.8%;
  animation: riseSquare 10s infinite ease-out;
  animation-delay: -2.6315789474s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -12.2368421053s; }

.c:nth-child(110) {
  left: 10.9%;
  height: 409px;
  animation: rise 9s infinite ease-out;
  animation-delay: -13.5526315789s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -7.6315789474s; }
  .c:nth-child(110):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(110) {
  left: 10.9%;
  animation: riseSquare 8s infinite ease-out;
  animation-delay: -13.1578947368s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -11.7105263158s; }

.c:nth-child(111) {
  left: 11%;
  height: 471px;
  animation: rise 13s infinite ease-out;
  animation-delay: -2.2368421053s;
  background-image: linear-gradient(to top, rgba(189, 70, 182, 0), #bd46b6);
  animation-delay: -9.6052631579s; }
  .c:nth-child(111):after {
    background: #bd46b6;
    box-shadow: 0 0 5px rgba(189, 70, 182, 0.8), 0 0 10px rgba(189, 70, 182, 0.6), 0 0 15px rgba(189, 70, 182, 0.4), 0 0 20px rgba(189, 70, 182, 0.2); }

.s:nth-child(111) {
  left: 11%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -0.5263157895s;
  background: rgba(0, 184, 169, 0.5);
  animation-delay: -6.1842105263s; }

.c:nth-child(112) {
  left: 11.1%;
  height: 429px;
  animation: rise 12s infinite ease-out;
  animation-delay: -11.3157894737s;
  background-image: linear-gradient(to top, rgba(231, 164, 244, 0), #e7a4f4);
  animation-delay: -9.0789473684s; }
  .c:nth-child(112):after {
    background: #e7a4f4;
    box-shadow: 0 0 5px rgba(231, 164, 244, 0.8), 0 0 10px rgba(231, 164, 244, 0.6), 0 0 15px rgba(231, 164, 244, 0.4), 0 0 20px rgba(231, 164, 244, 0.2); }

.s:nth-child(112) {
  left: 11.1%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -7.1052631579s;
  background: #003d77;
  animation-delay: -13.1578947368s; }

.c:nth-child(113) {
  left: 11.2%;
  height: 440px;
  animation: rise 16s infinite ease-out;
  animation-delay: -13.0263157895s;
  background-image: linear-gradient(to top, rgba(46, 89, 223, 0), #2e59df);
  animation-delay: -15s; }
  .c:nth-child(113):after {
    background: #2e59df;
    box-shadow: 0 0 5px rgba(46, 89, 223, 0.8), 0 0 10px rgba(46, 89, 223, 0.6), 0 0 15px rgba(46, 89, 223, 0.4), 0 0 20px rgba(46, 89, 223, 0.2); }

.s:nth-child(113) {
  left: 11.2%;
  animation: riseSquare 10s infinite ease-out;
  animation-delay: -12.6315789474s;
  background: rgba(0, 61, 119, 0.5);
  animation-delay: -12.2368421053s; }

.c:nth-child(114) {
  left: 11.3%;
  height: 472px;
  animation: rise 12s infinite ease-out;
  animation-delay: -5.7894736842s;
  background-image: linear-gradient(to top, rgba(128, 224, 250, 0), #80e0fa);
  animation-delay: -9.7368421053s; }
  .c:nth-child(114):after {
    background: #80e0fa;
    box-shadow: 0 0 5px rgba(128, 224, 250, 0.8), 0 0 10px rgba(128, 224, 250, 0.6), 0 0 15px rgba(128, 224, 250, 0.4), 0 0 20px rgba(128, 224, 250, 0.2); }

.s:nth-child(114) {
  left: 11.3%;
  animation: riseSquare 13s infinite ease-out;
  animation-delay: -4.6052631579s;
  background: rgba(0, 184, 169, 0.9);
  animation-delay: -8.8157894737s; }

@keyframes rise {
  0% {
    transform: translateY(60vh);
    /* Changed to use viewport height */
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    transform: translateY(-60vh);
    /* Changed to use viewport height */
    opacity: 0; } }
@keyframes riseSquare {
  0% {
    transform: translateY(60vh);
    /* Changed to use viewport height */ }
  100% {
    transform: translateY(-60vh);
    /* Changed to use viewport height */ } }
@keyframes riseAffected {
  0% {
    transform: rotate(var(--rise-angle)) translateY(60vh);
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    transform: rotate(var(--rise-angle)) translateY(-60vh);
    opacity: 0; } }
@keyframes radiate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
@keyframes radiateSquareBoxShadow {
  0% {
    box-shadow: 0 0 5px rgba(0, 61, 119, 0.8), 0 0 10px rgba(0, 61, 119, 0.6), 0 0 15px rgba(0, 61, 119, 0.4); }
  50% {
    box-shadow: 0 0 5px rgba(0, 61, 119, 0.8), 0 0 10px rgba(0, 61, 119, 0.6), 0 0 15px rgba(0, 61, 119, 0.4), 0 0 20px rgba(0, 61, 119, 0.2); }
  100% {
    box-shadow: 0 0 5px rgba(0, 61, 119, 0.8), 0 0 10px rgba(0, 61, 119, 0.6), 0 0 15px rgba(0, 61, 119, 0.4); } }
@keyframes rippleAnimation {
  0% {
    width: 0px;
    height: 0px;
    opacity: 0.5; }
  100% {
    width: 500px;
    height: 500px;
    opacity: 1; } }
@keyframes wanderAroundStyleOne {
  0% {
    inset-inline-start: 25%;
    top: 25%; }
  25% {
    inset-inline-start: 50%;
    top: 100%; }
  50% {
    inset-inline-start: 100%;
    top: 100%; }
  75% {
    inset-inline-start: 100%;
    top: 50%; }
  100% {
    inset-inline-start: 25%;
    top: 25%; } }
@keyframes wanderAroundStyleTwo {
  0% {
    inset-inline-start: 25%;
    top: 0; }
  25% {
    inset-inline-start: 100%;
    top: 50%; }
  50% {
    inset-inline-start: 100%;
    top: 100%; }
  75% {
    inset-inline-start: 0;
    top: 50%; }
  100% {
    inset-inline-start: 25%;
    top: 25%; } }
@keyframes wanderAroundStyleThree {
  0% {
    inset-inline-start: 100%;
    top: 100%; }
  25% {
    inset-inline-start: 25%;
    top: 100%; }
  50% {
    inset-inline-start: 0;
    top: 0; }
  75% {
    inset-inline-start: 100%;
    top: 0; }
  100% {
    inset-inline-start: 100%;
    top: 100%; } }
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 1;
    transform: scale(1.1); } }
@keyframes fadeInBanner {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }
@keyframes heightUp {
  0% {
    height: 0; }
  100% {
    height: 50vh; } }
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
@keyframes slideAcross {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(100%); } }
@keyframes scaleUp {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
header {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  padding: 30px 0;
  z-index: 999;
  background-image: linear-gradient(0deg, rgba(0, 36, 56, 0) 2%, #002438 100%);
  transition-delay: 0.3s;
  -webkit-transition: background-image 1s ease-in-out;
  -moz-transition: background-image 1s ease-in-out;
  -ms-transition: background-image 1s ease-in-out;
  -o-transition: background-image 1s ease-in-out;
  transition: background-image 1s ease-in-out; }
  header .logo-container {
    display: block; }
    header .logo-container img {
      max-width: 100%; }
  header .navbar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    height: 100%; }
    header .navbar-container a {
      color: #ffffff;
      font-weight: 600;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      header .navbar-container a {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          header .navbar-container a {
            font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          header .navbar-container a {
            font-size: 18px; } }
      header .navbar-container a:hover, header .navbar-container a.active {
        color: #00B8AA; }
    header .navbar-container .contact-us a {
      display: block;
      border: 1px solid #ffffff;
      padding: 15px;
      border-radius: 55px;
      text-align: center;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      header .navbar-container .contact-us a .text {
        position: relative;
        z-index: 1;
        color: #ffffff;
        font-weight: 600;
        pointer-events: none; }
        header .navbar-container .contact-us a .text {
          font-size: 12px; }
          @media screen and (min-width: 320px) {
            header .navbar-container .contact-us a .text {
              font-size: calc(12px + 4 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            header .navbar-container .contact-us a .text {
              font-size: 16px; } }
      header .navbar-container .contact-us a:hover {
        border: 1px solid #00B8AA; }
  header .controls-container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px; }
    header .controls-container .contact-us {
      flex: 1 0 50%;
      text-align: end; }
      header .controls-container .contact-us a {
        display: inline-block;
        border: 1px solid #ffffff;
        padding: 15px;
        border-radius: 55px;
        text-align: center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        header .controls-container .contact-us a .text {
          position: relative;
          z-index: 1;
          color: #ffffff;
          font-weight: 600;
          pointer-events: none; }
          header .controls-container .contact-us a .text {
            font-size: 12px; }
            @media screen and (min-width: 320px) {
              header .controls-container .contact-us a .text {
                font-size: calc(12px + 4 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              header .controls-container .contact-us a .text {
                font-size: 16px; } }
        header .controls-container .contact-us a:hover {
          border: 1px solid #00B8AA; }
    header .controls-container .language-selector {
      flex: 0 0 100px; }
      header .controls-container .language-selector .dk-select {
        width: 100%; }
        header .controls-container .language-selector .dk-select.dk-select-open-down .dk-selected {
          color: #00B8AA; }
          header .controls-container .language-selector .dk-select.dk-select-open-down .dk-selected::after {
            background-image: url("../assets/images/down-wards-arrow-green.svg"); }
      header .controls-container .language-selector .dk-selected {
        background-color: transparent;
        border: transparent;
        color: #ffffff;
        line-height: 1.1;
        /* 133.333% */
        font-weight: 500;
        font-size: 18px;
        padding: 0;
        text-align: center;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        header .controls-container .language-selector .dk-selected {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            header .controls-container .language-selector .dk-selected {
              font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            header .controls-container .language-selector .dk-selected {
              font-size: 18px; } }
        header .controls-container .language-selector .dk-selected::before {
          display: none; }
        header .controls-container .language-selector .dk-selected::after {
          border: none;
          width: 24px;
          height: 24px;
          background-image: url("../assets/images/down-wards-arrow-white.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100%;
          margin: 0;
          position: absolute;
          inset: auto;
          inset-inline-end: -5px;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        header .controls-container .language-selector .dk-selected:hover {
          color: #00B8AA; }
          header .controls-container .language-selector .dk-selected:hover::after {
            background-image: url("../assets/images/down-wards-arrow-green.svg"); }
      header .controls-container .language-selector .dk-select-options {
        overflow: hidden;
        border-radius: 10px;
        background-color: transparent;
        top: calc(100% + 15px);
        text-align: center;
        border: 1px solid #00B8AA;
        background-color: #ffffff;
        padding: 0; }
      header .controls-container .language-selector .dk-option {
        padding: 10px 0; }
      header .controls-container .language-selector .dk-option-highlight,
      header .controls-container .language-selector .dk-option-selected {
        background-color: #00B8AA;
        color: #ffffff; }
    header .controls-container .mobile-menu-button .menu-button {
      cursor: pointer; }
      header .controls-container .mobile-menu-button .menu-button.active .line {
        background-color: #00B8AA; }
        header .controls-container .mobile-menu-button .menu-button.active .line:first-child {
          transform: rotate(45deg) translate(4px, 3px); }
        header .controls-container .mobile-menu-button .menu-button.active .line:last-child {
          transform: rotate(-45deg) translate(5px, -5px); }
        header .controls-container .mobile-menu-button .menu-button.active .line:nth-child(2) {
          opacity: 0; }
    header .controls-container .mobile-menu-button .line {
      background-color: #ffffff;
      width: 20px;
      height: 1px;
      margin-bottom: 5px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    header .controls-container .mobile-menu-button:hover .line {
      background-color: #00B8AA; }
  header.active {
    background-color: #002438; }
    header.active .mobile-nav-container {
      background-color: #002438; }

footer {
  padding: 75px 0;
  background-color: #002438;
  color: #ffffff;
  overflow: hidden;
  position: relative; }
  footer .top-level .logo-container {
    display: block; }
    footer .top-level .logo-container img {
      max-width: 100%; }
  footer .top-level .footer-menu-wrapper {
    display: flex;
    flex-wrap: wrap; }
    footer .top-level .footer-menu-wrapper .footer-menu-section {
      flex: 0 1 30%;
      max-width: 30%;
      margin-bottom: 50px; }
      footer .top-level .footer-menu-wrapper .footer-menu-section h2 {
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px; }
      footer .top-level .footer-menu-wrapper .footer-menu-section .navbar-container a {
        display: inline-block;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        opacity: 0.7;
        margin-bottom: 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        footer .top-level .footer-menu-wrapper .footer-menu-section .navbar-container a:hover {
          color: #00B8AA;
          opacity: 1; }
  footer .top-level .social-links {
    display: flex;
    align-items: center;
    gap: 20px; }
    footer .top-level .social-links .social-image-container {
      position: relative;
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #ffffff;
      border-radius: 50%;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      footer .top-level .social-links .social-image-container img {
        position: relative;
        z-index: 10;
        max-width: 100%; }
  footer .top-level .background-layers {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    left: 0;
    top: 0; }
    footer .top-level .background-layers .square {
      border: 1px solid #0073b245;
      background-color: #0073b245;
      opacity: 0.5;
      position: absolute;
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      footer .top-level .background-layers .square.sm {
        width: 120px;
        height: 120px;
        animation: wanderAroundStyleOne 120s infinite; }
      footer .top-level .background-layers .square.md {
        width: 140px;
        height: 140px;
        animation: wanderAroundStyleThree 120s infinite; }
      footer .top-level .background-layers .square.lg {
        width: 300px;
        height: 300px;
        animation: wanderAroundStyleTwo 180s infinite; }
      footer .top-level .background-layers .square.clear {
        background-color: transparent; }
      footer .top-level .background-layers .square:hover {
        opacity: 1; }
  footer .top-level .footer-nav {
    position: relative;
    z-index: 10; }
  footer .lower-level {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10; }
    footer .lower-level .copyrights {
      color: rgba(255, 255, 255, 0.6);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.1; }
    footer .lower-level .legal a {
      display: inline-block;
      color: rgba(255, 255, 255, 0.6);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.1;
      margin-inline-end: 32px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      footer .lower-level .legal a:hover {
        color: #00B8AA; }

.landing-banner-section {
  overflow: hidden;
  position: relative;
  will-change: transform; }
  .landing-banner-section .main-swiper .swiper-slide .landing-banner-slide-content {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .landing-banner-section .main-swiper .swiper-slide .landing-banner-slide-content::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 20;
      background: linear-gradient(180deg, rgba(0, 56, 119, 0.2) 0%, rgba(0, 56, 119, 0) 100%);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .landing-banner-section .main-swiper .swiper-slide .landing-banner-slide-content video {
      object-fit: cover; }
    .landing-banner-section .main-swiper .swiper-slide .landing-banner-slide-content img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .landing-banner-section .main-swiper .swiper-slide.swiper-slide-active .landing-banner-slide-content img {
    animation: fadeInBanner 10s forwards; }
  .landing-banner-section .background-layers {
    position: absolute;
    z-index: 15;
    inset: 0;
    bottom: -50px;
    width: 100%;
    height: 100%;
    will-change: transform; }
    .landing-banner-section .background-layers .lower-edge {
      position: absolute;
      inset-inline-start: 0;
      bottom: 0;
      width: 100%;
      height: 50vh;
      transform-origin: bottom;
      will-change: transform;
      background: linear-gradient(0deg, #003877 0%, #003877 20%, rgba(0, 56, 119, 0) 100%); }
    .landing-banner-section .background-layers .star {
      position: absolute;
      inset-inline-start: 0;
      bottom: 0;
      width: 700px;
      max-width: 50%;
      opacity: 0;
      animation: fadeIn 2s forwards;
      animation-delay: 1.25s;
      transition: all 5s ease; }
      .landing-banner-section .background-layers .star img {
        max-width: 100%;
        transition: all 5s ease; }
      .landing-banner-section .background-layers .star.enlarge {
        scale: 1.3; }
        .landing-banner-section .background-layers .star.enlarge img {
          filter: brightness(1.2) drop-shadow(0 0 30px rgba(255, 255, 255, 0.2)) drop-shadow(0 0 60px #0024382e) drop-shadow(0 0 90px rgba(0, 255, 255, 0.4)); }
  .landing-banner-section .thumb-banner-container {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20; }
    .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content {
      height: 100vh;
      display: flex;
      align-items: flex-end;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content .content-box {
        position: absolute;
        bottom: 150px;
        max-width: 100%; }
        .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content .content-box h3 {
          color: #ffffff;
          font-weight: 500;
          line-height: 1.4;
          margin-bottom: 50px;
          width: 650px;
          max-width: 100%; }
          .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content .content-box h3 .word {
            opacity: 0;
            transform: translateY(20px) rotate(-15deg); }
          .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content .content-box h3 {
            font-size: 34px; }
            @media screen and (min-width: 320px) {
              .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content .content-box h3 {
                font-size: calc(34px + 26 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content .content-box h3 {
                font-size: 60px; } }
        .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content .content-box .btn {
          opacity: 0; }
    .landing-banner-section .thumb-banner-container .swiper-slide.swiper-slide-active .landing-banner-slide-content {
      opacity: 1; }
    .landing-banner-section .thumb-banner-container .additional-content-container {
      position: absolute;
      width: 100%;
      text-align: end;
      bottom: 150px; }
      .landing-banner-section .thumb-banner-container .additional-content-container .additional-content {
        display: inline-block;
        text-align: start; }
        .landing-banner-section .thumb-banner-container .additional-content-container .additional-content li {
          color: #ffffff;
          font-size: 20px;
          font-weight: 800;
          line-height: 1.5;
          opacity: 0.8;
          margin-bottom: 20px;
          padding-inline-start: 50px;
          position: relative; }
          .landing-banner-section .thumb-banner-container .additional-content-container .additional-content li::before {
            content: "";
            position: absolute;
            inset-inline-start: 25px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
            width: 9px;
            height: 9px;
            background-color: #ffffff; }
  .landing-banner-section .swiper-controls-container {
    position: relative;
    z-index: 50; }
    .landing-banner-section .swiper-controls-container .container {
      position: relative; }
  .landing-banner-section .swiper-controls {
    width: 100%;
    position: relative;
    inset-inline-start: 0;
    bottom: 100px;
    z-index: 30;
    display: flex;
    align-items: center; }
    .landing-banner-section .swiper-controls .swiper-navigation-container {
      display: flex;
      align-items: center;
      gap: 10px; }
      .landing-banner-section .swiper-controls .swiper-navigation-container .swiper-button-prev,
      .landing-banner-section .swiper-controls .swiper-navigation-container .swiper-button-next {
        position: relative;
        inset: auto;
        width: 50px;
        height: 50px;
        background-color: transparent;
        border: 1px solid #ffffff;
        border-radius: 50%;
        margin: 0; }
        .landing-banner-section .swiper-controls .swiper-navigation-container .swiper-button-prev::before,
        .landing-banner-section .swiper-controls .swiper-navigation-container .swiper-button-next::before {
          content: "";
          z-index: 10;
          position: absolute;
          inset-inline-start: 50%;
          top: 50%;
          transform: translate(50%, -50%);
          width: 24px;
          height: 24px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100%; }
        .landing-banner-section .swiper-controls .swiper-navigation-container .swiper-button-prev::after,
        .landing-banner-section .swiper-controls .swiper-navigation-container .swiper-button-next::after {
          display: none; }
      .landing-banner-section .swiper-controls .swiper-navigation-container .swiper-button-next::before {
        background-image: url("../assets/images/swiper-left-arrow-white.svg"); }
      .landing-banner-section .swiper-controls .swiper-navigation-container .swiper-button-prev::before {
        background-image: url("../assets/images/swiper-right-arrow-white.svg"); }
    .landing-banner-section .swiper-controls .swiper-pagination {
      position: relative;
      inset: auto;
      width: 200px;
      margin-inline-start: auto;
      margin-inline-end: 0px;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet {
        flex: 0 0 20px;
        margin: 0;
        background-color: transparent;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        gap: 0px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-inline-end: 5px; }
        .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet span {
          display: block;
          width: 9.5px;
          height: 9.5px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.6);
          opacity: 1;
          margin: 0;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet::before, .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet::after {
          content: "";
          display: block;
          height: 1px;
          background-color: #00B8AA;
          width: 0;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          width: 125px;
          display: flex;
          margin-inline-end: 10px; }
          .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span {
            border-radius: 0;
            background-color: #00B8AA;
            transform: rotate(45deg); }
          .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before, .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
            width: 45px; }
          .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child {
            margin-inline-end: 5px; }
        .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet:last-child {
          margin-inline-start: 5px;
          margin-inline-end: 0px; }
          .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet:last-child::after {
            display: none; }
        .landing-banner-section .swiper-controls .swiper-pagination .swiper-pagination-bullet:first-child::before {
          display: none; }
  .landing-banner-section .rive-container {
    position: absolute;
    width: 1000px;
    max-width: 100%;
    height: 100%;
    inset-inline-end: 0;
    top: 0;
    background: transparent;
    z-index: 40;
    display: flex;
    justify-content: flex-end; }
    .landing-banner-section .rive-container path {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .landing-banner-section .rive-container path:hover {
        opacity: 1;
        fill: white; }
    .landing-banner-section .rive-container canvas {
      background-color: transparent;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.through-forat {
  position: relative;
  will-change: transform;
  margin-top: -5px; }
  .through-forat .pinned-section {
    height: 100vh;
    height: 100svh;
    position: relative;
    position: absolute;
    width: 100%;
    inset: 0; }
    .through-forat .pinned-section .background-video {
      height: 100vh;
      overflow: hidden;
      background-color: #ffffff; }
      .through-forat .pinned-section .background-video video {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .through-forat .pinned-section .wall {
      background: url("../assets/images/Transforat-Hyperloop.jpg");
      background-size: cover; }
    .through-forat .pinned-section .scene {
      display: inline-block;
      vertical-align: middle;
      perspective: 5px;
      perspective-origin: 50% 50%;
      position: relative;
      width: 100%;
      height: 100%; }
    .through-forat .pinned-section .space-wrap {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      transform-style: preserve-3d;
      animation: move 20s infinite ease-in-out;
      animation-fill-mode: forwards; }
    .through-forat .pinned-section .space-wrap:nth-child(2) {
      animation: move 60s infinite linear;
      animation-delay: 6s; }
    .through-forat .pinned-section .wall {
      width: 100%;
      height: 100%;
      position: absolute;
      opacity: 0;
      animation: fade 12s infinite ease-in-out;
      animation-delay: 0; }
    .through-forat .pinned-section .space-wrap:nth-child(2) .wall {
      animation-delay: 6s; }
    .through-forat .pinned-section .wall-right {
      transform: rotateY(90deg) translateZ(23vw); }
    .through-forat .pinned-section .wall-left {
      transform: rotateY(-90deg) translateZ(23vw); }
    .through-forat .pinned-section .wall-top {
      transform: rotateX(90deg) translateZ(34vh); }
    .through-forat .pinned-section .wall-bottom {
      transform: rotateX(-90deg) translateZ(32vh); }
    .through-forat .pinned-section .wall-back {
      animation: none;
      transform: rotateX(180deg) translateZ(500px); }
@keyframes move {
  0% {
    transform: translateZ(0) rotate(0deg); }
  100% {
    transform: translateZ(500px) rotate(0deg); } }
@keyframes fade {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .through-forat .section-content {
    position: relative;
    z-index: 25;
    padding: 75vh 0 15vh 0; }
    .through-forat .section-content .container {
      position: relative; }
    .through-forat .section-content .middle-section,
    .through-forat .section-content .end-section {
      position: relative;
      opacity: 0;
      transform: scale(0.5) translateY(50px); }
    .through-forat .section-content .end-section p {
      max-width: 50px; }
    .through-forat .section-content .top-section {
      width: 60%;
      min-width: 300px;
      max-width: 100%;
      margin: auto;
      margin-bottom: 75px; }
      .through-forat .section-content .top-section .top-section-title {
        font-weight: 500;
        line-height: 1.4;
        color: #ffffff;
        margin-bottom: 50px;
        text-align: center; }
        .through-forat .section-content .top-section .top-section-title {
          font-size: 20px; }
          @media screen and (min-width: 320px) {
            .through-forat .section-content .top-section .top-section-title {
              font-size: calc(20px + 30 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .through-forat .section-content .top-section .top-section-title {
              font-size: 50px; } }
      .through-forat .section-content .top-section .top-section-text {
        color: #ffffff;
        text-align: center;
        font-size: 22.7px;
        font-weight: 400;
        line-height: 1.5;
        /* 34.05px */ }
    .through-forat .section-content .middle-section {
      margin-bottom: 75px; }
      .through-forat .section-content .middle-section .cards-container {
        display: flex;
        gap: 60px;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 175px; }
        .through-forat .section-content .middle-section .cards-container .card {
          flex: 0 0 30%;
          max-width: 100%;
          display: inline-block;
          text-align: center;
          color: #ffffff;
          padding: 25px 30px;
          border-radius: 20px;
          border: 1px solid rgba(255, 255, 255, 0.6);
          opacity: 0.9;
          background: rgba(0, 0, 0, 0.13);
          backdrop-filter: blur(15.5px); }
          .through-forat .section-content .middle-section .cards-container .card .image-container {
            margin-bottom: 32px; }
          .through-forat .section-content .middle-section .cards-container .card .card-title {
            margin-bottom: 32px; }
          .through-forat .section-content .middle-section .cards-container .card:nth-child(even) {
            transform: translateY(75px); }
    .through-forat .section-content .end-section {
      text-align: center; }
      .through-forat .section-content .end-section .btn {
        background: rgba(0, 36, 56, 0.66);
        color: #ffffff; }
        .through-forat .section-content .end-section .btn::before {
          background-image: url("../assets/images/in-ward-arrow-dark-white.svg"); }
  .through-forat::before {
    content: "";
    will-change: transform;
    position: absolute;
    inset: 0;
    top: -5px;
    background: linear-gradient(180deg, #003877 0%, rgba(0, 56, 119, 0) 112.15%);
    z-index: 10; }

.partners-in-success {
  height: calc(100vh + 100px);
  background-image: linear-gradient(284deg, #003d77 0%, #00b8aa 186.6%);
  animation: gradientAnimation 10s ease-in-out infinite;
  background-size: 200% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .partners-in-success .partners-content {
    text-align: center;
    width: 500px;
    max-width: 100%;
    margin: auto; }
    .partners-in-success .partners-content h2 {
      color: #ffffff;
      font-weight: 500;
      margin-bottom: 20px; }
      .partners-in-success .partners-content h2 {
        font-size: 24px; }
        @media screen and (min-width: 320px) {
          .partners-in-success .partners-content h2 {
            font-size: calc(24px + 16 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .partners-in-success .partners-content h2 {
            font-size: 40px; } }
    .partners-in-success .partners-content p {
      color: #ffffff;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;
      /* 31.5px */
      margin-bottom: 30px; }
    .partners-in-success .partners-content .btn {
      background: rgba(0, 36, 56, 0.66);
      color: #ffffff; }
      .partners-in-success .partners-content .btn::before {
        background-image: url("../assets/images/in-ward-arrow-dark-white.svg"); }
  .partners-in-success .rive-container {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 100%;
    inset-inline-end: 0;
    top: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0; }
    .partners-in-success .rive-container canvas {
      background-color: transparent;
      width: 100%;
      height: 90%;
      object-fit: cover; }
  .partners-in-success .our-solutions-container {
    margin: auto;
    margin: 100px 0; }
    .partners-in-success .our-solutions-container .solution {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .partners-in-success .our-solutions-container .solution .image-container {
        text-align: center;
        position: relative; }
        .partners-in-success .our-solutions-container .solution .image-container::after {
          content: "";
          width: 1px;
          height: 115px;
          background-color: #ffffffc4;
          display: block;
          margin: auto;
          margin-top: -2px; }
      .partners-in-success .our-solutions-container .solution:last-child .image-container::after {
        display: none; }

.why-through-forat {
  padding: 100px 0;
  border-radius: 40px 40px 0 0;
  overflow: hidden;
  margin-top: -50px;
  background-color: #ffffff;
  position: relative;
  z-index: 10; }
  .why-through-forat .section-title {
    margin-bottom: 100px; }
    .why-through-forat .section-title h2 {
      color: #003D77;
      font-weight: 500;
      line-height: 1.4; }
      .why-through-forat .section-title h2 {
        font-size: 20px; }
        @media screen and (min-width: 320px) {
          .why-through-forat .section-title h2 {
            font-size: calc(20px + 30 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .why-through-forat .section-title h2 {
            font-size: 50px; } }
  .why-through-forat .info-cards-container {
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-bottom: 50px; }
    .why-through-forat .info-cards-container::after {
      content: "";
      display: none;
      bottom: 21px;
      left: 25px;
      right: 25px;
      height: 1px;
      position: absolute;
      background-color: #5557664d;
      z-index: -1; }
    .why-through-forat .info-cards-container::-webkit-scrollbar-track {
      background-color: #5557664d;
      height: 3px; }
    .why-through-forat .info-cards-container::-webkit-scrollbar {
      width: 1px;
      height: 3px;
      background-color: transparent; }
    .why-through-forat .info-cards-container::-webkit-scrollbar-thumb {
      background-color: #00b8aa;
      height: 3px; }
    .why-through-forat .info-cards-container .info-card {
      min-width: 260px;
      flex: 0 0 20%;
      padding: 0 30px;
      position: relative;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .why-through-forat .info-cards-container .info-card .overlay {
        position: absolute;
        inset-inline-end: 0;
        top: auto;
        bottom: 0%;
        width: 1px;
        background-color: #00243833;
        z-index: 1;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .why-through-forat .info-cards-container .info-card .card-content {
        display: flex;
        flex-direction: column;
        opacity: 0; }
        .why-through-forat .info-cards-container .info-card .card-content .image-container {
          margin-bottom: 25px;
          border-radius: 20px;
          overflow: hidden; }
          .why-through-forat .info-cards-container .info-card .card-content .image-container img {
            max-width: 100%; }
        .why-through-forat .info-cards-container .info-card .card-content .info-card-content .number {
          color: #002438;
          font-weight: 500;
          line-height: 1.5;
          /* 34.5px */
          margin-bottom: 20px;
          display: block; }
          .why-through-forat .info-cards-container .info-card .card-content .info-card-content .number {
            font-size: 16px; }
            @media screen and (min-width: 320px) {
              .why-through-forat .info-cards-container .info-card .card-content .info-card-content .number {
                font-size: calc(16px + 7 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .why-through-forat .info-cards-container .info-card .card-content .info-card-content .number {
                font-size: 23px; } }
        .why-through-forat .info-cards-container .info-card .card-content .info-card-content .info-card-title {
          color: #002438;
          font-weight: 500;
          line-height: 1.5;
          /* 34.5px */
          margin-bottom: 20px; }
          .why-through-forat .info-cards-container .info-card .card-content .info-card-content .info-card-title {
            font-size: 18px; }
            @media screen and (min-width: 320px) {
              .why-through-forat .info-cards-container .info-card .card-content .info-card-content .info-card-title {
                font-size: calc(18px + 6 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .why-through-forat .info-cards-container .info-card .card-content .info-card-content .info-card-title {
                font-size: 24px; } }
        .why-through-forat .info-cards-container .info-card .card-content .info-card-content .info-card-description {
          color: #555766;
          font-size: 16px;
          font-weight: 400;
          line-height: 1.5;
          /* 24px */ }
      .why-through-forat .info-cards-container .info-card:first-child {
        padding-inline-start: 0px; }
      .why-through-forat .info-cards-container .info-card:last-child {
        padding-inline-end: 0px; }
      .why-through-forat .info-cards-container .info-card:last-child .overlay {
        display: none; }
      .why-through-forat .info-cards-container .info-card:nth-child(even) .overlay {
        top: 0%;
        bottom: auto; }
      .why-through-forat .info-cards-container .info-card:nth-child(even) .card-content {
        flex-direction: column-reverse; }
        .why-through-forat .info-cards-container .info-card:nth-child(even) .card-content .image-container {
          margin-bottom: 0px; }
        .why-through-forat .info-cards-container .info-card:nth-child(even) .card-content .info-card-content {
          margin-bottom: 25px; }

.our-top-projects {
  padding: 100px 0 200px 0;
  margin-top: -5px;
  background-color: #f1f3f6;
  height: calc(100vh + 20px);
  height: calc(100lvh + 20px);
  overflow: hidden; }
  .our-top-projects .section-title {
    margin-bottom: 50px; }
    .our-top-projects .section-title h2 {
      color: #000000;
      font-weight: 500;
      line-height: 1.1; }
      .our-top-projects .section-title h2 {
        font-size: 20px; }
        @media screen and (min-width: 320px) {
          .our-top-projects .section-title h2 {
            font-size: calc(20px + 30 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .our-top-projects .section-title h2 {
            font-size: 50px; } }
      .our-top-projects .section-title h2 span {
        color: #00B8AA; }
  .our-top-projects .cards-wrapper {
    padding-bottom: 585px; }
    .our-top-projects .cards-wrapper .card {
      position: relative;
      display: block;
      border-radius: 40px;
      overflow: hidden;
      height: 585px;
      padding: 25px 30px;
      margin-top: -445px;
      -webkit-transition: margin-top 1s ease;
      -moz-transition: margin-top 1s ease;
      -ms-transition: margin-top 1s ease;
      -o-transition: margin-top 1s ease;
      transition: margin-top 1s ease; }
      .our-top-projects .cards-wrapper .card .image-container {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 0; }
        .our-top-projects .cards-wrapper .card .image-container::before {
          content: "";
          position: absolute;
          inset: 0;
          border-radius: 40px 40px 0px 0px;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0.57) 0%, rgba(0, 0, 0, 0) 100%);
          z-index: 10; }
        .our-top-projects .cards-wrapper .card .image-container img {
          position: relative;
          z-index: 9;
          object-fit: cover;
          max-width: 100%;
          width: 100%;
          height: 100%;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      .our-top-projects .cards-wrapper .card .card-content {
        display: flex;
        align-items: center; }
        .our-top-projects .cards-wrapper .card .card-content .left-side {
          flex: 0 0 75%; }
          .our-top-projects .cards-wrapper .card .card-content .left-side h2 {
            color: #ffffff;
            font-weight: 500;
            line-height: 1.5; }
            .our-top-projects .cards-wrapper .card .card-content .left-side h2 {
              font-size: 24px; }
              @media screen and (min-width: 320px) {
                .our-top-projects .cards-wrapper .card .card-content .left-side h2 {
                  font-size: calc(24px + 10 * ((100vw - 320px) / 1601)); } }
              @media screen and (min-width: 1921px) {
                .our-top-projects .cards-wrapper .card .card-content .left-side h2 {
                  font-size: 34px; } }
          .our-top-projects .cards-wrapper .card .card-content .left-side p {
            color: #ffffff;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.7;
            /* 27.2px */ }
        .our-top-projects .cards-wrapper .card .card-content .right-side {
          flex: 0 0 25%; }
          .our-top-projects .cards-wrapper .card .card-content .right-side .viewAll,
          .our-top-projects .cards-wrapper .card .card-content .right-side .view-more {
            color: #ffffff;
            position: relative; }
            .our-top-projects .cards-wrapper .card .card-content .right-side .viewAll::after,
            .our-top-projects .cards-wrapper .card .card-content .right-side .view-more::after {
              content: "";
              display: block;
              width: 64px;
              height: 64px;
              border: 2px solid #ffffff;
              border-radius: 50%;
              margin-inline-start: auto;
              background-image: url("../assets/images/out-ward-arrow-white-link.svg");
              background-position: center;
              background-repeat: no-repeat;
              background-size: 50%;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
      .our-top-projects .cards-wrapper .card:hover .image-container img {
        transform: scale(1.08); }
      .our-top-projects .cards-wrapper .card:hover .right-side .viewAll::after,
      .our-top-projects .cards-wrapper .card:hover .right-side .view-more::after {
        background-color: #00B8AA;
        border-color: #ffffff;
        transform: translateX(-3px); }
      .our-top-projects .cards-wrapper .card:hover.final {
        background-position: 100% 50%; }
      .our-top-projects .cards-wrapper .card:first-child {
        margin-top: 0; }
      .our-top-projects .cards-wrapper .card.active:not(:first-child) {
        margin-top: -585px; }
      .our-top-projects .cards-wrapper .card.final {
        background: linear-gradient(90deg, #00b8aa, #00669e);
        background-size: 200% 100%;
        -webkit-transition: background-position 0.3s ease;
        -moz-transition: background-position 0.3s ease;
        -ms-transition: background-position 0.3s ease;
        -o-transition: background-position 0.3s ease;
        transition: background-position 0.3s ease; }
        .our-top-projects .cards-wrapper .card.final .view-more {
          display: none; }
        .our-top-projects .cards-wrapper .card.final .viewAll::after {
          position: absolute;
          top: 50%;
          inset-inline-start: calc(100% + 10px);
          transform: translate(0%, -50%); }
        .our-top-projects .cards-wrapper .card.final .card-content {
          z-index: 10;
          position: relative;
          justify-content: center; }
          .our-top-projects .cards-wrapper .card.final .card-content .right-side {
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 30px;
            color: #ffffff;
            font-weight: 500;
            line-height: 1.5;
            /* 54px */ }
            .our-top-projects .cards-wrapper .card.final .card-content .right-side {
              font-size: 24px; }
              @media screen and (min-width: 320px) {
                .our-top-projects .cards-wrapper .card.final .card-content .right-side {
                  font-size: calc(24px + 12 * ((100vw - 320px) / 1601)); } }
              @media screen and (min-width: 1921px) {
                .our-top-projects .cards-wrapper .card.final .card-content .right-side {
                  font-size: 36px; } }
            .our-top-projects .cards-wrapper .card.final .card-content .right-side .view-more {
              margin-inline-start: 0;
              transform: translate(-50%, -50%); }
        .our-top-projects .cards-wrapper .card.final:hover .viewAll::after {
          transform: translate(-5px, -50%); }

.latest-news-section {
  padding: 100px 0;
  background-color: #ffffff;
  margin-top: -20px; }
  .latest-news-section .blockHead .section-title {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .latest-news-section .blockHead .section-title h2 {
      color: #002438;
      font-weight: 500;
      line-height: 1.1; }
      .latest-news-section .blockHead .section-title h2 {
        font-size: 20px; }
        @media screen and (min-width: 320px) {
          .latest-news-section .blockHead .section-title h2 {
            font-size: calc(20px + 30 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .latest-news-section .blockHead .section-title h2 {
            font-size: 50px; } }
      .latest-news-section .blockHead .section-title h2 span {
        color: #00B8AA; }
    .latest-news-section .blockHead .section-title .btn {
      border: 2px solid #002438;
      border-radius: 20px;
      padding: 17.5px 20px;
      font-size: 16px; }
      .latest-news-section .blockHead .section-title .btn::before {
        display: none; }
      .latest-news-section .blockHead .section-title .btn:hover {
        border: 2px solid #00B8AA; }
      .latest-news-section .blockHead .section-title .btn span {
        z-index: 1; }
      .latest-news-section .blockHead .section-title .btn a {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        z-index: 2;
        position: relative; }
  .latest-news-section .blockBody .listing-intro {
    margin-bottom: 75px; }
    .latest-news-section .blockBody .listing-intro p {
      color: #002438;
      line-height: 1.1;
      font-weight: 400; }
      .latest-news-section .blockBody .listing-intro p {
        font-size: 22px; }
        @media screen and (min-width: 320px) {
          .latest-news-section .blockBody .listing-intro p {
            font-size: calc(22px + 5.5 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .latest-news-section .blockBody .listing-intro p {
            font-size: 27.5px; } }
  .latest-news-section .blockBody .listingHolder .listingItemDIV {
    overflow: hidden;
    margin-bottom: 40px; }
    .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem {
      overflow: hidden; }
      .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingTitle {
        color: #00B8AA; }
      .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 20px;
        position: relative;
        height: 300px; }
        .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage img {
          width: 100%;
          height: 100%;
          border-radius: 20px;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .follower {
          position: absolute;
          width: 100px;
          height: 100px;
          position: absolute;
          left: 0;
          top: 0;
          pointer-events: none;
          color: #ffffff;
          background-image: url("../assets/images/read-more-mouse.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          opacity: 0;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage::before {
          content: "";
          position: absolute;
          inset-inline-start: 0;
          top: 0;
          opacity: 0;
          width: 100%;
          height: 100%;
          background-color: #0000007a;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage:hover .follower {
          opacity: 0; }
        .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage:hover::before {
          opacity: 1; }
      .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
        margin-bottom: 20px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        line-height: normal;
        color: #002438;
        font-weight: 500; }
        .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
          font-size: 22px; }
          @media screen and (min-width: 320px) {
            .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
              font-size: calc(22px + 5.5 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
              font-size: 27.5px; } }
      .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
        font-weight: 400;
        color: #555766; }
        .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
              font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
              font-size: 18px; } }
        .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
          line-height: 28px; }
          @media screen and (min-width: 420px) {
            .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
              line-height: calc(28px + 3 * ((100vw - 420px) / 1180)); } }
          @media screen and (min-width: 1600px) {
            .latest-news-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
              line-height: 31px; } }
  .latest-news-section .blockBody .swiper-navigation-container {
    display: flex;
    align-items: center;
    gap: 10px; }
    .latest-news-section .blockBody .swiper-navigation-container .swiper-btn {
      border-radius: 50%;
      border: 1px solid #002438;
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: static;
      inset: unset;
      position: relative;
      margin-top: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .latest-news-section .blockBody .swiper-navigation-container .swiper-btn::before {
        content: "";
        background-position: center;
        background-repeat: no-repeat;
        background-size: 60%;
        width: 100%;
        height: 100%;
        z-index: 10; }
      .latest-news-section .blockBody .swiper-navigation-container .swiper-btn::after {
        display: none;
        z-index: 10; }
      .latest-news-section .blockBody .swiper-navigation-container .swiper-btn.swiper-button-prev::before {
        background-image: url("../assets/images/out-ward-arrow-dark-blue-swiper.svg"); }
      .latest-news-section .blockBody .swiper-navigation-container .swiper-btn.swiper-button-prev:hover::before {
        background-image: url("../assets/images/out-ward-arrow-white-swiper.svg"); }
      .latest-news-section .blockBody .swiper-navigation-container .swiper-btn.swiper-button-next::before {
        background-image: url("../assets/images/in-ward-arrow-dark-blue-swiper.svg"); }
      .latest-news-section .blockBody .swiper-navigation-container .swiper-btn.swiper-button-next:hover::before {
        background-image: url("../assets/images/in-ward-arrow-white-swiper.svg"); }
      .latest-news-section .blockBody .swiper-navigation-container .swiper-btn:hover {
        border-color: #00B8AA;
        background-color: #00B8AA; }

.contact-us-section {
  padding: 100px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .contact-us-section .content-holder {
    text-align: center;
    color: #ffffff;
    transform: translateY(40px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .contact-us-section .content-holder .sub-title {
      font-weight: 300;
      margin-bottom: 10px; }
      .contact-us-section .content-holder .sub-title {
        font-size: 18px; }
        @media screen and (min-width: 320px) {
          .contact-us-section .content-holder .sub-title {
            font-size: calc(18px + 8 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .contact-us-section .content-holder .sub-title {
            font-size: 26px; } }
    .contact-us-section .content-holder .title {
      color: #ffffff;
      font-weight: 500;
      margin-bottom: 20px; }
      .contact-us-section .content-holder .title {
        font-size: 24px; }
        @media screen and (min-width: 320px) {
          .contact-us-section .content-holder .title {
            font-size: calc(24px + 16 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .contact-us-section .content-holder .title {
            font-size: 40px; } }
  .contact-us-section .btn-container {
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .contact-us-section .btn-container .btn {
      opacity: 0; }
  .contact-us-section:hover {
    background-color: #0073b2; }
    .contact-us-section:hover .content-holder {
      transform: translateY(0); }
    .contact-us-section:hover .btn-container .btn {
      opacity: 1; }

.other-sections {
  position: relative;
  z-index: 10;
  background-color: #ffffff; }
  .other-sections.project-pages {
    background-color: #ffffff;
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
    margin-top: -40px; }

.about-us-info {
  background-color: #ffffff;
  padding: 100px 0px;
  margin-top: -2px; }
  .about-us-info .blockBody .listing-intro {
    color: #002438;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 70px; }
    .about-us-info .blockBody .listing-intro {
      font-size: 22px; }
      @media screen and (min-width: 320px) {
        .about-us-info .blockBody .listing-intro {
          font-size: calc(22px + 5.5 * ((100vw - 320px) / 1601)); } }
      @media screen and (min-width: 1921px) {
        .about-us-info .blockBody .listing-intro {
          font-size: 27.5px; } }
  .about-us-info .blockBody .listingHolder .listingItemDIV {
    display: flex;
    flex-direction: row;
    margin-bottom: 100px; }
    .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem {
      display: flex;
      align-items: center;
      gap: 100px; }
      .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
        flex: 1; }
        .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingImage img {
          width: 100%;
          height: auto;
          object-fit: cover; }
      .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
        flex: 1; }
        .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
          color: #002438;
          font-style: normal;
          font-weight: 500;
          margin-bottom: 33px; }
          .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
            font-size: 22px; }
            @media screen and (min-width: 320px) {
              .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                font-size: calc(22px + 18 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                font-size: 40px; } }
          .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle span {
            color: #00B8AA;
            font-weight: 500;
            line-height: 55px; }
            .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle span {
              font-size: 22px; }
              @media screen and (min-width: 320px) {
                .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle span {
                  font-size: calc(22px + 18 * ((100vw - 320px) / 1601)); } }
              @media screen and (min-width: 1921px) {
                .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle span {
                  font-size: 40px; } }
        .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
          color: #707070;
          font-weight: 400; }
          .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            font-size: 16px; }
            @media screen and (min-width: 320px) {
              .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                font-size: 18px; } }
          .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            line-height: 28px; }
            @media screen and (min-width: 420px) {
              .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                line-height: calc(28px + 3 * ((100vw - 420px) / 1180)); } }
            @media screen and (min-width: 1600px) {
              .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                line-height: 31px; } }
    .about-us-info .blockBody .listingHolder .listingItemDIV:nth-child(odd) .listingItem {
      flex-direction: row-reverse; }
    .about-us-info .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem {
      gap: 150px; }

.about-us-animation {
  background-color: #f1f3f6;
  border-radius: 80px 80px 0 0;
  padding-top: 100px;
  position: relative; }
  .about-us-animation .section-title {
    margin-bottom: 50px; }
    .about-us-animation .section-title h2 {
      text-align: center;
      font-weight: 500; }
      .about-us-animation .section-title h2 {
        font-size: 38px; }
        @media screen and (min-width: 320px) {
          .about-us-animation .section-title h2 {
            font-size: calc(38px + 12 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .about-us-animation .section-title h2 {
            font-size: 50px; } }
      .about-us-animation .section-title h2 span {
        color: #00B8AA;
        margin-inline-end: 10px; }
  .about-us-animation .rive-container {
    width: 100%;
    height: 650px; }
    .about-us-animation .rive-container canvas {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.shortcut-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative; }
  .shortcut-container .shortcut {
    padding: 25px 17px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    margin-bottom: 54px;
    position: relative; }
    .shortcut-container .shortcut .image-container {
      margin-bottom: 20px; }
    .shortcut-container .shortcut .shortcut-description {
      width: 150px;
      color: #002438;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      /* 21px */ }
    .shortcut-container .shortcut::after {
      content: "";
      width: 2px;
      height: 54px;
      background: linear-gradient(90deg, #00b8aa 50%, #0079ef 95.15%);
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%); }
    .shortcut-container .shortcut:last-child::after {
      display: none; }
  .shortcut-container::after {
    content: "";
    display: none;
    height: 2px;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 15%;
    background: linear-gradient(90deg, #00b8aa 50%, #0079ef 95.15%); }

.service-banner-section {
  height: 55vh;
  position: relative;
  overflow: hidden; }
  .service-banner-section .background-image {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 100%;
    height: 55vh;
    background: linear-gradient(0deg, #0073b2 0%, #003877 64%);
    z-index: -1; }
    .service-banner-section .background-image img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
    .service-banner-section .background-image .wrap {
      z-index: 1;
      position: absolute;
      top: 0; }
  .service-banner-section .container {
    pointer-events: none; }
    .service-banner-section .container .page-title {
      height: 55vh;
      display: flex;
      align-items: flex-end; }
      .service-banner-section .container .page-title h2 {
        color: #ffffff;
        font-weight: 500;
        line-height: 1.5;
        opacity: 0;
        margin-bottom: 125px;
        pointer-events: all;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
        .service-banner-section .container .page-title h2 {
          font-size: 32px; }
          @media screen and (min-width: 320px) {
            .service-banner-section .container .page-title h2 {
              font-size: calc(32px + 22 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .service-banner-section .container .page-title h2 {
              font-size: 54px; } }
        .service-banner-section .container .page-title h2 .word {
          opacity: 0;
          transform: translateY(20px) rotate(-15deg); }
  .service-banner-section .services-navigation {
    margin-top: -96px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-left: none;
    border-right: none;
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.13);
    backdrop-filter: blur(15.5px); }
    .service-banner-section .services-navigation .services-nav {
      display: flex;
      align-items: center;
      gap: 30px; }
      .service-banner-section .services-navigation .services-nav li a {
        padding: 30px 0;
        display: block;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        opacity: 0.7;
        position: relative; }
        .service-banner-section .services-navigation .services-nav li a {
          font-size: 14px; }
          @media screen and (min-width: 320px) {
            .service-banner-section .services-navigation .services-nav li a {
              font-size: calc(14px + 4 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .service-banner-section .services-navigation .services-nav li a {
              font-size: 18px; } }
        .service-banner-section .services-navigation .services-nav li a::before {
          content: "";
          width: 0%;
          height: 5px;
          background-color: #00B8AA;
          display: block;
          position: absolute;
          bottom: 0;
          inset-inline-start: 50%;
          transform: translateX(50%);
          transform-origin: center;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      .service-banner-section .services-navigation .services-nav li.active a, .service-banner-section .services-navigation .services-nav li:hover a {
        opacity: 1; }
        .service-banner-section .services-navigation .services-nav li.active a::before, .service-banner-section .services-navigation .services-nav li:hover a::before {
          width: 100%; }
    .service-banner-section .services-navigation .container {
      pointer-events: all; }
  .service-banner-section.about-us {
    overflow: visible;
    z-index: 11; }
    .service-banner-section.about-us::before {
      content: "";
      position: absolute;
      top: 0;
      inset-inline-start: 0;
      background-image: url("../assets/images/blue-header-star.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 640px;
      height: 710px;
      max-width: 75%;
      transform: scale(0);
      animation: scaleUp 1s 0.5s forwards;
      transform-origin: right; }
    .service-banner-section.about-us + article {
      padding-top: 150px; }

.project-banner-section {
  position: relative;
  overflow: hidden; }
  .project-banner-section .background-image {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0073b2 0%, #003877 64%);
    z-index: -1; }
    .project-banner-section .background-image img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
    .project-banner-section .background-image .wrap {
      z-index: 1;
      position: absolute;
      top: 0; }
  .project-banner-section .banner-section .banner-content {
    height: 75vh;
    display: flex;
    justify-content: flex-end;
    flex-direction: column; }
    .project-banner-section .banner-section .banner-content .return-link {
      margin-bottom: 20px; }
      .project-banner-section .banner-section .banner-content .return-link a {
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .project-banner-section .banner-section .banner-content .return-link a::before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          background-image: url("../assets/images/out-ward-arrow-white.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: 50%;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .project-banner-section .banner-section .banner-content .return-link a:hover {
          color: #00B8AA; }
          .project-banner-section .banner-section .banner-content .return-link a:hover::before {
            background-image: url("../assets/images/out-ward-arrow-green.svg"); }
    .project-banner-section .banner-section .banner-content .page-title {
      margin-bottom: 40px; }
      .project-banner-section .banner-section .banner-content .page-title h2 {
        color: #ffffff;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 50px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
        .project-banner-section .banner-section .banner-content .page-title h2 {
          font-size: 32px; }
          @media screen and (min-width: 320px) {
            .project-banner-section .banner-section .banner-content .page-title h2 {
              font-size: calc(32px + 22 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .project-banner-section .banner-section .banner-content .page-title h2 {
              font-size: 54px; } }
        .project-banner-section .banner-section .banner-content .page-title h2 .word {
          opacity: 0;
          transform: translateY(20px) rotate(-15deg); }
      .project-banner-section .banner-section .banner-content .page-title p {
        color: #ffffff;
        font-size: 35px;
        font-weight: 400;
        line-height: 1.7;
        /* 61.25px */
        margin-bottom: 35px; }
    .project-banner-section .banner-section .banner-content::before {
      content: "";
      position: absolute;
      inset-inline-start: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 36, 56, 0) 0%, #002438 100%);
      z-index: 0; }

.intro {
  background-color: #ffffff;
  padding: 100px 0px; }
  .intro .row .listing-intro {
    color: #002438;
    font-weight: 400;
    line-height: normal;
    opacity: 0; }
    .intro .row .listing-intro {
      font-size: 22px; }
      @media screen and (min-width: 320px) {
        .intro .row .listing-intro {
          font-size: calc(22px + 5.5 * ((100vw - 320px) / 1601)); } }
      @media screen and (min-width: 1921px) {
        .intro .row .listing-intro {
          font-size: 27.5px; } }

.projects-listing {
  padding: 100px 0px;
  background-color: #ffffff; }
  .projects-listing .blockHead {
    margin-bottom: 25px; }
    .projects-listing .blockHead h2 {
      color: #002438;
      line-height: 40px;
      font-weight: 600; }
      .projects-listing .blockHead h2 {
        font-size: 30px; }
        @media screen and (min-width: 320px) {
          .projects-listing .blockHead h2 {
            font-size: calc(30px + 10 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .projects-listing .blockHead h2 {
            font-size: 40px; } }
  .projects-listing .blockBody .listing-intro {
    margin-bottom: 75px; }
    .projects-listing .blockBody .listing-intro p {
      color: #002438;
      line-height: normal;
      font-weight: 400; }
      .projects-listing .blockBody .listing-intro p {
        font-size: 22px; }
        @media screen and (min-width: 320px) {
          .projects-listing .blockBody .listing-intro p {
            font-size: calc(22px + 5.5 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .projects-listing .blockBody .listing-intro p {
            font-size: 27.5px; } }
  .projects-listing .blockBody .listingHolder {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px; }
    .projects-listing .blockBody .listingHolder .listingItemDIV {
      overflow: hidden; }
      .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem {
        overflow: hidden;
        opacity: 0; }
        .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
          margin-bottom: 20px;
          overflow: hidden;
          border-radius: 20px;
          position: relative; }
          .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage img {
            width: 100%;
            border-radius: 20px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .follower {
            position: absolute;
            width: 100px;
            height: 100px;
            position: absolute;
            left: 0;
            top: 0;
            pointer-events: none;
            color: #ffffff;
            background-image: url("../assets/images/read-more-mouse.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage::before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            top: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            background-color: #0000007a;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage:hover .follower {
            opacity: 0; }
          .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage:hover::before {
            opacity: 1; }
        .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
          margin-bottom: 20px;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          line-height: normal;
          color: #002438;
          font-weight: 500; }
          .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
            font-size: 22px; }
            @media screen and (min-width: 320px) {
              .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                font-size: calc(22px + 5.5 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                font-size: 27.5px; } }
        .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
          font-weight: 400;
          color: #555766; }
          .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
            font-size: 16px; }
            @media screen and (min-width: 320px) {
              .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                font-size: 18px; } }
          .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
            line-height: 28px; }
            @media screen and (min-width: 420px) {
              .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                line-height: calc(28px + 3 * ((100vw - 420px) / 1180)); } }
            @media screen and (min-width: 1600px) {
              .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                line-height: 31px; } }

.services-back-lines-listing {
  padding: 100px 0px;
  background-color: #ffffff; }
  .services-back-lines-listing .blockHead {
    margin-bottom: 50px; }
    .services-back-lines-listing .blockHead h2 {
      color: #002438;
      line-height: 1.1;
      font-weight: 600; }
      .services-back-lines-listing .blockHead h2 {
        font-size: 26px; }
        @media screen and (min-width: 320px) {
          .services-back-lines-listing .blockHead h2 {
            font-size: calc(26px + 14 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .services-back-lines-listing .blockHead h2 {
            font-size: 40px; } }
  .services-back-lines-listing .blockBody .listingHolder {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px; }
    .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem {
      opacity: 0;
      border-radius: 20px;
      background: #fff;
      box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
      padding: 40px; }
      .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
        margin-bottom: 20px; }
        .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage img {
          max-width: 100%; }
      .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
        margin-bottom: 20px;
        line-height: normal;
        color: #002438;
        font-weight: 500; }
        .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
          font-size: 22px; }
          @media screen and (min-width: 320px) {
            .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
              font-size: calc(22px + 5.5 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
              font-size: 27.5px; } }
      .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
        padding-bottom: 50px; }
        .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
          font-weight: 400;
          color: #555766; }
          .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
            font-size: 16px; }
            @media screen and (min-width: 320px) {
              .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                font-size: 18px; } }
          .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
            line-height: 28px; }
            @media screen and (min-width: 420px) {
              .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                line-height: calc(28px + 3 * ((100vw - 420px) / 1180)); } }
            @media screen and (min-width: 1600px) {
              .services-back-lines-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                line-height: 31px; } }

.questions-listing {
  background-color: #F1F3F6;
  padding: 100px 0px;
  margin-top: -2px; }
  .questions-listing .row .listingHolder .listingItemDIV {
    padding: 30px 0px;
    position: relative; }
    .questions-listing .row .listingHolder .listingItemDIV::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #707070;
      opacity: 0.2;
      pointer-events: none; }
    .questions-listing .row .listingHolder .listingItemDIV:last-child::after {
      display: none; }
    .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandToggle {
      display: flex;
      align-items: center;
      position: relative;
      cursor: pointer; }
      .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandToggle .left .title {
        color: #002438;
        font-weight: 600;
        line-height: 36px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandToggle .left .title {
          font-size: 18px; }
          @media screen and (min-width: 320px) {
            .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandToggle .left .title {
              font-size: calc(18px + 9 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandToggle .left .title {
              font-size: 27px; } }
      .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandToggle .right {
        background: url("../assets/images/down-wards-arrow-black-accordion.svg") no-repeat center center;
        border: unset;
        width: 24px;
        height: 24px;
        transform: rotate(0deg);
        transition: transform 0.3s ease;
        margin-inline-start: auto; }
      .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandToggle::after {
        content: "";
        position: absolute;
        inset-inline-end: 0px;
        color: #00B8AA;
        opacity: 0;
        padding-inline-start: 15px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandToggle::before {
        content: "";
        width: 0px;
        height: 2px;
        background: #0073B2;
        opacity: 1;
        inset-inline-start: 0px;
        margin-inline-end: 15px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandContent {
      display: none;
      padding-top: 30px;
      color: #555766;
      font-weight: 400; }
      .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandContent {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandContent {
            font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandContent {
            font-size: 18px; } }
      .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandContent {
        line-height: 28px; }
        @media screen and (min-width: 420px) {
          .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandContent {
            line-height: calc(28px + 3 * ((100vw - 420px) / 1180)); } }
        @media screen and (min-width: 1600px) {
          .questions-listing .row .listingHolder .listingItemDIV .listingItem .expandContent {
            line-height: 31px; } }
    .questions-listing .row .listingHolder .listingItemDIV.active .listingItem .expandToggle .left .title, .questions-listing .row .listingHolder .listingItemDIV:hover .listingItem .expandToggle .left .title {
      color: #0073B2; }
    .questions-listing .row .listingHolder .listingItemDIV.active .listingItem .expandToggle .right, .questions-listing .row .listingHolder .listingItemDIV:hover .listingItem .expandToggle .right {
      background: url("../assets/images/down-wards-arrow-blue-accordion.svg") no-repeat center center; }
    .questions-listing .row .listingHolder .listingItemDIV.active .listingItem .expandToggle::before, .questions-listing .row .listingHolder .listingItemDIV:hover .listingItem .expandToggle::before {
      content: "";
      width: 25px;
      margin-inline-end: 15px; }
    .questions-listing .row .listingHolder .listingItemDIV.active .listingItem .right {
      transform: rotate(180deg); }
  .questions-listing .row .image-container {
    margin-top: 0px; }
    .questions-listing .row .image-container img {
      width: 100%;
      object-fit: cover;
      border-radius: 24.67px; }

.projects-info {
  background-color: #ffffff;
  padding: 100px 0px;
  margin-top: -2px;
  position: relative; }
  .projects-info .blockBody .listing-intro {
    color: #002438;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 70px; }
    .projects-info .blockBody .listing-intro {
      font-size: 22px; }
      @media screen and (min-width: 320px) {
        .projects-info .blockBody .listing-intro {
          font-size: calc(22px + 5.5 * ((100vw - 320px) / 1601)); } }
      @media screen and (min-width: 1921px) {
        .projects-info .blockBody .listing-intro {
          font-size: 27.5px; } }
  .projects-info .blockBody .listingHolder .listingItemDIV {
    display: flex;
    flex-direction: row;
    margin-bottom: 100px; }
    .projects-info .blockBody .listingHolder .listingItemDIV .listingItem {
      display: flex;
      align-items: center; }
      .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
        aspect-ratio: 16/9;
        overflow: hidden;
        border-radius: 30px; }
        .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingImage img {
          width: 100%;
          height: auto;
          object-fit: cover;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
        background: #F1F3F6;
        padding: 65px;
        z-index: 1; }
        .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
          color: #002438;
          font-weight: 500;
          line-height: 55px;
          margin-bottom: 30px; }
          .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
            font-size: 30px; }
            @media screen and (min-width: 320px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                font-size: calc(30px + 10 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                font-size: 40px; } }
        .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
          color: #707070;
          font-weight: 400;
          margin-bottom: 30px; }
          .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            font-size: 16px; }
            @media screen and (min-width: 320px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                font-size: 18px; } }
          .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            line-height: 28px; }
            @media screen and (min-width: 420px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                line-height: calc(28px + 3 * ((100vw - 420px) / 1180)); } }
            @media screen and (min-width: 1600px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                line-height: 31px; } }
        .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingSubTitle {
          color: #0073B2;
          font-weight: 400;
          margin-bottom: 30px; }
          .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingSubTitle {
            font-size: 22px; }
            @media screen and (min-width: 320px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingSubTitle {
                font-size: calc(22px + 6 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingSubTitle {
                font-size: 28px; } }
          .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingSubTitle {
            line-height: 29px; }
            @media screen and (min-width: 420px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingSubTitle {
                line-height: calc(29px + 20 * ((100vw - 420px) / 1180)); } }
            @media screen and (min-width: 1600px) {
              .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingSubTitle {
                line-height: 49px; } }
        .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLocation {
          color: #555766;
          font-size: 16px;
          font-weight: 600;
          line-height: 29px; }
      .projects-info .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingImage img {
        transform: scale(1.05); }
    .projects-info .blockBody .listingHolder .listingItemDIV:nth-child(odd) .listingItem {
      flex-direction: row-reverse; }
      .projects-info .blockBody .listingHolder .listingItemDIV:nth-child(odd) .listingItem .listingInfo {
        margin-inline-end: -200px;
        border-radius: 0px;
        border-end-end-radius: 20px;
        border-start-end-radius: 20px; }
    .projects-info .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingInfo {
      margin-inline-start: -200px;
      border-radius: 0px;
      border-end-start-radius: 20px;
      border-start-start-radius: 20px; }
  .projects-info .follower {
    position: absolute;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    color: #ffffff;
    background-image: url("../assets/images/read-more-mouse.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .projects-info:hover .follower {
    opacity: 1; }

.contact-us-page-section {
  padding: 100px 0px;
  background-color: #ffffff; }
  .contact-us-page-section .blockHead {
    margin-bottom: 70px; }
    .contact-us-page-section .blockHead h2 {
      color: #002438;
      font-weight: 600; }
      .contact-us-page-section .blockHead h2 {
        font-size: 30px; }
        @media screen and (min-width: 320px) {
          .contact-us-page-section .blockHead h2 {
            font-size: calc(30px + 10 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .contact-us-page-section .blockHead h2 {
            font-size: 40px; } }
      .contact-us-page-section .blockHead h2 {
        line-height: 30px; }
        @media screen and (min-width: 420px) {
          .contact-us-page-section .blockHead h2 {
            line-height: calc(30px + 10 * ((100vw - 420px) / 1180)); } }
        @media screen and (min-width: 1600px) {
          .contact-us-page-section .blockHead h2 {
            line-height: 40px; } }
  .contact-us-page-section .blockBody .row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 20px; }
    .contact-us-page-section .blockBody .row .form-group {
      margin-bottom: 72px;
      display: flex;
      flex-direction: column; }
      .contact-us-page-section .blockBody .row .form-group .form-label {
        color: #002438;
        margin-bottom: 20px;
        font-weight: 400;
        line-height: 20px; }
        .contact-us-page-section .blockBody .row .form-group .form-label {
          font-size: 13px; }
          @media screen and (min-width: 320px) {
            .contact-us-page-section .blockBody .row .form-group .form-label {
              font-size: calc(13px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .contact-us-page-section .blockBody .row .form-group .form-label {
              font-size: 15px; } }
        .contact-us-page-section .blockBody .row .form-group .form-label {
          line-height: 18px; }
          @media screen and (min-width: 420px) {
            .contact-us-page-section .blockBody .row .form-group .form-label {
              line-height: calc(18px + 2 * ((100vw - 420px) / 1180)); } }
          @media screen and (min-width: 1600px) {
            .contact-us-page-section .blockBody .row .form-group .form-label {
              line-height: 20px; } }
      .contact-us-page-section .blockBody .row .form-group .form-control {
        height: 38px;
        border: 0px;
        padding-bottom: 5px;
        border-bottom: 1px solid #d9d9d9;
        color: #002438;
        font-weight: 700;
        line-height: 16px;
        padding: 15px;
        max-width: 100%;
        width: 100%; }
        .contact-us-page-section .blockBody .row .form-group .form-control {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .contact-us-page-section .blockBody .row .form-group .form-control {
              font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .contact-us-page-section .blockBody .row .form-group .form-control {
              font-size: 18px; } }
        .contact-us-page-section .blockBody .row .form-group .form-control:hover {
          border-bottom: 1px solid #6b6b6b;
          background-color: #F5F5F5; }
        .contact-us-page-section .blockBody .row .form-group .form-control:focus {
          outline: none;
          border: none;
          border-bottom: 1px solid #00B8AA;
          background-color: #F5F5F5; }
        .contact-us-page-section .blockBody .row .form-group .form-control::placeholder {
          color: #555766;
          font-weight: 400;
          line-height: 20px; }
          .contact-us-page-section .blockBody .row .form-group .form-control::placeholder {
            font-size: 14px; }
            @media screen and (min-width: 320px) {
              .contact-us-page-section .blockBody .row .form-group .form-control::placeholder {
                font-size: calc(14px + 2 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .contact-us-page-section .blockBody .row .form-group .form-control::placeholder {
                font-size: 16px; } }
          .contact-us-page-section .blockBody .row .form-group .form-control::placeholder {
            line-height: 18px; }
            @media screen and (min-width: 420px) {
              .contact-us-page-section .blockBody .row .form-group .form-control::placeholder {
                line-height: calc(18px + 2 * ((100vw - 420px) / 1180)); } }
            @media screen and (min-width: 1600px) {
              .contact-us-page-section .blockBody .row .form-group .form-control::placeholder {
                line-height: 20px; } }
        .contact-us-page-section .blockBody .row .form-group .form-control.error {
          border-bottom: 1px solid #f00; }
      .contact-us-page-section .blockBody .row .form-group .error-text {
        margin-top: 10px;
        color: #f00;
        font-size: 11px;
        font-weight: 400;
        line-height: 11px;
        align-self: flex-end; }
    .contact-us-page-section .blockBody .row .form-group-sp {
      margin-bottom: 45px; }
      .contact-us-page-section .blockBody .row .form-group-sp .form-control {
        padding: 6px 15px 22px 0px;
        max-height: 150px;
        min-height: 30px;
        resize: vertical;
        overflow-y: auto; }
    .contact-us-page-section .blockBody .row .btn-container {
      text-align: end; }
      .contact-us-page-section .blockBody .row .btn-container .contact-btn {
        display: inline-block;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        border: 2px solid #00B8AA;
        padding: 10px 26px;
        background: #ffffff;
        color: #00B8AA;
        font-weight: 600;
        line-height: normal;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .contact-us-page-section .blockBody .row .btn-container .contact-btn {
          font-size: 14px; }
          @media screen and (min-width: 320px) {
            .contact-us-page-section .blockBody .row .btn-container .contact-btn {
              font-size: calc(14px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .contact-us-page-section .blockBody .row .btn-container .contact-btn {
              font-size: 16px; } }
        .contact-us-page-section .blockBody .row .btn-container .contact-btn span {
          z-index: -1; }
        .contact-us-page-section .blockBody .row .btn-container .contact-btn:hover {
          color: #ffffff; }
    .contact-us-page-section .blockBody .row .contact-info {
      border-radius: 20px;
      background: #F1F3F6;
      padding: 60px 42px; }
      .contact-us-page-section .blockBody .row .contact-info .contact-item {
        display: flex;
        align-items: center;
        padding-bottom: 62px;
        margin-bottom: 62px;
        position: relative; }
        .contact-us-page-section .blockBody .row .contact-info .contact-item::after {
          content: "";
          position: absolute;
          bottom: 0;
          inset-inline-end: 0;
          inset-inline-start: 0;
          height: 1px;
          background: #555766;
          opacity: 0.1; }
        .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text p {
          color: #002438;
          font-weight: 400; }
          .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text p {
            font-size: 14px; }
            @media screen and (min-width: 320px) {
              .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text p {
                font-size: calc(14px + 2 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text p {
                font-size: 16px; } }
          .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text p {
            line-height: 28px; }
            @media screen and (min-width: 420px) {
              .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text p {
                line-height: calc(28px + 2 * ((100vw - 420px) / 1180)); } }
            @media screen and (min-width: 1600px) {
              .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text p {
                line-height: 30px; } }
        .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a {
          margin-inline-end: 25px;
          color: #002438;
          font-weight: 400;
          line-height: 28px;
          text-decoration: underline !important;
          display: inline-block;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a {
            font-size: 14px; }
            @media screen and (min-width: 320px) {
              .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a {
                font-size: calc(14px + 2 * ((100vw - 320px) / 1601)); } }
            @media screen and (min-width: 1921px) {
              .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a {
                font-size: 16px; } }
          .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a:hover {
            color: #00b8aa;
            text-decoration-color: #00b8aa; }
          .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a.facebook {
            background-image: url("../assets/images/fb.svg");
            background-repeat: no-repeat;
            background-size: cover;
            width: 19px;
            height: 19px; }
            .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a.facebook:hover {
              background-image: url("../assets/images/fb-hover.svg"); }
          .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a.instagram {
            background-image: url("../assets/images/instagram-contact.svg");
            background-repeat: no-repeat;
            background-size: cover;
            width: 19px;
            height: 19px; }
            .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a.instagram:hover {
              background-image: url("../assets/images/instagram-hover.svg"); }
          .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a.LinkedIn {
            background-image: url("../assets/images/linkedIn-contact.svg");
            background-repeat: no-repeat;
            background-size: cover;
            width: 19px;
            height: 19px; }
            .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text a.LinkedIn:hover {
              background-image: url("../assets/images/linkedIn-hover.svg"); }
        .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-text .contact-social-icons {
          margin-top: 10px; }
        .contact-us-page-section .blockBody .row .contact-info .contact-item .contact-icon-wrapper {
          margin-inline-end: 30px; }
      .contact-us-page-section .blockBody .row .contact-info .contact-item:last-child {
        padding-bottom: 0;
        margin-bottom: 0; }
        .contact-us-page-section .blockBody .row .contact-info .contact-item:last-child::after {
          display: none; }

.highlighted-article {
  padding: 100px 0;
  background-color: #ffffff; }
  .highlighted-article .article {
    background-color: #f1f3f6;
    border-radius: 0px;
    border-start-end-radius: 30px;
    border-end-end-radius: 30px;
    overflow: hidden; }
    .highlighted-article .article .article-content {
      padding: 50px; }
      .highlighted-article .article .article-content .date-container {
        color: #00B8AA;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.7;
        margin-bottom: 30px; }
      .highlighted-article .article .article-content .title-container {
        color: #002438;
        font-weight: 500;
        line-height: 1.75;
        /* 70px */
        margin-bottom: 30px; }
        .highlighted-article .article .article-content .title-container {
          font-size: 24px; }
          @media screen and (min-width: 320px) {
            .highlighted-article .article .article-content .title-container {
              font-size: calc(24px + 16 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .highlighted-article .article .article-content .title-container {
              font-size: 40px; } }
      .highlighted-article .article .article-content .description-container {
        color: #555766;
        font-weight: 400;
        line-height: 1.75;
        margin-bottom: 40px; }
        .highlighted-article .article .article-content .description-container {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .highlighted-article .article .article-content .description-container {
              font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .highlighted-article .article .article-content .description-container {
              font-size: 18px; } }
      .highlighted-article .article .article-content .button-container .article-btn {
        color: #002438;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        /* 24px */
        display: inline-flex;
        align-items: center;
        gap: 20px;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s; }
        .highlighted-article .article .article-content .button-container .article-btn::after {
          content: "";
          display: block;
          width: 64px;
          height: 64px;
          border: 1px solid #002438;
          border-radius: 50%;
          background-image: url("../assets/images/out-ward-arrow-dark-blue-article.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: 50%;
          -webkit-transition: all ease 0.3s;
          -moz-transition: all ease 0.3s;
          -ms-transition: all ease 0.3s;
          -o-transition: all ease 0.3s;
          transition: all ease 0.3s; }
        .highlighted-article .article .article-content .button-container .article-btn:hover {
          color: #00B8AA; }
          .highlighted-article .article .article-content .button-container .article-btn:hover::after {
            background-color: #00B8AA;
            border-color: #00B8AA;
            background-image: url("../assets/images/out-ward-arrow-white-article.svg");
            transform: translateX(-3px); }
  .highlighted-article .image-container {
    height: 560px; }
    .highlighted-article .image-container img {
      max-width: 100%;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.news-listing-section {
  padding-bottom: 100px; }
  .news-listing-section .blockBody {
    margin-bottom: 50px; }
    .news-listing-section .blockBody .listingHolder {
      --bs-gutter-x: 40px;
      row-gap: 40px; }
      .news-listing-section .blockBody .listingHolder .listingItemDIV {
        overflow: hidden; }
        .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem {
          overflow: hidden;
          opacity: 0; }
          .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingTitle {
            color: #00B8AA; }
          .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
            margin-bottom: 20px;
            overflow: hidden;
            border-radius: 20px;
            position: relative; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage img {
              width: 100%;
              border-radius: 20px;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .follower {
              position: absolute;
              width: 100px;
              height: 100px;
              position: absolute;
              left: 0;
              top: 0;
              pointer-events: none;
              color: #ffffff;
              background-image: url("../assets/images/read-more-mouse.svg");
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover;
              opacity: 0;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage::before {
              content: "";
              position: absolute;
              inset-inline-start: 0;
              top: 0;
              opacity: 0;
              width: 100%;
              height: 100%;
              background-color: #0000007a;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage:hover .follower {
              opacity: 0; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingImage:hover::before {
              opacity: 1; }
          .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate {
            color: #00B8AA;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.7;
            /* 27.2px */
            margin-bottom: 10px; }
          .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
            line-height: normal;
            color: #002438;
            font-weight: 500;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
              font-size: 22px; }
              @media screen and (min-width: 320px) {
                .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                  font-size: calc(22px + 5.5 * ((100vw - 320px) / 1601)); } }
              @media screen and (min-width: 1921px) {
                .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                  font-size: 27.5px; } }
          .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .description-container {
            display: none; }
          .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .button-container {
            display: none; }
        .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child {
          flex: 0 0 auto;
          width: 100%;
          margin: 100px 0 50px 0; }
          .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem {
            background: #f1f3f6;
            display: flex;
            flex-direction: row-reverse;
            width: 100%;
            border-radius: 20px 0 0 20px;
            overflow: hidden; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem:hover .listingInfo .listingTitle {
              color: #002438; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem:hover .listingImage::before {
              display: none; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingImage {
              flex: 0 0 50%;
              margin-bottom: 0;
              border-radius: 0;
              height: 560px; }
              .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingImage img {
                max-width: 100%;
                width: 100%;
                height: 100%;
                object-fit: cover; }
              .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingImage img {
                border-radius: 0; }
            .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingInfo {
              flex: 0 0 50%;
              padding: 50px;
              padding-inline-end: 100px; }
              .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingInfo .listingTitle {
                margin-bottom: 20px; }
                .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingInfo .listingTitle {
                  font-size: 24px; }
                  @media screen and (min-width: 320px) {
                    .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingInfo .listingTitle {
                      font-size: calc(24px + 16 * ((100vw - 320px) / 1601)); } }
                  @media screen and (min-width: 1921px) {
                    .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingInfo .listingTitle {
                      font-size: 40px; } }
            .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .description-container {
              display: block;
              color: #555766;
              font-weight: 400;
              line-height: 1.75;
              margin-bottom: 40px; }
              .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .description-container {
                font-size: 16px; }
                @media screen and (min-width: 320px) {
                  .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .description-container {
                    font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
                @media screen and (min-width: 1921px) {
                  .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .description-container {
                    font-size: 18px; } }
            .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .button-container {
              display: block; }
              .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .button-container .article-btn {
                color: #002438;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.5;
                /* 24px */
                display: inline-flex;
                align-items: center;
                gap: 20px;
                -webkit-transition: all ease 0.3s;
                -moz-transition: all ease 0.3s;
                -ms-transition: all ease 0.3s;
                -o-transition: all ease 0.3s;
                transition: all ease 0.3s; }
                .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .button-container .article-btn::after {
                  content: "";
                  display: block;
                  width: 64px;
                  height: 64px;
                  border: 1px solid #002438;
                  border-radius: 50%;
                  background-image: url("../assets/images/out-ward-arrow-dark-blue-article.svg");
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: 50%;
                  -webkit-transition: all ease 0.3s;
                  -moz-transition: all ease 0.3s;
                  -ms-transition: all ease 0.3s;
                  -o-transition: all ease 0.3s;
                  transition: all ease 0.3s; }
                .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .button-container .article-btn:hover {
                  color: #00B8AA; }
                  .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .button-container .article-btn:hover::after {
                    background-color: #00B8AA;
                    border-color: #00B8AA;
                    background-image: url("../assets/images/out-ward-arrow-white-article.svg");
                    transform: translateX(-3px); }
  .news-listing-section .viewAllBottom {
    text-align: center; }
    .news-listing-section .viewAllBottom .btn {
      border: 1px solid #002438;
      margin: auto; }
      .news-listing-section .viewAllBottom .btn:hover {
        border: 1px solid #00B8AA; }
  .news-listing-section.news-listing-addition {
    background-color: #ffffff;
    padding: 100px 0px; }
    .news-listing-section.news-listing-addition .blockBody .listingHolder {
      row-gap: 0px; }
      .news-listing-section.news-listing-addition .blockBody .listingHolder .listingMainTitle {
        color: #002438;
        font-weight: 600;
        margin-bottom: 50px; }
        .news-listing-section.news-listing-addition .blockBody .listingHolder .listingMainTitle {
          font-size: 30px; }
          @media screen and (min-width: 320px) {
            .news-listing-section.news-listing-addition .blockBody .listingHolder .listingMainTitle {
              font-size: calc(30px + 10 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .news-listing-section.news-listing-addition .blockBody .listingHolder .listingMainTitle {
              font-size: 40px; } }
        .news-listing-section.news-listing-addition .blockBody .listingHolder .listingMainTitle {
          line-height: 40px; }
          @media screen and (min-width: 420px) {
            .news-listing-section.news-listing-addition .blockBody .listingHolder .listingMainTitle {
              line-height: calc(40px + 30 * ((100vw - 420px) / 1180)); } }
          @media screen and (min-width: 1600px) {
            .news-listing-section.news-listing-addition .blockBody .listingHolder .listingMainTitle {
              line-height: 70px; } }

.news-detail {
  padding: 150px 0px 100px 0;
  background-color: #F1F3F6; }
  .news-detail .listingItem .listingInfo {
    margin-inline: auto; }
    .news-detail .listingItem .listingInfo .link-container {
      margin-bottom: 50px; }
      .news-detail .listingItem .listingInfo .link-container a {
        display: inline-block;
        color: #002438;
        font-weight: 700;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .news-detail .listingItem .listingInfo .link-container a {
          font-size: 14px; }
          @media screen and (min-width: 320px) {
            .news-detail .listingItem .listingInfo .link-container a {
              font-size: calc(14px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .news-detail .listingItem .listingInfo .link-container a {
              font-size: 16px; } }
        .news-detail .listingItem .listingInfo .link-container a {
          line-height: 16px; }
          @media screen and (min-width: 420px) {
            .news-detail .listingItem .listingInfo .link-container a {
              line-height: calc(16px + 10 * ((100vw - 420px) / 1180)); } }
          @media screen and (min-width: 1600px) {
            .news-detail .listingItem .listingInfo .link-container a {
              line-height: 26px; } }
        .news-detail .listingItem .listingInfo .link-container a::before {
          content: "";
          display: inline-block;
          background-image: url("../assets/images/blue-right-media-arrow.svg");
          background-size: contain;
          background-repeat: no-repeat;
          width: 16px;
          height: 16px;
          position: absolute;
          inset-inline-end: calc(100% + 5px);
          top: 50%;
          transform: translateY(-50%);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .news-detail .listingItem .listingInfo .link-container a:hover {
          color: #00B8AA; }
          .news-detail .listingItem .listingInfo .link-container a:hover::before {
            background-image: url("../assets/images/blue-right-media-arrow-hover.svg"); }
    .news-detail .listingItem .listingInfo .listingTitle {
      margin-bottom: 50px;
      color: #002438;
      font-weight: 500;
      text-align: center; }
      .news-detail .listingItem .listingInfo .listingTitle {
        font-size: 34px; }
        @media screen and (min-width: 320px) {
          .news-detail .listingItem .listingInfo .listingTitle {
            font-size: calc(34px + 20 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .news-detail .listingItem .listingInfo .listingTitle {
            font-size: 54px; } }
      .news-detail .listingItem .listingInfo .listingTitle {
        line-height: 45px; }
        @media screen and (min-width: 420px) {
          .news-detail .listingItem .listingInfo .listingTitle {
            line-height: calc(45px + 30 * ((100vw - 420px) / 1180)); } }
        @media screen and (min-width: 1600px) {
          .news-detail .listingItem .listingInfo .listingTitle {
            line-height: 75px; } }
    .news-detail .listingItem .listingInfo .listingDate {
      margin-bottom: 50px;
      color: #002438;
      font-weight: 400;
      text-align: center; }
      .news-detail .listingItem .listingInfo .listingDate {
        font-size: 18px; }
        @media screen and (min-width: 320px) {
          .news-detail .listingItem .listingInfo .listingDate {
            font-size: calc(18px + 2 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .news-detail .listingItem .listingInfo .listingDate {
            font-size: 20px; } }
      .news-detail .listingItem .listingInfo .listingDate {
        line-height: 24px; }
        @media screen and (min-width: 420px) {
          .news-detail .listingItem .listingInfo .listingDate {
            line-height: calc(24px + 10 * ((100vw - 420px) / 1180)); } }
        @media screen and (min-width: 1600px) {
          .news-detail .listingItem .listingInfo .listingDate {
            line-height: 34px; } }
  .news-detail .listingItem .listingImage {
    margin-inline: auto;
    margin-bottom: 70px; }
    .news-detail .listingItem .listingImage img {
      width: 100%;
      border-radius: 40px; }
  .news-detail .listingItem .listingDescription {
    color: #555766;
    font-weight: 400;
    margin-inline: auto; }
    .news-detail .listingItem .listingDescription {
      font-size: 16px; }
      @media screen and (min-width: 320px) {
        .news-detail .listingItem .listingDescription {
          font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
      @media screen and (min-width: 1921px) {
        .news-detail .listingItem .listingDescription {
          font-size: 18px; } }
    .news-detail .listingItem .listingDescription {
      line-height: 26px; }
      @media screen and (min-width: 420px) {
        .news-detail .listingItem .listingDescription {
          line-height: calc(26px + 5 * ((100vw - 420px) / 1180)); } }
      @media screen and (min-width: 1600px) {
        .news-detail .listingItem .listingDescription {
          line-height: 31px; } }

.glimpse-on-project {
  padding-top: 25px;
  background-color: #f1f3f6;
  padding-bottom: 75px;
  min-height: 500px;
  display: flex;
  align-items: center; }
  .glimpse-on-project .row {
    align-items: center; }
  .glimpse-on-project .glimpse-content .project-title {
    color: #002438;
    font-weight: 500;
    line-height: 40px;
    /* 100% */
    margin-bottom: 50px; }
    .glimpse-on-project .glimpse-content .project-title {
      font-size: 32px; }
      @media screen and (min-width: 320px) {
        .glimpse-on-project .glimpse-content .project-title {
          font-size: calc(32px + 8 * ((100vw - 320px) / 1601)); } }
      @media screen and (min-width: 1921px) {
        .glimpse-on-project .glimpse-content .project-title {
          font-size: 40px; } }
  .glimpse-on-project .glimpse-content .project-description {
    color: #707070;
    font-weight: 400;
    line-height: 1.7;
    /* 35px */ }
    .glimpse-on-project .glimpse-content .project-description {
      font-size: 16px; }
      @media screen and (min-width: 320px) {
        .glimpse-on-project .glimpse-content .project-description {
          font-size: calc(16px + 4 * ((100vw - 320px) / 1601)); } }
      @media screen and (min-width: 1921px) {
        .glimpse-on-project .glimpse-content .project-description {
          font-size: 20px; } }
  .glimpse-on-project .partners-in-this-success {
    padding: 40px;
    margin-top: 10px;
    background-color: #ffffff;
    height: 400px;
    border-radius: 10px;
    border-bottom: 1px solid #00b8aa;
    box-shadow: 0px 4px 30px 0px rgba(0, 184, 170, 0.1);
    overflow: hidden; }
    .glimpse-on-project .partners-in-this-success h3 {
      color: #002438;
      font-size: 16px;
      font-weight: 700;
      line-height: 40px;
      /* 250% */ }
    .glimpse-on-project .partners-in-this-success .partners-list .partner {
      display: flex;
      align-items: center;
      gap: 20px;
      margin-top: 20px; }
      .glimpse-on-project .partners-in-this-success .partners-list .partner img {
        max-width: 100%; }
      .glimpse-on-project .partners-in-this-success .partners-list .partner .partner-name {
        color: #002438;
        font-weight: 400; }
        .glimpse-on-project .partners-in-this-success .partners-list .partner .partner-name {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .glimpse-on-project .partners-in-this-success .partners-list .partner .partner-name {
              font-size: calc(16px + 4 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .glimpse-on-project .partners-in-this-success .partners-list .partner .partner-name {
              font-size: 20px; } }

.project-details {
  padding: 100px 0; }
  .project-details .project-main-image {
    padding-bottom: 100px; }
    .project-details .project-main-image .image-container {
      border-radius: 30px;
      width: 100%;
      height: 800px;
      position: relative;
      overflow: hidden; }
      .project-details .project-main-image .image-container img {
        max-width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
        .project-details .project-main-image .image-container img:first-child {
          z-index: 10; }
  .project-details .project-goals {
    padding-bottom: 100px; }
    .project-details .project-goals .project-goals-head {
      width: 750px;
      max-width: 100%;
      margin-bottom: 70px; }
      .project-details .project-goals .project-goals-head h2 {
        color: #002438;
        font-weight: 500;
        line-height: 40px;
        /* 100% */
        margin-bottom: 40px; }
        .project-details .project-goals .project-goals-head h2 {
          font-size: 32px; }
          @media screen and (min-width: 320px) {
            .project-details .project-goals .project-goals-head h2 {
              font-size: calc(32px + 8 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .project-details .project-goals .project-goals-head h2 {
              font-size: 40px; } }
      .project-details .project-goals .project-goals-head p {
        color: #002438;
        font-weight: 400;
        line-height: 1.7;
        /* 31.5px */ }
        .project-details .project-goals .project-goals-head p {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .project-details .project-goals .project-goals-head p {
              font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .project-details .project-goals .project-goals-head p {
              font-size: 18px; } }
    .project-details .project-goals .project-goals-body .row {
      --bs-gutter-x: 100px; }
      .project-details .project-goals .project-goals-body .row .project-goal {
        margin-bottom: 50px; }
        .project-details .project-goals .project-goals-body .row .project-goal .image-container {
          border-radius: 30px;
          overflow: hidden;
          background-color: #002438;
          width: 93px;
          height: 93px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 40px; }
          .project-details .project-goals .project-goals-body .row .project-goal .image-container img {
            max-width: 100%; }
  .project-details .additional-images .image-container {
    overflow: hidden;
    border-radius: 20px; }
    .project-details .additional-images .image-container img {
      max-width: 100%;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.project-importance {
  padding: 100px 0 130px 0;
  background-color: #f1f3f6; }
  .project-importance .section-title {
    margin-bottom: 50px; }
    .project-importance .section-title h2 {
      color: #002438;
      font-weight: 500; }
      .project-importance .section-title h2 {
        font-size: 32px; }
        @media screen and (min-width: 320px) {
          .project-importance .section-title h2 {
            font-size: calc(32px + 8 * ((100vw - 320px) / 1601)); } }
        @media screen and (min-width: 1921px) {
          .project-importance .section-title h2 {
            font-size: 40px; } }
  .project-importance .importance-cards {
    margin-bottom: 50px; }
    .project-importance .importance-cards .importance-content {
      border-radius: 20px;
      background-color: #ffffff;
      padding: 30px;
      display: flex;
      flex-direction: column;
      height: 100%; }
      .project-importance .importance-cards .importance-content .image-container {
        width: 79px;
        height: 79px;
        border-radius: 50%;
        background-color: #f1f3f6;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .project-importance .importance-cards .importance-content .image-container img {
          max-width: 100%;
          width: 40px;
          height: 40px;
          object-fit: contain; }
      .project-importance .importance-cards .importance-content .listing-title {
        color: #002438;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 30px; }
      .project-importance .importance-cards .importance-content .listing-description {
        flex-grow: 1;
        color: #707070;
        font-weight: 400;
        line-height: 1.7;
        /* 31.5px */ }
        .project-importance .importance-cards .importance-content .listing-description {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .project-importance .importance-cards .importance-content .listing-description {
              font-size: calc(16px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .project-importance .importance-cards .importance-content .listing-description {
              font-size: 18px; } }
  .project-importance .importance-extras {
    display: flex;
    justify-content: center;
    gap: 25px; }
    .project-importance .importance-extras a {
      font-size: 18px;
      font-weight: 400;
      padding: 12px 15px;
      border-radius: 55px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .project-importance .importance-extras a:hover {
        background-color: #00B8AA;
        color: #ffffff; }
    .project-importance .importance-extras .download {
      color: #002438;
      background-color: #ffffff; }
    .project-importance .importance-extras .visit-us {
      color: #ffffff;
      background-color: #003d77; }

.project-video {
  background-color: #f1f3f6;
  border-radius: 30px 30px 0 0;
  overflow: hidden;
  margin-top: -30px; }
  .project-video .video-holder {
    height: 75vh; }
    .project-video .video-holder .video-js {
      direction: ltr;
      height: 100%;
      width: 100%;
      cursor: pointer; }
      .project-video .video-holder .video-js *,
      .project-video .video-holder .video-js *::after,
      .project-video .video-holder .video-js *::before {
        font-family: VideoJS !important;
        direction: ltr; }
      .project-video .video-holder .video-js.vjs-paused .vjs-big-play-button {
        display: block !important; }
      .project-video .video-holder .video-js.vjs-paused::before {
        content: "";
        position: absolute;
        inset-inline-start: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1; }
      .project-video .video-holder .video-js.vjs-playing::before {
        z-index: -1; }
      .project-video .video-holder .video-js .vjs-big-play-button {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: transparent;
        background-image: url("../assets/images/play-video-white.svg");
        border: none;
        z-index: 10;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .project-video .video-holder .video-js .vjs-big-play-button:hover {
          background-image: url("../assets/images/play-video-blue.svg"); }
        .project-video .video-holder .video-js .vjs-big-play-button .vjs-icon-placeholder,
        .project-video .video-holder .video-js .vjs-big-play-button .vjs-control-text {
          display: none; }
    .project-video .video-holder .vjs-button > .vjs-icon-placeholder {
      display: initial !important; }
    .project-video .video-holder video {
      width: 100%;
      height: 100%;
      aspect-ratio: 16/9;
      object-fit: cover; }

.popup-overlay {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
  /* Popup Content */ }
  .popup-overlay.active {
    visibility: visible;
    opacity: 1; }
  .popup-overlay .popup-content {
    background-color: #ffffff;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    position: relative; }
    .popup-overlay .popup-content .close-btn {
      position: absolute;
      top: 10px;
      inset-inline-end: 10px;
      cursor: pointer; }
      .popup-overlay .popup-content .close-btn:hover {
        color: #000; }
    .popup-overlay .popup-content .popup-icon {
      margin-bottom: 10px; }
    .popup-overlay .popup-content .contents-details {
      padding: 75px 50px; }
      .popup-overlay .popup-content .contents-details h2 {
        color: #002438;
        font-weight: 600;
        margin-bottom: 30px; }
        .popup-overlay .popup-content .contents-details h2 {
          font-size: 26px; }
          @media screen and (min-width: 320px) {
            .popup-overlay .popup-content .contents-details h2 {
              font-size: calc(26px + 4 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .popup-overlay .popup-content .contents-details h2 {
              font-size: 30px; } }
        .popup-overlay .popup-content .contents-details h2 {
          line-height: 28px; }
          @media screen and (min-width: 420px) {
            .popup-overlay .popup-content .contents-details h2 {
              line-height: calc(28px + 2 * ((100vw - 420px) / 1180)); } }
          @media screen and (min-width: 1600px) {
            .popup-overlay .popup-content .contents-details h2 {
              line-height: 30px; } }
      .popup-overlay .popup-content .contents-details p {
        color: #002438;
        font-weight: 400;
        margin-bottom: 30px; }
        .popup-overlay .popup-content .contents-details p {
          font-size: 14px; }
          @media screen and (min-width: 320px) {
            .popup-overlay .popup-content .contents-details p {
              font-size: calc(14px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .popup-overlay .popup-content .contents-details p {
              font-size: 16px; } }
        .popup-overlay .popup-content .contents-details p {
          font-size: 14px; }
          @media screen and (min-width: 320px) {
            .popup-overlay .popup-content .contents-details p {
              font-size: calc(14px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .popup-overlay .popup-content .contents-details p {
              font-size: 16px; } }
      .popup-overlay .popup-content .contents-details a {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: inline-block;
        padding: 13px 20px;
        text-align: center;
        justify-content: center;
        border-radius: 20px;
        border: 2px solid #00B8AA;
        background-color: #ffffff;
        color: #00B8AA;
        font-weight: 600;
        line-height: normal; }
        .popup-overlay .popup-content .contents-details a {
          font-size: 14px; }
          @media screen and (min-width: 320px) {
            .popup-overlay .popup-content .contents-details a {
              font-size: calc(14px + 2 * ((100vw - 320px) / 1601)); } }
          @media screen and (min-width: 1921px) {
            .popup-overlay .popup-content .contents-details a {
              font-size: 16px; } }
        .popup-overlay .popup-content .contents-details a:hover {
          background-color: #00B8AA;
          color: #ffffff; }
      .popup-overlay .popup-content .contents-details .popup-icon {
        margin-bottom: 30px; }

.Terms .Subtitle {
  margin-bottom: 25px; }

@media all and (max-width: 1200px) {
  header {
    height: 116px;
    transition: all 0.3s;
    transition-delay: 0s; }
    header .mobile-nav-container {
      display: none;
      position: fixed;
      overflow: hidden;
      width: 100vw;
      height: calc(100vh - 116px);
      top: 116px;
      inset-inline-start: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background-color: #002438; }
      header .mobile-nav-container .navbar-container {
        flex-direction: column;
        justify-content: flex-start;
        padding: 15% 0;
        gap: 20px;
        text-align: start;
        align-items: flex-start; }
        header .mobile-nav-container .navbar-container a {
          font-size: 32px;
          font-weight: 300;
          margin-bottom: 10px;
          display: block; }
    header .controls-container {
      justify-content: flex-end;
      align-items: center;
      height: 100%; }

  .btn {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px; }
    .btn a {
      font-size: 12px; }

  .landing-banner-section .additional-content-container {
    display: none; }
  .landing-banner-section .rive-container {
    display: none; }
  .landing-banner-section .swiper-controls-container {
    position: absolute;
    width: 100%;
    bottom: 100px; }
    .landing-banner-section .swiper-controls-container .swiper-controls {
      position: static; }
  .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content .content-box {
    bottom: 200px; }
    .landing-banner-section .thumb-banner-container .swiper-slide .landing-banner-slide-content .content-box .btn {
      opacity: 1; }
  .landing-banner-section .background-layers .star {
    max-width: none;
    width: auto;
    height: 75vh; }
    .landing-banner-section .background-layers .star img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

  .through-forat .section-content {
    padding: 100px 0; }
    .through-forat .section-content .middle-section .cards-container {
      gap: 0;
      margin-bottom: 50%; }
      .through-forat .section-content .middle-section .cards-container .card {
        flex: 0 0 100%; }

  .partners-in-success {
    height: auto;
    padding: 100px 0; }

  .why-through-forat {
    padding: 20px 0; }
    .why-through-forat .section-title {
      margin-bottom: 20px; }
    .why-through-forat .info-cards-container {
      padding-bottom: 50px; }
      .why-through-forat .info-cards-container::-webkit-scrollbar-track {
        background-color: transparent;
        height: 3px; }
      .why-through-forat .info-cards-container::after {
        display: block; }
      .why-through-forat .info-cards-container .info-card {
        padding: 0 25px; }
        .why-through-forat .info-cards-container .info-card .card-content {
          opacity: 1; }
        .why-through-forat .info-cards-container .info-card .overlay {
          display: none; }

  .our-top-projects {
    padding: 40px 0;
    max-height: 100vh;
    max-height: 100svh;
    height: 100vh; }
    .our-top-projects .cards-wrapper .card {
      padding: 15px 20px;
      margin-top: -415px;
      height: 500px; }
      .our-top-projects .cards-wrapper .card .card-content {
        align-items: flex-start; }
        .our-top-projects .cards-wrapper .card .card-content .left-side {
          flex: 0 1 100%; }
          .our-top-projects .cards-wrapper .card .card-content .left-side h2 {
            margin-bottom: 30px; }
        .our-top-projects .cards-wrapper .card .card-content .right-side .view-more {
          width: 42px;
          height: 42px; }
        .our-top-projects .cards-wrapper .card .card-content .right-side .viewAll::after, .our-top-projects .cards-wrapper .card .card-content .right-side .view-more::after {
          width: 42px;
          height: 42px; }
      .our-top-projects .cards-wrapper .card.active:not(:first-child) {
        margin-top: -500px; }
      .our-top-projects .cards-wrapper .card.final .card-content .right-side {
        justify-content: space-between; }
        .our-top-projects .cards-wrapper .card.final .card-content .right-side .viewAll {
          width: 100%; }
          .our-top-projects .cards-wrapper .card.final .card-content .right-side .viewAll::after {
            inset-inline-start: auto;
            inset-inline-end: 0; }

  .latest-news-section {
    padding: 40px 0;
    margin-top: 0; }

  .contact-us-section {
    padding: 40px 0; }
    .contact-us-section .content-holder {
      transform: translateY(0); }
    .contact-us-section .btn-container .btn {
      opacity: 1; }

  .service-banner-section .container .page-title h2 {
    opacity: 1; }
  .service-banner-section .services-navigation {
    margin-top: -89px; }
  .service-banner-section.about-us::before {
    width: 350px;
    max-width: 75%;
    background-position: top;
    background-image: url("../assets/images/blue-header-star-mobile.svg"); }

  .questions-listing {
    padding: 40px 0; }

  .services-back-lines-listing {
    padding: 40px 0; }

  .news-listing-section.news-listing-addition {
    padding: 50px 0px; }
    .news-listing-section.news-listing-addition .blockBody .listingHolder .listingMainTitle {
      margin-bottom: 30px; }
  .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child {
    margin: 50px 0 25px 0; }
    .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem {
      flex-direction: column;
      border-radius: 20px;
      overflow: hidden; }
      .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingImage {
        flex: 0 0 50%;
        margin-bottom: 0;
        border-radius: 0; }
        .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingImage img {
          border-radius: 0; }
      .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingInfo {
        flex: 0 0 50%;
        padding: 20px;
        padding-inline-end: 20px; }
        .news-listing-section .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingInfo .listingTitle {
          font-size: 24px; }
  .other-sections .intro {
    padding: 40px 0; }
  .other-sections .highlighted-article {
    padding: 40px 0; }
    .other-sections .highlighted-article .row {
      flex-direction: column-reverse; }
    .other-sections .highlighted-article .article {
      border-radius: 20px;
      overflow: hidden; }
      .other-sections .highlighted-article .article .article-content {
        padding: 10px; }
        .other-sections .highlighted-article .article .article-content .date-container {
          margin-bottom: 10px; }
        .other-sections .highlighted-article .article .article-content .button-container .article-btn::after {
          width: 42px;
          height: 42px; }
  .other-sections .about-us-info {
    padding: 40px 0px; }
    .other-sections .about-us-info .blockBody .listing-intro {
      margin-bottom: 40px; }
    .other-sections .about-us-info .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 30px;
      flex-direction: column; }
      .other-sections .about-us-info .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem {
        gap: 0px; }
      .other-sections .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem {
        flex-direction: column !important;
        gap: 0px; }
        .other-sections .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
          margin-bottom: 10px;
          width: 100%; }
        .other-sections .about-us-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
          margin-bottom: 20px; }
  .other-sections .projects-listing {
    padding: 50px 0px; }
    .other-sections .projects-listing .blockBody .listing-intro {
      margin-bottom: 25px; }
    .other-sections .projects-listing .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 15px; }
      .other-sections .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
        margin-bottom: 15px; }
      .other-sections .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
        margin-bottom: 15px; }
  .other-sections .projects-info {
    padding: 50px 0px; }
    .other-sections .projects-info .blockBody .listing-intro {
      margin-bottom: 40px; }
    .other-sections .projects-info .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 30px;
      flex-direction: column; }
      .other-sections .projects-info .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem {
        gap: 0px; }
      .other-sections .projects-info .blockBody .listingHolder .listingItemDIV .listingItem {
        flex-direction: column !important;
        gap: 0px; }
        .other-sections .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
          margin-bottom: 10px;
          width: 100%; }
          .other-sections .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingImage img {
            border-radius: 10px; }
        .other-sections .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
          background-color: #ffffff;
          padding: 0px; }
          .other-sections .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
            margin-bottom: 20px; }
          .other-sections .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingSubTitle {
            margin-bottom: 20px; }
          .other-sections .projects-info .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            margin-bottom: 20px; }
      .other-sections .projects-info .blockBody .listingHolder .listingItemDIV:nth-child(odd) .listingItem {
        flex-direction: row-reverse; }
        .other-sections .projects-info .blockBody .listingHolder .listingItemDIV:nth-child(odd) .listingItem .listingInfo {
          margin-left: 0px;
          border-radius: 0px; }
      .other-sections .projects-info .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingInfo {
        margin-right: 0px;
        border-radius: 0px; }

  .contact-us-page-section {
    padding: 40px 0px; }
    .contact-us-page-section .blockBody .row .col-lg-8,
    .contact-us-page-section .blockBody .row .col-lg-4 {
      width: 100%; }
    .contact-us-page-section .blockBody .row .form-group {
      width: 100%;
      margin-bottom: 20px; }
    .contact-us-page-section .blockBody .row .btn-container {
      margin-inline-end: 0px; }
    .contact-us-page-section .blockBody .row .form-group-sp {
      margin-bottom: 40px;
      width: 100%; }
      .contact-us-page-section .blockBody .row .form-group-sp .form-control {
        padding-bottom: 0px; }
    .contact-us-page-section .blockBody .row .contact-info {
      margin-top: 10px;
      padding: 20px; }
      .contact-us-page-section .blockBody .row .contact-info .contact-item {
        padding-bottom: 20px;
        margin-bottom: 20px; }

  .project-banner-section .banner-section .banner-content .page-title p {
    line-height: 1.3; }

  .glimpse-on-project {
    padding-top: 20px; }
    .glimpse-on-project .row {
      row-gap: 20px; }
    .glimpse-on-project .glimpse-content .project-title {
      margin-bottom: 20px; }
    .glimpse-on-project .partners-in-this-success {
      padding: 20px; }

  .project-details {
    padding: 20px 0; }
    .project-details .project-main-image {
      padding-bottom: 20px; }
      .project-details .project-main-image .image-container {
        height: auto;
        aspect-ratio: 16 / 9;
        width: 100%; }
    .project-details .project-goals {
      padding-bottom: 20px; }
    .project-details .additional-images .row {
      row-gap: 20px; }

  .project-importance {
    padding: 20px 0 60px 0; }
    .project-importance .importance-cards .row {
      row-gap: 20px; }
    .project-importance .importance-extras a {
      text-align: center; }

  .news-listing-section .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
    line-height: 1.4;
    margin-bottom: 10px; }

  footer {
    padding: 40px 0; }
    footer .top-level .logo-container {
      margin-bottom: 20px; }
    footer .top-level .footer-menu-wrapper .footer-menu-section {
      flex: 0 1 50%;
      max-width: 100%;
      margin-bottom: 20px; }
    footer .top-level .social-links {
      justify-content: center;
      margin-bottom: 20px; }
    footer .lower-level {
      flex-direction: column;
      justify-content: center;
      text-align: center;
      gap: 10px; }
      footer .lower-level .legal a {
        margin: 0; }
        footer .lower-level .legal a:first-child {
          margin-inline-end: 10px; } }
@media all and (max-width: 768px) {
  .news-detail {
    padding: 130px 0px; }
    .news-detail .listingItem .listingInfo .link-container {
      margin-bottom: 30px; }
    .news-detail .listingItem .listingInfo .listingTitle {
      margin-bottom: 30px; }
    .news-detail .listingItem .listingInfo .listingDate {
      margin-bottom: 30px; }
    .news-detail .listingItem .listingImage {
      margin-bottom: 50px; }
      .news-detail .listingItem .listingImage img {
        border-radius: 20px; }

  .popup-overlay .popup-content {
    margin-inline: 15px; }
    .popup-overlay .popup-content .contents-details {
      padding: 25px 10px; }

  .projects-listing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
    line-height: 1.4;
    margin-bottom: 10px; }

  .project-importance .importance-extras {
    flex-direction: column; } }
@media all and (max-width: 512px) {
  .service-banner-section .services-navigation {
    position: absolute;
    bottom: 0; }
    .service-banner-section .services-navigation .services-nav {
      overflow: auto; }
      .service-banner-section .services-navigation .services-nav::-webkit-scrollbar {
        display: none; }
      .service-banner-section .services-navigation .services-nav li a {
        font-size: 12px !important;
        text-wrap: nowrap;
        padding: 20px 0; } }
*,
*::before,
*::after {
  direction: rtl;
  font-family: "Noto Kufi Arabic", sans-serif; }

.iti__selected-dial-code {
  direction: ltr; }

@media (min-width: 992px) {
  .offset-lg-1, .offset-xl-1 {
    margin-right: 8.33333333%;
    margin-left: 0%; } }
@media (min-width: 768px) {
  .offset-md-1 {
    margin-right: 8.33333333%;
    margin-left: 0%; } }

/*# sourceMappingURL=transforat-ar.css.map */