section.contact {
   height: 100%;
   padding: 10vh 10vw;
}

section.contact::before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   background-color: #f8f8f8;
   top: calc(100vh - 50vh);
   left: 0;
}

.bg_cont {
   position: absolute;
   width: 100%;
   height: calc(100vh - 50vh);
   top: 0;
   left: 0;
   overflow: hidden;
}

:root {
   --bg: #f8f8f8;
   --text: #151515;
   --blue: #005197;
   --green: #339f5b;
}


body {
   background-color: var(--bg) !important;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}


body::before,
body::after {
   position: absolute;
   left: 0;
   top: 0;
   content: '';
   width: 100%;
   height: 100%;
   z-index: -1;

   opacity: 40%;
}

body::before {
   background: #8C8C8C;
   filter: url(#noiseFilter);
}

.hero {
   width: 100%;
   height: 100%;
}


/* Blobs */
.blob-cont {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   z-index: -2;
   position: absolute;
   right: 5em;
   width: 30vw;
   height: 30vw;
}


.blob {
   border-radius: 100px;
   filter: blur(60px);
}

.blue {
   background-color: var(--blue);
   position: absolute;
   top: 200px;
   left: 100px;
   height: 300px;
   width: 300px;

   animation: blue 8s infinite ease;
}

.green {
   background-color: var(--green);
   position: absolute;
   top: 80px;
   right: -20px;
   height: 200px;
   width: 250px;

   animation: green 8s infinite ease;
}


@keyframes blue {
   0% {
      top: 200px;
      left: 100px;
      transform: scale(1);
   }

   30% {
      top: 300px;
      left: 150px;
      transform: scale(1.2);
   }

   60% {
      top: 100px;
      left: 200px;
      transform: scale(1.3);
   }

   100% {
      top: 200px;
      left: 100px;
      transform: scale(1);
   }
}

@keyframes green {
   0% {
      top: 80px;
      right: -20px;
      transform: scale(1.2);
   }

   30% {
      top: 300px;
      right: -20px;
      transform: scale(1);
   }

   60% {
      top: 200px;
      right: 100px;
      transform: scale(1);
   }

   100% {
      top: 80px;
      right: -20px;
      transform: scale(1.2);
   }
}






.con_map {
   position: relative;
}

.txt-head span {
   color: #005197;
}

.txt-head span.mobile {
   display: none;
}

.map {
   filter: grayscale(1);
   transition: all 0.5s ease;
}

.map:hover {
   filter: grayscale(0);
}

iframe {
   height: calc(100vh - 50vh);
   border: none;
}

/* contact us */
.con_us {
   margin-top: 2em;
   padding: 0 2em;

   display: flex;
   flex-direction: column;
   align-items: center;
}

.head_con {
   color: #005197 !important;
   text-align: center;
   font-family: 'Lato', sans-serif;
   font-size: 2.6rem !important;
   text-transform: none !important;
   letter-spacing: 2px !important;
}

.head_con b {
   background: linear-gradient(to right, #339f5b 0%, #005197 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 900;
}

.in_cont {
   position: relative;
   display: flex;
   width: 60vw;
}

.text_cont {
   width: 100%;
   padding: 0 2em;
}

.text_cont {
   display: flex;
   flex-direction: column;
   padding-top: 5rem;
}

.loca {
   margin-bottom: 1rem;
   line-height: 1.15;
}

.T,
.M {
   background: linear-gradient(to right, #339f5b 0%, #005197 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 600;
}


.btn-ghost {
   --btn-color: var(--primary-color);
   --btn-border-color: var(--primary-color);
   background: none;
   transition: 0.3s;
   overflow: hidden;
   color: var(--btn-color);
   border: 1px solid var(--btn-border-color);
}

.btn-ghost::before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(120deg, transparent, var(--primary-color), transparent);
   transform: translateX(-100%);
   transition: 0.6s;
}

p {
   font-family: 'Lato', sans-serif;
}

.frame {
   width: 90%;
   margin: 40px auto;
   text-align: center;
}

@media (max-width: 440px) {
   .text_cont {
      display: none;
   }
}

section.test-motion {
   width: 0;
   position: relative;
   height: 0;
   background: red;
   padding: 0;
}

.c-scroll_item-testY {
   width: 100%;
   height: 100%;
   border: #151515 solid;
}

.c-scroll_item-testY span {

   width: 200px;
   height: 200px;
}

.js-parallax-mouse {
   width: 100%;
   height: 100%;
}

.tt {
   background-color: #005197;
}

.ttt {
   background-color: #339f5b;
}

.tttt {
   background-color: aqua;
}

.o-title-testY {
   width: 100%;
   height: 100%;
}

.list {
   list-style-type: none;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   z-index: -2;
   position: absolute;
   width: 100%;
   height: 100%;
}

.list .item {
   position: absolute;
   display: block;
   width: 200px;
   height: 200px;
   border-radius: 50%;
   filter: blur(150px);
   text-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
   backface-visibility: hidden;
}

.list .item-01 {
   background-color: var(--blue);
   position: absolute;
   top: 200px;
   left: 40%;
   height: 800px;
   width: 800px;
}

.list .item-02 {
   background-color: var(--green);
   position: absolute;
   top: 600px;
   right: 20px;
   height: 500px;
   width: 500px;
}