@font-face {
    src: url("https://fonts.googleapis.com/css?family=Roboto:300");
    font-family: 'Roboto', sans-serif;
  }
  .slide__text-desc {
    font-family: 'Roboto', sans-serif;
  }
  
  *, *:before, *:after {
    box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  html, body {
    font-size: 62.5%;
    height: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
  }
  
  body {
    background: #000;
  }
  
  svg {
    display: block;
    overflow: visible;
  }
  
  .slider-container {
    position: relative;
    height: 100%;
    user-select: none;
    cursor: all-scroll;
  }
  
  .slider-control {
    z-index: 2;
    position: absolute;
    top: 0;
    width: 12%;
    height: 100%;
    transition: opacity 0.3s;
    will-change: opacity;
    opacity: 0;
  }
  .slider-control.inactive:hover {
    cursor: auto;
  }
  .slider-control:not(.inactive):hover {
    opacity: 1;
    cursor: pointer;
  }
  .slider-control.left {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, transparent 100%);
  }
  .slider-control.right {
    right: 0;
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.18) 100%);
  }
  
  .slider-pagi {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 2rem;
    transform: translateX(-50%);
    font-size: 0;
    list-style-type: none;
  }
  .slider-pagi__elem {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
  }
  .slider-pagi__elem:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.2rem;
    height: 1.2rem;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
    transform: translate(-50%, -50%) scale(0);
  }
  .slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
    transform: translate(-50%, -50%) scale(1);
  }
  
  .slider {
    z-index: 1;
    position: relative;
    height: 100%;
  }
  .slider.animating {
    transition: transform 0.5s;
    will-change: transform;
  }
  .slider.animating .slide__bg {
    transition: transform 0.5s;
    will-change: transform;
  }
  
  .slide {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .slide.active .slide__overlay,
  .slide.active .slide__text {
    opacity: 1;
    transform: translateX(0);
  }
  .slide__bg {
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background-size: cover;
    will-change: transform;
  }
  .slide:nth-child(5) .slide__overlay-path {
    fill: #303030;
  }
  @media (max-width: 991px) {
    .slide:nth-child(4) .slide__text {
      background-color: #303030ba;
    }
    .slide:nth-child(5) .slide__text {
      background-color: #303030ba;
    }
  }
  .slide__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .slide__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    min-height: 810px;
    transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
    will-change: transform, opacity;
    transform: translate3d(-20%, 0, 0);
    opacity: 0;
  }
  @media (max-width: 991px) {
    .slide__overlay {
      display: none;
    }
  }
  .slide__overlay path {
    opacity: 0.8;
  }
  .slide__text {
    position: absolute;
    width: 25%;
    bottom: 15%;
    left: 12%;
    color: #fff;
    transition: transform 1.5s 0.8s, opacity 1s 1.2s;
    will-change: transform, opacity;
    transform: translateY(-50%);
    opacity: 0;
  }
  @media (max-width: 991px) {
    .slide__text {
      left: 0;
      bottom: 0;
      width: 100%;
      height: 25rem;
      text-align: center;
      transform: translateY(50%);
      transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
      padding: 10px 1rem;
    }
  }
  .slide__text-heading {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 5rem;
    margin-bottom: 2rem;
  }
  @media (max-width: 991px) {
    .slide__text-heading {
      line-height: 10rem;
      font-size: 3.5rem;
    }
  }
  .slide__text-desc {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
  @media (max-width: 991px) {
    .slide__text-desc {
    }
  }
  .slide__text-link {
    z-index: 5;
    display: inline-block;
    position: relative;
    padding: 0.5rem;
    cursor: pointer;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 2.3rem;
    perspective: 1000px;
  }
  @media (max-width: 991px) {
    .slide__text-link {
      margin: -2rem 0 8rem;
    }
  }
  .slide__text-link:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transform-origin: 50% 100%;
    transform: rotateX(-85deg);
    transition: transform 0.3s;
    will-change: transform;
  }
  .slide__text-link:hover:before {
    transform: rotateX(0);
  }

  @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 1500px) {
  nav ul li.menu-bar-item {
    font-size: 2rem!important;
  }
}
@media (max-width: 1200px) {
  nav ul li.menu-bar-item  {
    font-size: 1.5rem!important;
  }
}
@media (max-width: 1000px) {
  
  nav ul li.menu-bar-item {
    padding: 10px 0px !important;
    margin: 0 5px!important;
    font-size: 1rem!important;
  }
nav ul li.menu-bar-item a{
  font-size: 1.3rem;
    padding: 0px 5px!important;
    margin: 0 0px!important;
}
  .slide__text-desc {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
  }
  .slide__text-heading {
        line-height: 10rem;
        font-size: 2.5rem;
  }
  .slide__text-heading {
        line-height: 5rem;
        font-size: 2.5rem;
  }
  .slide__text-link {
    z-index: 5;
    display: inline-block;
    position: relative;
    padding: 0.5rem;
    cursor: pointer;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    perspective: 1000px;
  }
  main.services {
    font-size: 1.6rem!important;
  }

}
@media (max-width: 700px) {
  nav ul li.menu-bar-item {
    padding: 10px 0px !important;
    margin: 0 5px!important;
    font-size: 1rem!important;
  }
  .main-title-0{
    font-size: 2rem!important;
  }
  .main-title-0-1 {
    font-size: 1.5rem!important;
  }
  .slide__text-heading{
    line-height:2rem;
  }
}
@media (max-width: 400px) {
  nav ul li.menu-bar-item {
    padding: 10px 0px !important;
    margin: 0 5px!important;
    font-size: 1rem!important;
  }
  .main-title-0{
    font-size: 2rem!important;
  }
  .main-title-0-1 {
    font-size: 1.5rem!important;
  }
  .slide__text-heading{
    line-height:2rem;
  }
}
@media (max-width: 390px) {
      nav ul li.menu-bar-item a {
        font-size: 1.3rem;
        padding: 0px 3px !important;
        margin: 0 0px !important;
    }
}
.menu-bar{
    width: 100%;
    float: none;
    left: 50%;
    right: auto;
    position: fixed;
    z-index: 2;
    margin-left: auto;
    transform: translate(-50%, 20%);

}
.container {
  display: flex;
  align-items: center;
  justify-content: center;
}
nav {
  background: #fff;
  border-radius: 9px;
  padding: 0px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
}
nav ul li.menu-bar-item  {
  display: inline-block;
  list-style: none;
  font-size: 2rem;
  padding: 10px 0px;
  margin: 0 0px;
  cursor: pointer;
  position: relative;
}
nav ul li.menu-bar-item :after {
  content: "";
  width: 0;
  height: 3px;
  background: #ffcc00;
  position: absolute;
  left: 0;
  bottom: -10px;
  transition: 0.5s;
}
nav ul li.menu-bar-item :hover::after {
  width: 100%;
}
nav ul li.menu-bar-item a{
  text-decoration: none!important;
  margin: 0 20px;
  padding: 10px 0px;
  color: black;
}


@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&family=Roboto:wght@300;400;500;900&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Open Sans", sans-serif;
}

main.services {
font-size: 1.2rem;
position: relative;
width: calc(min(90%));
margin: 0 auto;
min-height: 100vh;
column-gap: 10rem;
padding-block: min(20vh, 3rem);
}

.bg {
position: fixed;
top: -4rem;
left: -12rem;
z-index: -1;
opacity: 0;
}

.bg2 {
position: fixed;
bottom: -2rem;
right: -3rem;
z-index: -1;
width: 9.375rem;
opacity: 0;
}

main > div span {
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 1rem;
color: #717171;
}

main > div h1 {
text-transform: capitalize;
letter-spacing: 0.8px;
font-family: "Roboto", sans-serif;
font-weight: 900;
font-size: clamp(3.4375rem, 3.25rem + 0.75vw, 4rem);
background-color: #005baa;
background-image: linear-gradient(45deg, #005baa, #000000);
background-size: 100%;
background-repeat: repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
}

main > div hr {
display: block;
background: #005baa;
height: 0.25rem;
width: 6.25rem;
border: none;
margin: 1.125rem 0 1.875rem 0;
}

main > div p {
line-height: 1.6;
}

main a {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
color: #717171;
font-weight: 500;
background: #fff;
border-radius: 3.125rem;
transition: 0.3s ease-in-out;
}

main > div > a {
border: 2px solid #c2c2c2;
margin-top: 2.188rem;
padding: 0.625rem 1.875rem;
}

main > div > a:hover {
border: 0.125rem solid #005baa;
color: #005baa;
}



*,::after,::before{box-sizing:border-box;}
h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;}
h1{font-size:calc(1.375rem + 1.5vw);}
@media (min-width:1200px){
h1{font-size:2.5rem;}
}
p{margin-top:0;margin-bottom:1rem;}
strong{font-weight:bolder;}
a{color:#0d6efd;text-decoration:underline;}
a:hover{color:#0a58ca;}
img{vertical-align:middle;}
.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2;}
@media (min-width:1200px){
.display-2{font-size:4.5rem;}
}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2);}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y);}
.col-12{flex:0 0 auto;width:100%;}
@media (min-width:768px){
.col-md-12{flex:0 0 auto;width:100%;}
}
@media (min-width:992px){
.col-lg{flex:1 0 0%;}
.col-lg-6{flex:0 0 auto;width:50%;}
}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
@media (prefers-reduced-motion:reduce){
.btn{transition:none;}
}
.btn:hover{color:#212529;}
.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
.btn:disabled{pointer-events:none;opacity:.65;}
.w-100{width:100%!important;}
.justify-content-center{justify-content:center!important;}
.mt-3{margin-top:1rem!important;}
.mb-4{margin-bottom:1.5rem!important;}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2);}
.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y);}
.col-12{flex:0 0 auto;width:100%;}
@media (min-width:768px){
.col-md-12{flex:0 0 auto;width:100%;}
}
@media (min-width:992px){
.col-lg{flex:1 0 0%;}
.col-lg-6{flex:0 0 auto;width:50%;}
}
.justify-content-center{justify-content:center!important;}
.mt-3{margin-top:1rem!important;}
.mb-4{margin-bottom:1.5rem!important;}
*,::after,::before{box-sizing:border-box;}
h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;}
h1{font-size:calc(1.375rem + 1.5vw);}
@media (min-width:1200px){
h1{font-size:2.5rem;}
}
p{margin-top:0;margin-bottom:1rem;}
strong{font-weight:bolder;}
a{color:#0d6efd;text-decoration:underline;}
a:hover{color:#0a58ca;}
img{vertical-align:middle;}
.animate__animated{-webkit-animation-duration:var(--animate-duration)s;animation-duration:var(--animate-duration);-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay);}
@media print, (prefers-reduced-motion: reduce){
.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;}
}
.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
a{font-style:normal;font-weight:400;cursor:pointer;}
a,a:hover{text-decoration:none;}
.mbr-section-title{font-style:normal;line-height:1.3;}
.mbr-text{font-style:normal;line-height:1.7;}
h1,.display-2,.display-7,p,a{line-height:1;word-break:break-word;word-wrap:break-word;font-weight:400;}
strong{font-weight:bold;}
.align-left{text-align:left;}
img{display:block;width:100%;}
.mbr-section-btn{margin-left:-0.6rem;margin-right:-0.6rem;font-size:0;}
.btn{font-weight:600;border-width:1px;font-style:normal;margin:0.6rem 0.6rem;white-space:normal;transition:all 0.2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;word-break:break-word;}
.row{display:-webkit-flex;-webkit-flex-wrap:wrap;}
.justify-content-center{-webkit-justify-content:center;}
.row > *{padding-right:1rem;padding-left:1rem;}
:focus{outline:none;}
.mb-4{margin-bottom:2rem!important;}
.row{margin-left:-16px;margin-right:-16px;}
.row > [class*=col]{padding-left:16px;padding-right:16px;}
.btn{border-width:2px;}
.display-2{font-family:'Inter Tight', sans-serif;font-size:4rem;line-height:1;}
.display-7{font-family:'Inter Tight', sans-serif;font-size:1.4rem;line-height:1.3;text-wrap: balance;}
@media (max-width: 768px){
.display-2{font-size:3.2rem;font-size:calc( 2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20)));line-height:calc( 1.3 * (2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20))));}
.display-7{font-size:1.12rem;font-size:calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));line-height:calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));}
}
@media (min-width: 992px) and (max-width: 1400px){
.display-2{font-size:3.2rem;font-size:calc( 2.05rem + (4 - 2.05) * ((100vw - 62rem) / (87 - 62)));line-height:calc( 1.3 * (2.05rem + (4 - 2.05) * ((100vw - 62rem) / (87 - 62))));}
.display-7{font-size:1.12rem;font-size:calc( 1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62)));line-height:calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62))));}
}
.btn{padding:1.25rem 2rem;border-radius:4px;}
@media (max-width: 767px){
.btn{padding:0.75rem 1.5rem;}
}
.btn-success-outline,.btn-success-outline:active{background-color:transparent!important;border-color:#3a341c;color:#3a341c;}
.btn-success-outline:hover,.btn-success-outline:focus{color:#000000!important;background-color:transparent!important;border-color:#000000!important;box-shadow:none!important;}
.btn-success-outline:disabled{color:#ffffff!important;background-color:#3a341c!important;border-color:#3a341c!important;}
.mbr-section-btn .btn:not(.btn-form){border-radius:100px;}
a,a:hover{color:#2b7a69;}
a{transition:color 0.6s;}
@media (max-width: 991px){
.cid-uhxqILvlNS .image-wrapper{margin-bottom:1rem;}
}
.cid-uhxqILvlNS .row{align-items:center;}
@media (max-width: 991px){
  ul.container_about {
    padding: 10px 0px!important;
}
.cid-uhxqILvlNS .image-wrapper{padding:1rem;}
}
@media (min-width: 992px){
.cid-uhxqILvlNS .text-wrapper{padding:0 2rem;}
}
.cid-uhxqILvlNS .mbr-section-title{color:#000000;}
.cid-uhxqILvlNS .mbr-text,.cid-uhxqILvlNS .mbr-section-btn{color:#000000;}

.progress { position: fixed; top: 0; left: 0; height: 10px; background-color: purple; transition: all linear 0.1s; min-width: 1%;z-index:9 }

ul.container_about {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.container_about li {
    width: calc(33.33% - 20px);
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
    text-align: center;
    padding: 10px;
}
li span{
  font-size: 1.8rem;
}
#company-profile { background-color: #2D3E50; }
#our-team { background-color: #386d91; }
#track-record { background-color: #3b0073; }
#mission-vision { background-color: #4C5B78; }
#faqs { background-color: #28478d; }
#partners { background-color: #008773; }
#core-values { background-color: #631313; }
#offices { background-color: #50b0ff; }
.text-v{
  -moz-transform: rotate(-90deg)!important;
  -o-transform: rotate(-90deg)!important;
  -webkit-transform: rotate(-90deg)!important;
  -ms-transform: rotate(-90deg)!important;
}
.about_us_main{
  position: relative;
}

@media (max-width: 500px) {
  .container_about li {
    width: 90%!important;
    height: 80px!important;
    margin-top: 0px!important;
}
.text-v {
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    font-size: 2rem!important;
}
.noncha{
  display:none!important;
}
.nonchal{
  display:flow!important;
}
}

@media (max-width: 990px) {
  .about_us_main{
    position: relative;
  }
}
.hoverFocus:hover{
  scale: 1.1;
  transition: all .5s;
}
.cursor{
  cursor: pointer;
}
.modMenu{
  max-width: 100%!important;
  width: 100%!important;
  height: 100%!important;
}
.blocker {
  overflow: hidden!important;
  padding: 0px!important;
  z-index: 2!important;
}
.modal a.close-modal {
    top: 0px!important;
    right: 0px!important;
}
.modal a.close-modal {
    background-image: url(data:image/png;base64,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)!important;
}
body::-webkit-scrollbar {
    display: none;
  }

.frame {
width: 500px;
height: auto;
margin: 15% auto 0;
position: absolute;
width: 100%;
}

svg {
max-width: 100%;
height: auto;
display: block;
}

.plane-container {
width: 200px;
margin: 0px auto;
z-index: 3;
}
.plane {
width: 100%;
height: 60px;
}

.plane-container {
-webkit-animation: paper-plane-scoping 2s alternate infinite;
-moz-animation: paper-plane-scoping 2s alternate infinite;
animation: paper-plane-scoping 2s alternate infinite;

-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}

@-webkit-keyframes paper-plane-scoping {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
transform: translateY(100px);
}
}

.plane {
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;

-webkit-animation: paper-plane-soaring 4s forwards infinite;
-moz-animation: paper-plane-soaring 4s forwards infinite;
animation: paper-plane-soaring 4s forwards infinite;
}
@-webkit-keyframes paper-plane-soaring {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
transform: rotate(15deg);
}
60% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
}


.clouds {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
transform: translateZ(0);
}

.cloud {
position: absolute;
top: 20%;
width: 300px;
right: 0;
opacity: 1;
}

.cloud.front {
z-index: 9;
}

.cloud.distant {
z-index: 1;
}

.cloud.background {
z-index: 1;
}

.cloud.smaller {
margin-right: 400px;
width: 100px;
margin-top: 50px;
}

.cloud.small {
margin-right: 200px;
width: 150px;
}

.cloud.big {
width: 500px;
margin-top: 15%;
margin-right: 150px;
}

.cloud.massive {
width: 600px;
margin-top: 20px;
margin-right: 0px;
}


.cloud {
-webkit-animation-name: cloud-movement;
-webkit-animation-timing-function: linear;
-webkit-animation-direction: forwards;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 8s;

-moz-animation-name: cloud-movement;
-moz-animation-timing-function: linear;
-moz-animation-direction: forwards;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 8s;

animation-name: cloud-movement;
animation-timing-function: linear;
animation-direction: forwards;
animation-iteration-count: infinite;
animation-duration: 8s;
}

.slow {
-webkit-animation-duration: 9.2s;
-moz-animation-duration: 9.2s;
animation-duration: 9.2s;
}

.slower {
-webkit-animation-duration: 11.2s;
-moz-animation-duration: 11.2s;
animation-duration: 11.2s;
}

.slowest {
-webkit-animation-duration: 13.5s;
-moz-animation-duration: 13.5s;
animation-duration: 13.5s;
}

.super-slow {
-webkit-animation-duration: 20.5s;
-moz-animation-duration: 20.5s;
animation-duration: 20.5s;
}

@-webkit-keyframes cloud-movement {
0% {
opacity: 0.1;
-webkit-transform: translateX(300px);
-moz-transform: translateX(300px);
transform: translateX(300px);
}
10% {

opacity: 0.7;
}
90% {
opacity: 0;
}
100% {
opacity: 0;
-webkit-transform: translateX(-1000px);
-moz-transform: translateX(-1000px);
transform: translateX(-1000px);
}
}

.clouds{
z-index: -1;
background-color: #abecff;
}
.contact-info-section{
font-size:2rem;
min-height: 100vh;
background-image: url(./assets/image/contact/bg_mobile.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 350% auto;
}
.contact-info-container{
padding: 50px 10px;
background-color: #ffffffa6;
height: auto;
}
.b-txt{
margin-bottom: 30px;
}
.social {
width: 100%;
top: 50%;
}

.social .link {
display: inline-block;
vertical-align: middle;
position: relative;
width: 150px;
height: 150px;
border-radius: 50%;
border: 2px dashed white;
background-clip: content-box;
padding: 10px;
transition: .5s;
color: #D7D0BE;
margin-left: 15px;
margin-right: 15px;
font-size: 70px;
}

.social .link span {
display: block;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.social .link:hover {
padding: 20px;
color: white;
margin-left: -5px;
transform: translateX(10px) rotate(360deg);
}

.social .link.google-plus {
background-color: tomato;
color: white;
}

.social .link.messenger {
background-color: #00ACEE;
color: white;
}

.social .link.Facebook {
background-color: #3B5998;
color: white;
}

.w-25{
    width: 25%;
  }
  .w-50{
    width: 50%;
  }
  .w-75{
    width: 75%;
  }
  .t-white{
    color:#f7f7f7
  }
  .about_title{
    font-weight: bolder;
    font-size: 12rem;
    line-height: 10rem;
  }
  .about_content{
    width: 100%;
    max-height: 90vh;
    width:auto;
  }
  img {
    -webkit-user-drag: none;
  }
  
#slider-wrapper{
	max-width: 100%;
  width: auto;
	height: auto;
	margin: 50px 0px;
	background-color: #ffffff;
	padding: 15px;	
}
#image-slider{
	max-width: 100%;
	width: 540px;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: auto;
	display: block;
}
#image-slider ul{
  aspect-ratio: 1 / 1;
	width: 100%;
	max-height: 100%;
	position: relative;
}
#image-slider ul li{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 540px;
  width: 100%;
  height:100%; 
}
#image-slider ul li img {
	width: 100%;
  	height:auto;
}
#image-slider ul li.active-img{
	left: 0;
}
.next-img{
	z-index: 9999;
}
#thumbnail {
	cursor: default;
	margin-top: 3px;
	height: auto;
	display: table;	
	width: 100%;
  background-color: #afafaf;
}
#thumbnail ul {
	width: 100%;
	height: 100%;
}
#thumbnail li{
	list-style: none;
	float: left;
	cursor: pointer;
	min-width: 1px;
}																
#thumbnail li img{
	padding: 0;
	float: left;
	margin: 0px 1.5px;
	max-height: 56px;
	height: 56px;
}
#thumbnail li:first-child img{
	margin-right:0px;
  	margin-left:0px;
}	
/* .le-flex{
  flex: 0 0 auto;
  width: 100%;
} */
/* .modal-content{
  display: -webkit-flex;
} */


@media (min-width: 991px) {
  .modal-content {
    height:100%!important;
    padding: 40px 40px;
}
}

@media (max-width: 1500px) {
.about_content{
    width: 100%!important;
    height: auto!important;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
}


@media (max-width: 550px) {
  .about_title {
    font-weight: bolder;
    font-size: 6rem!important;
    line-height: 5rem!important;
}
.center_tb{
  width: 100%;
  margin: 0px 10px 0px 0px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
        }

@media (max-width: 770px) {
    .about_title {
        font-weight: bolder;
        font-size: 10rem;
        line-height: 8rem;
    }
    
.center_tb{
  padding: 40px 0px;
  width: 100%;
  margin: 0px 10px 0px 0px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
        }
   
.pattern-01{
  /* width: 100%;
  height: 100%; */
  /* Add your background pattern here */
  --sz: 15px;
  --c0: #000;
  --c1: #c71175;
  --ts: 50% / calc(var(--sz) * 8) calc(var(--sz) * 16);
  /* margin: 0; */
  /* padding: 0; */
  overflow: hidden;
  --dot: var(--c1) 0 calc(var(--sz) * 0.78),
    #fff0 calc(calc(var(--sz) * 0.78) + 1px) 100%;
  --dot2: radial-gradient(circle at 90% 0%, var(--dot)) var(--ts),
    radial-gradient(circle at 65% 0%, var(--dot)) var(--ts),
    radial-gradient(circle at 40% 0%, var(--dot)) var(--ts),
    radial-gradient(circle at 15% 0%, var(--dot)) var(--ts);
  --cg1: conic-gradient(from -90deg at 5% 51%, var(--c0) 0 90deg, #fff0 0 100%)
    var(--ts);
  --cg2: conic-gradient(from -90deg at 25% 50%, var(--c1) 0 90deg, #fff0 0 100%)
    var(--ts);
  --cg3: conic-gradient(
      from -90deg at 30% 38.5%,
      var(--c0) 0 90deg,
      #fff0 0 100%
    )
    var(--ts);
  --cg4: conic-gradient(
      from -90deg at 50% 37.5%,
      var(--c1) 0 90deg,
      #fff0 0 100%
    )
    var(--ts);
  --cg5: conic-gradient(from -90deg at 55% 26%, var(--c0) 0 90deg, #fff0 0 100%)
    var(--ts);
  --cg6: conic-gradient(from -90deg at 75% 25%, var(--c1) 0 90deg, #fff0 0 100%)
    var(--ts);
  --cg7: conic-gradient(
      from -90deg at 80% 13.5%,
      var(--c0) 0 90deg,
      #fff0 0 100%
    )
    var(--ts);
  --cg8: conic-gradient(
      from -90deg at 100% 12.5%,
      var(--c1) 0 90deg,
      #fff0 0 100%
    )
    var(--ts);

  background: var(--dot2), var(--dot2),
    radial-gradient(circle at 90% 100%, var(--dot)) var(--ts),
    radial-gradient(circle at 65% 100%, var(--dot)) var(--ts),
    radial-gradient(circle at 40% 100%, var(--dot)) var(--ts),
    radial-gradient(circle at 15% 100%, var(--dot)) var(--ts),
    radial-gradient(circle at 90% 12.5%, var(--dot)) var(--ts),
    radial-gradient(circle at 65% 25%, var(--dot)) var(--ts),
    radial-gradient(circle at 40% 37.5%, var(--dot)) var(--ts),
    radial-gradient(circle at 15% 50%, var(--dot)) var(--ts), var(--cg1),
    var(--cg1), var(--cg2), var(--cg2), var(--cg3), var(--cg3), var(--cg4),
    var(--cg4), var(--cg5), var(--cg5), var(--cg6), var(--cg6), var(--cg7),
    var(--cg7), var(--cg8), var(--cg8),
    linear-gradient(-45deg, #fff0 0 32.25%, #0002 50%, #000 77.5%) var(--ts),
    linear-gradient(-45deg, #fff0 0 32.25%, #000 60%) var(--ts),
    repeating-linear-gradient(90deg, var(--c0) 0 5%, var(--c1) 0 25%) var(--ts);
}



canvas {
  display: block;
  vertical-align: bottom;
}

/* ---- particles.js container ---- */

#particles-js {
    width:100%;
    height:100%;
}
.particles-js-canvas-el {
    position: fixed;
    top: 0;
    z-index: -1;
}
        /* .modal,.c_profile_0{
    display: flex;
    flex-direction: row;
  } */

  .rand-item{
    display: none;
  }
  .small_c{
    width: 120%;
    position: relative;
    top: -10%;
    margin: auto;
  }
  .left-text{
    z-index: 1;
    position: relative;
  }
  @media (max-width: 990px) {
    .small_c {
        display:none;
    }
  }
  .c_profile_0_2{
    z-index: 1;
  }