/* ------------------------------------------------

 Author: [Mehrdad Abbasi]
 URL: http://amajgroup.com

 Template Name: Wolfe
 version: 1.0.0
------------------------------------------------ */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700&display=swap");
.ExploreStudentPanel-page .more {
  visibility: hidden;
  opacity: 0;
}

.CarbonbackDonation-page .more {
  visibility: hidden;
  opacity: 0;
}

.Tarunsika-page .more {
  visibility: hidden;
  opacity: 0;
}

.ExploreLMS-page .more {
  visibility: hidden;
  opacity: 0;
}

.MAndY-page .more {
  visibility: hidden;
  opacity: 0;
}

.CapitalTyping-page .more {
  visibility: hidden;
  opacity: 0;
}

.MealfitUIUX-page .more {
  visibility: hidden;
  opacity: 0;
}

.Sellrite-page .more {
  visibility: hidden;
  opacity: 0;
}

/* On smaller screens, where height is less than getVW(450px), change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: getVW(450px)) {
  .sidebar {
    padding-top: getVW(15px);
  }
  .sidebar a {
    font-size: getVW(18px);
  }
}

/* --------------------------- my css-------*/
* {
  box-sizing: border-box;
}

.text-right {
  text-align: right;
}

body {
  font-family: "Open Sans", sans-serif;
  line-height: 0.8;
}

@media screen and (min-width: 1200px) {
  .Privacy {
    font-size: 0.72917vw;
    margin-top: 5px;
    line-height: 1.5;
  }
  body {
    /* font-family: sans;
    direction: rtl; */
    overflow: hidden;
    margin: 0;
  }
  /* =============== header =========== */
  .flx-column {
    flex-direction: column;
  }
  .slidebar-menu {
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    width: 8.54167vw;
    transform-origin: top right;
    z-index: 150;
    border-left: solid 1px #b8bcd2;
  }
  .slidebar_container {
    height: 100%;
  }
  .slidebar_container .main-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 27.77778vh;
    padding-bottom: 14.62963vh;
    height: 100%;
  }
}

@media screen and (min-width: 1200px) and (max-height: 700px) {
  .slidebar_container .main-nav {
    padding-top: 23.14815vh;
  }
}

@media screen and (min-width: 1200px) {
  .slidebar_container .main-nav li {
    writing-mode: vertical-rl;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .slidebar_container .main-nav li a {
    transition: 0.6s ease-in-out;
  }
  .slidebar_container .main-nav li::before,
  .slidebar_container .main-nav li::after {
    content: "";
    width: 0.18519vh;
    height: 8.42593vh;
    background: #273064;
    display: block;
    transition: 0.6s ease-in-out;
    margin: 1.85185vh 0;
  }
  .slidebar_container .main-nav li:first-child::before {
    display: none;
  }
  .slidebar_container .main-nav li:first-child::after {
    height: 16.85185vh;
  }
  .slidebar_container .main-nav li:last-child::before {
    height: 16.85185vh;
  }
  .slidebar_container .main-nav li:last-child::after {
    display: none;
  }
  .slidebar_container .main-nav li:not(.active)::before,
  .slidebar_container .main-nav li:not(.active)::after {
    height: 0vh;
    margin: 0.46296vh 0;
  }
  .slidebar_container .main-nav li.active a {
    font-weight: bold;
    color: #273064;
  }
  .slidebar_container .main-nav li a {
    text-decoration: none;
    white-space: nowrap;
    font-weight: 300;
    color: #bbbbbb;
    letter-spacing: 0.5px;
  }
  /* =============== glocal =========== */
  main {
    padding: 0 0 0 8.54167vw;
    height: 100%;
  }
  .section {
    position: relative;
    z-index: 10;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 8.54167vw;
    padding-left: 8.54167vw;
    padding-right: 8.54167vw;
    width: 100%;
  }
  #shared {
    z-index: -10;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  #shared .p3-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    height: 100%;
    width: 28.38542vw;
    opacity: 0;
    z-index: -10;
  }
  #shared .blue-circle {
    position: absolute;
    bottom: auto;
    top: 27.34375vw;
    left: 6.25vw;
    background: #00e5ff;
    width: 8.54167vw;
    height: 8.54167vw;
    display: block;
    border-radius: 50%;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  #shared .xxxx {
    position: absolute;
    top: 9.375vw;
    left: 82.96875vw;
    width: 4.57292vw;
    height: 0.82292vw;
    display: block;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  #shared .xxxx g {
    fill: none;
    stroke: #000;
    stroke-width: 2;
  }
  #shared .square {
    position: absolute;
    top: 8.54167vw;
    left: 65.05208vw;
    width: 1.82292vw;
    height: 1.82292vw;
    display: block;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  #shared .circle {
    position: absolute;
    top: 35.625vw;
    left: 53.4375vw;
    width: 1.77083vw;
    height: 1.77083vw;
    display: block;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  #shared .dots {
    position: absolute;
    top: 35.625vw;
    left: -2.1875vw;
    width: 9.0625vw;
    height: 9.0625vw;
    display: block;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  /* =============== section 1 =========== */
  header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transform-origin: top left;
    z-index: 11;
  }
  .logo {
    padding: 2.86458vw 2.86458vw 3.69792vw 2.86458vw;
  }
  body.open {
    overflow: hidden;
  }
  body.open #main,
  body.open header,
  body.open #shared,
  body.open .section {
    filter: blur(30px) brightness(110%);
    transition: 0.2s ease-out;
  }
  body.open .closeMenu {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background: #000;
    z-index: 90;
    opacity: 0.16;
  }
  .menubox {
    width: 8.54167vw;
    height: 8.54167vw;
    background-color: #3d5afe;
    transition: 0.2s ease-in;
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
  }
  .menubox .menu-icon {
    cursor: pointer;
    padding: 3.33333vw;
    position: absolute;
    right: 0;
    z-index: 50;
  }
  .menubox .menu-icon .open {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .menubox .menu-icon .close {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .menubox .menu-data {
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    padding: 14.44444vh 10vw 3.33333vw;
    transition: 0.1s ease-in-out;
  }
  .menubox .menu-data .menu-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.45833vw;
    margin-right: -1.45833vw;
    margin-top: -2.96296vh;
    margin-bottom: -2.96296vh;
    padding: 0;
    list-style: none;
  }
  .menubox .menu-data .menu-ul li {
    width: 50%;
    padding: 2.96296vh 1.45833vw;
  }
  .menubox .menu-data .menu-ul li a {
    display: block;
    border: solid 1px #fff;
    height: 22.5vh;
    font-size: 2.03704vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
  }
  .menubox .menu-data .menu-ul li a:hover {
    background: #fff;
    color: #3d5afe;
  }
  .menubox .menu-data .menu-ul li:last-child {
    width: 1000%;
  }
  .menubox .menu-data .menu-ul li:last-child a {
    height: 9.25926vh;
  }
  .menubox .menu-data .copyright {
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 5.92593vh;
    font-size: 1.85185vh;
    width: 100%;
    left: 0;
    font-weight: 300;
  }
  .menubox .menu-data .social {
    list-style: none;
    left: 0;
    position: absolute;
    margin-top: -2.40741vh;
    margin-bottom: -2.40741vh;
    bottom: 5.92593vh;
    padding: 0;
    left: 2.91667vw;
    z-index: 5;
  }
  .menubox .menu-data .social li {
    padding-bottom: 2.40741vh;
    padding-top: 2.40741vh;
  }
  .menubox .menu-data .social li SVG {
    fill: #fff !important;
    width: 22px !important;
    height: 22px !important;
  }
  .menubox.active {
    width: 50.26042vw !important;
    height: 100%;
  }
  .menubox.active .menu-data {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
  }
  .menubox.active .menu-icon .open {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .menubox.active .menu-icon .close {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .menu-icon svg {
    width: 1.82292vw;
    height: 1.82292vw;
  }
  /* =============== section 2 =========== */
  .flex {
    display: flex;
  }
  .flex-warp {
    flex-wrap: wrap;
  }
  .justify-content-between {
    justify-content: space-between;
  }
  .align-items-center {
    align-items: center;
  }
  .align-items-end {
    align-items: flex-end;
  }
  .right-menu {
    position: relative;
    border-left: solid 0.05208vw #b8bcd2;
    height: 100%;
  }
  .rmenu-item {
    font-size: 0.83333vw;
    font-weight: 300;
    color: #bbbbbb;
    text-transform: uppercase;
    float: none;
  }
  .rmenu-item.active {
    font-weight: bolder;
    color: #273064;
  }
  .deg90 {
    transform: rotateZ(90deg);
  }
  /* =============== page 1 =========== */
  .page1 .page-down {
    width: 3.54167vw;
    height: 3.54167vw;
    background-color: #eeeeef;
    border-radius: 2.60417vw;
    margin: 0 auto;
    transition: 0.4s;
    position: absolute;
    top: calc(100% - 130px);
    left: 50%;
    transform: translateX(-50%);
  }
  .page1 .page-down:hover {
    height: 5.20833vw;
  }
  .page1 .page-down svg {
    position: absolute;
    top: 1.19792vw;
    left: 50%;
    transform: translateX(-50%);
    width: 0.78125vw;
    height: 1.04167vw;
  }
  .page1 .page-down:hover {
    padding-bottom: 2.60417vw;
    cursor: pointer;
  }
  .page1 .sec1-text {
    margin-top: 3.64583vw;
    max-width: 29.84375vw;
    color: #656980;
    font-size: 1.04167vw;
    font-weight: normal;
    line-height: 1.25vw;
  }
  .page1 .flex {
    justify-content: space-between;
  }
  .page1 .sec1-img {
    text-align: right;
    padding-right: 2.91667vw;
  }
  .page1 .sec1-img svg {
    width: 35.10417vw;
    height: 35.36458vw;
  }
  .page1 .page-1-title {
    width: 39.0625vw;
  }
  .page1 .page-1-title h1 {
    font-weight: bold;
    font-size: 6.25vw;
    line-height: 7.5vw;
  }
  .page1 .page-1-title h1 span {
    color: #fff;
    position: relative;
    display: inline-block;
  }
  /* =============== page 2 =========== */
  .page2 {
    margin-right: 8.54167vw;
  }
  .page2 .flex {
    height: 100%;
  }
  .page2 .img-bg {
    background: #3d5afe;
    height: 100%;
    width: 38.80208vw;
    margin-left: -8.54167vw;
    padding-left: 8.54167vw;
    position: relative;
  }
  .page2 .img-bg .shape::before {
    content: "";
    position: absolute;
    width: 1.82292vw;
    height: 1.82292vw;
    display: block;
    top: 3.125vw;
    left: 2.65625vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.378' height='17.135' viewBox='0 0 17.378 17.135'%3E%3Cg id='Rectangle_63' data-name='Rectangle 63' transform='translate(0.351)'%3E%3Crect id='Rectangle_110' data-name='Rectangle 110' width='17' height='17' transform='translate(-0.351 0.135)' fill='none'/%3E%3Cpath id='Path_105' data-name='Path 105' d='M908.027,167.027H891V150h17.027Zm-16.054-.973h15.081V150.973H891.973Z' transform='translate(-891 -150)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .page2 .img-bg .shape::after {
    content: "";
    position: absolute;
    width: 1.77083vw;
    height: 1.77083vw;
    display: block;
    top: 21.14583vw;
    right: 3.80208vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg id='Ellipse_97' data-name='Ellipse 97' transform='translate(0.378 0.27)'%3E%3Ccircle id='Ellipse_114' data-name='Ellipse 114' cx='8.5' cy='8.5' r='8.5' transform='translate(-0.378 -0.27)' fill='none'/%3E%3Cpath id='Path_104' data-name='Path 104' d='M1452.27,506.541a8.27,8.27,0,1,1,8.27-8.27A8.28,8.28,0,0,1,1452.27,506.541Zm0-15.568a7.3,7.3,0,1,0,7.3,7.3A7.306,7.306,0,0,0,1452.27,490.973Z' transform='translate(-1444 -490)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .page2 .img-bg::before {
    content: "";
    position: absolute;
    width: 8.85417vw;
    height: 8.85417vw;
    display: block;
    bottom: 0.625vw;
    right: 0.625vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='176' height='176'%3E%3Cg data-name='Group 23' transform='translate(-1467 -452)' fill='%23fff'%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 452)'/%3E%3Ccircle data-name='Ellipse 73' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 547)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 452)'/%3E%3Ccircle data-name='Ellipse 74' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 547)'/%3E%3Ccircle data-name='Ellipse 24' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 452)'/%3E%3Ccircle data-name='Ellipse 75' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 547)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 452)'/%3E%3Ccircle data-name='Ellipse 76' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 547)'/%3E%3Ccircle data-name='Ellipse 25' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 452)'/%3E%3Ccircle data-name='Ellipse 77' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 547)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 452)'/%3E%3Ccircle data-name='Ellipse 78' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 547)'/%3E%3Ccircle data-name='Ellipse 26' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 452)'/%3E%3Ccircle data-name='Ellipse 79' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 547)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 452)'/%3E%3Ccircle data-name='Ellipse 80' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 547)'/%3E%3Ccircle data-name='Ellipse 27' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 452)'/%3E%3Ccircle data-name='Ellipse 81' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 547)'/%3E%3Ccircle data-name='Ellipse 32' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 452)'/%3E%3Ccircle data-name='Ellipse 82' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 547)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 471)'/%3E%3Ccircle data-name='Ellipse 63' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 566)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 471)'/%3E%3Ccircle data-name='Ellipse 64' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 566)'/%3E%3Ccircle data-name='Ellipse 17' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 471)'/%3E%3Ccircle data-name='Ellipse 65' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 566)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 471)'/%3E%3Ccircle data-name='Ellipse 66' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 566)'/%3E%3Ccircle data-name='Ellipse 18' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 471)'/%3E%3Ccircle data-name='Ellipse 67' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 566)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 471)'/%3E%3Ccircle data-name='Ellipse 68' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 566)'/%3E%3Ccircle data-name='Ellipse 19' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 471)'/%3E%3Ccircle data-name='Ellipse 69' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 566)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 471)'/%3E%3Ccircle data-name='Ellipse 70' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 566)'/%3E%3Ccircle data-name='Ellipse 20' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 471)'/%3E%3Ccircle data-name='Ellipse 71' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 566)'/%3E%3Ccircle data-name='Ellipse 31' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 471)'/%3E%3Ccircle data-name='Ellipse 72' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 566)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 490)'/%3E%3Ccircle data-name='Ellipse 60' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 585)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 490)'/%3E%3Ccircle data-name='Ellipse 51' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 585)'/%3E%3Ccircle data-name='Ellipse 21' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 490)'/%3E%3Ccircle data-name='Ellipse 52' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 585)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 490)'/%3E%3Ccircle data-name='Ellipse 53' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 585)'/%3E%3Ccircle data-name='Ellipse 14' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 490)'/%3E%3Ccircle data-name='Ellipse 54' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 585)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 490)'/%3E%3Ccircle data-name='Ellipse 55' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 585)'/%3E%3Ccircle data-name='Ellipse 15' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 490)'/%3E%3Ccircle data-name='Ellipse 56' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 585)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 490)'/%3E%3Ccircle data-name='Ellipse 57' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 585)'/%3E%3Ccircle data-name='Ellipse 16' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 490)'/%3E%3Ccircle data-name='Ellipse 58' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 585)'/%3E%3Ccircle data-name='Ellipse 28' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 490)'/%3E%3Ccircle data-name='Ellipse 59' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 585)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 509)'/%3E%3Ccircle data-name='Ellipse 61' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 604)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 509)'/%3E%3Ccircle data-name='Ellipse 49' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 604)'/%3E%3Ccircle data-name='Ellipse 22' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 509)'/%3E%3Ccircle data-name='Ellipse 41' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 604)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 509)'/%3E%3Ccircle data-name='Ellipse 42' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 604)'/%3E%3Ccircle data-name='Ellipse 12' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 509)'/%3E%3Ccircle data-name='Ellipse 43' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 604)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 509)'/%3E%3Ccircle data-name='Ellipse 44' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 604)'/%3E%3Ccircle data-name='Ellipse 9' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 509)'/%3E%3Ccircle data-name='Ellipse 45' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 604)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 509)'/%3E%3Ccircle data-name='Ellipse 46' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 604)'/%3E%3Ccircle data-name='Ellipse 10' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 509)'/%3E%3Ccircle data-name='Ellipse 47' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 604)'/%3E%3Ccircle data-name='Ellipse 29' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 509)'/%3E%3Ccircle data-name='Ellipse 48' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 604)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 528)'/%3E%3Ccircle data-name='Ellipse 62' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 623)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 528)'/%3E%3Ccircle data-name='Ellipse 50' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 623)'/%3E%3Ccircle data-name='Ellipse 23' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 528)'/%3E%3Ccircle data-name='Ellipse 33' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 623)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 528)'/%3E%3Ccircle data-name='Ellipse 40' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 623)'/%3E%3Ccircle data-name='Ellipse 13' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 528)'/%3E%3Ccircle data-name='Ellipse 34' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 623)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 528)'/%3E%3Ccircle data-name='Ellipse 39' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 623)'/%3E%3Ccircle data-name='Ellipse 11' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 528)'/%3E%3Ccircle data-name='Ellipse 35' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 623)'/%3E%3Ccircle data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 528)'/%3E%3Ccircle data-name='Ellipse 36' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 623)'/%3E%3Ccircle data-name='Ellipse 8' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 528)'/%3E%3Ccircle data-name='Ellipse 37' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 623)'/%3E%3Ccircle data-name='Ellipse 30' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 528)'/%3E%3Ccircle data-name='Ellipse 38' cx='2.5' cy='2.5' r='2.5' transform='translate(1638 623)'/%3E%3C/g%3E%3C/svg%3E");
  }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .page2 .img-bg::before {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}

@media screen and (min-width: 1200px) {
  .page2 .img-bg::after {
    content: "";
    position: absolute;
    width: 4.47917vw;
    height: 0.72917vw;
    display: block;
    bottom: 3.33333vw;
    left: 8.54167vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg id='Group_37' data-name='Group 37' xmlns='http://www.w3.org/2000/svg' width='42.722' height='7.694' viewBox='0 0 42.722 7.694'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(35.027)'%3E%3Crect id='Rectangle_102' data-name='Rectangle 102' width='9.907' height='0.973' transform='translate(0.001 7.006) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_103' data-name='Rectangle 103' width='0.973' height='9.907' transform='translate(0 0.688) rotate(-44.998)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Group_34' data-name='Group 34' transform='translate(23.351)'%3E%3Crect id='Rectangle_104' data-name='Rectangle 104' width='9.907' height='0.973' transform='translate(0.001 7.006) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_105' data-name='Rectangle 105' width='0.973' height='9.907' transform='translate(0 0.688) rotate(-44.998)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Group_35' data-name='Group 35' transform='translate(11.676)'%3E%3Crect id='Rectangle_106' data-name='Rectangle 106' width='9.907' height='0.973' transform='translate(0.001 7.006) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_107' data-name='Rectangle 107' width='0.973' height='9.907' transform='translate(0 0.688) rotate(-44.998)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Group_36' data-name='Group 36'%3E%3Crect id='Rectangle_108' data-name='Rectangle 108' width='9.907' height='0.973' transform='translate(0.001 7.006) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_109' data-name='Rectangle 109' width='0.973' height='9.907' transform='translate(0 0.688) rotate(-44.998)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .page2 .img-bg img {
    position: fixed;
    bottom: 10.74074vh;
    left: 10.41667vw;
    width: 20.83333vw;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .page2 .img-bg img {
    width: 18.22917vw;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .page2 .img-bg img {
    bottom: 9.25926vh;
    left: 9.89583vw;
  }
}

@media screen and (min-width: 1200px) {
  .page2 .text-abs {
    position: absolute;
    bottom: 6.48148vh;
    right: 11.45833vw;
    width: 39.0625vw;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .page2 .text-abs {
    bottom: 1.5625vw;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .page2 .text-abs {
    bottom: 0;
  }
}

@media screen and (min-width: 1200px) {
  .page2 .txt-abs {
    font-size: 6.25vw;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 1.85185vh;
    line-height: 2.29167vw;
    width: max-content;
    line-height: 0.9;
  }
  .page2 .txt-abs hr {
    display: inline-block;
    margin: 0;
    margin-bottom: -2.08333vw;
    width: 1.19792vw;
    height: 9.27083vw;
    background-color: #3d5afe;
    border: none;
  }
  .page2 .page2-top-txt {
    padding-top: 6.77083vw;
  }
  .page2 .services {
    padding-right: 7.29167vw;
  }
  .page2 .page2-btn-txt {
    padding-bottom: 6.48148vh;
    align-items: center;
  }
  .page2 .page2-btn-txt .svg-btn {
    padding-right: 1.5625vw;
  }
  .page2 .page2-btn-txt .item-btn {
    color: #b8bcd2;
    font-size: 1.04167vw;
    font-weight: 300;
    padding-right: 0.78125vw;
  }
  .page2 .page2-btn-txt .txt-btn {
    color: #273064;
    font-size: 1.04167vw;
    font-weight: normal;
    line-height: 1.25vw;
  }
  .page2 .item-txt {
    font-size: 1.97917vw;
    font-weight: 300;
    color: black;
    line-height: 3.125vw;
    cursor: pointer;
  }
  .page2 .item-txt .item-svg {
    margin-bottom: -0.52083vw;
    margin-right: 1.04167vw;
  }
  .page2 .item-txt a {
    position: relative;
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    display: inline-block;
    padding: 0 5px;
  }
  .page2 .item-txt a span {
    overflow: hidden;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 5px;
    width: 1px;
    transition: width 0.5s;
    transition-delay: 2s;
    color: #000;
    white-space: nowrap;
  }
  .Expertise .page2 .item-txt a span {
    width: 100%;
  }
  .page2 .item-txt a::after {
    content: "";
    background: #3d5afe;
    position: absolute;
    display: block;
    height: 0px;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: -1;
    transition: all 0.2s;
    transform: translateY(-50%);
  }
  .page2 .item-txt a::before {
    content: "";
    background: #b4b5b44d;
    position: absolute;
    display: block;
    height: 10px;
    width: 0%;
    top: 50%;
    left: 0;
    z-index: -2;
    transition: 0.5s;
    transition-delay: 1s;
  }
  .Expertise .page2 .item-txt a::before {
    width: 100%;
  }
  .page2 .item-txt:hover a {
    color: #fff;
  }
  .page2 .item-txt:hover a span {
    color: #fff !important;
  }
  .page2 .item-txt:hover a::after {
    height: 46px;
  }
  .page2 .item-txt-bg {
    position: absolute;
    bottom: -3.125vw;
    z-index: -2;
    right: -3.90625vw;
  }
  /* =============== page 3 =========== */
  .page3 #RecentWorksMain {
    line-height: 1.2;
  }
  .page3 #RecentWorksMain .recent-works-navbar {
    position: fixed;
    bottom: 6.01852vh;
    padding-left: 2.44792vw;
    z-index: 10;
    display: flex;
    align-items: center;
  }
  .page3 #RecentWorksMain .recent-works-navbar .VIEW-ALL {
    margin-left: 6.77083vw;
  }
  .page3 #RecentWorksMain .recent-works-navbar .VIEW-ALL a {
    color: #494d67;
    font-size: 1.04167vw;
    text-decoration: none;
    font-weight: 300;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul::after {
    content: "";
    height: 100px;
    position: absolute;
    top: calc(100% + 10px);
    background: #3d5afe;
    width: 1px;
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul::before {
    content: "";
    width: 42px;
    height: 42px;
    background: #3d5afe;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul li {
    margin: 0 5px;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul li span {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    cursor: pointer;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul li.active span {
    color: #fff !important;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .recent-works-navbar ul li span {
    color: #fff;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .recent-works-navbar a {
    color: #fff;
  }
  .page3 #RecentWorksMain.MealfitLogo .recent-works-navbar ul li span {
    color: #fff;
  }
  .page3 #RecentWorksMain.MealfitLogo .recent-works-navbar a {
    color: #fff;
  }
  .page3 #RecentWorksMain .box-description {
    width: 30.625vw;
    text-align: left;
    transition: top ease-out 0.5s, left ease-out 0.5s;
    position: fixed;
    z-index: 50;
  }
  .page3 #RecentWorksMain .box-description .title {
    font-size: 2.60417vw;
    margin-bottom: 1.94444vh;
    margin-top: 0;
    position: relative;
    display: inline-block;
    font-weight: 600;
  }
  /*.page3 #RecentWorksMain .box-description .title::before {*/
  /*  content: "";*/
  /*  width: 7.8125vw;*/
  /*  height: 5.09259vh;*/
  /*  position: absolute;*/
  /*  display: block;*/
  /*  background: #00b1ff;*/
  /*  top: 5px;*/
  /*  right: -5px;*/
  /*  z-index: -1;*/
  /*  opacity: 0;*/
  /*  transition: ease-out 0.5s;*/
  /*}*/
  .page3 #RecentWorksMain .box-description .subtitle {
    margin: 1.94444vh 0;
    font-size: 1.5625vw;
  }
  .page3 #RecentWorksMain .box-description .text {
    font-size: 1.04167vw;
    font-weight: 300;
    margin-top: 0;
  }
  .page3 #RecentWorksMain .box-description .link-text {
    font-size: 0.9375vw;
    font-weight: 300;
    color: #aaaaaa;
    margin-top: 2.59259vh;
  }
  .page3 #RecentWorksMain .box-description .more {
    margin-top: 13.88889vh;
    background: #eeeeef;
    font-size: 0.9375vw;
    width: 8.02083vw;
    height: 3.54167vw;
    border-radius: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #273064;
  }
  .page3 #RecentWorksMain .box-description .more svg {
    margin-right: 10px;
  }
  .page3 #RecentWorksMain > .project-1 {
    padding: 4.62963vh 1.82292vw 0 2.44792vw;
  }
  .page3 #RecentWorksMain > .project-1 .bg,
  .page3 #RecentWorksMain > .project-5 .bg {
    width: 70.88542vw;
    height: 38.61111vh;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #000000;
    z-index: -1;
  }
  .page3 #RecentWorksMain > .project-5 .bg {
    background: #100F2D;
  }
  .page3 #RecentWorksMain > .project-1 .pic-group .pic img {
    width: 37.29167vw;
  }
  .page3 #RecentWorksMain > .project-2 {
    padding: 4.62963vh 0 0 2.44792vw;
  }
  .page3 #RecentWorksMain > .project-2 .more {
    margin-top: 8.24074vh;
  }
  .page3 #RecentWorksMain > .project-2 .bg svg {
    height: 100%;
    position: fixed;
    top: 0;
    right: 8.54167vw;
    z-index: -1;
  }
  .page3 #RecentWorksMain > .project-2 .pic-group .pic img {
    width: 43.22917vw;
  }
  .page3 #RecentWorksMain > .project-3 {
    padding: 4.62963vh 7.39583vw 0 2.44792vw;
  }
  .page3 #RecentWorksMain > .project-3 .more {
    margin-top: 10.09259vh;
  }
  .page3 #RecentWorksMain > .project-3 .bg img {
    position: fixed;
    bottom: 0;
    z-index: -1;
    right: 5.9375vw;
    width: 28.4375vw;
  }
  .page3 #RecentWorksMain > .project-3 .pic-group .pic img {
    position: fixed;
    top: 6.125vw;
    left: -8.66667vw;
    width: 61.95833vw;
  }
  .page3 #RecentWorksMain > .project-4 {
    padding: 0 0.52083vw 0 2.44792vw;
  }
  .page3 #RecentWorksMain > .project-4 .more {
    margin-top: 9.25926vh;
  }
  .page3 #RecentWorksMain > .project-4 .bg img {
    position: fixed;
    top: 0;
    top: -27.77778vh;
    left: 2.08333vw;
    width: 57.8125vw;
  }
  .page3 #RecentWorksMain > .project-4 .pic-group .pic img {
    height: 58.61111vh;
  }
  .page3 #RecentWorksMain > .project-5 {
    padding: 0 4.42708vw 0 2.44792vw;
  }
  .page3 #RecentWorksMain > .project-5 .bg img {
    position: fixed;
    top: 0;
    left: 5.9375vw;
  }
  .page3 #RecentWorksMain > .project-5 .more {
    margin-top: 9.25926vh;
  }
  .page3 #RecentWorksMain > .project-5 .pic-group .pic img {
    position: fixed;
    top: 4vw;
    left: 50%;
    width: 35.26042vw;
    border: 13px solid #DDDEE0;
    border-radius: 32px;
  }
  .page3 #RecentWorksMain > .project-5 .pic-group .pic img.Mealfit-logo-mobile {
    display: none;
  }
  .page3 #RecentWorksMain {
    position: relative;
  }
  .page3 #RecentWorksMain .project-1,
  .page3 #RecentWorksMain .project-2,
  .page3 #RecentWorksMain .project-3,
  .page3 #RecentWorksMain .project-4,
  .page3 #RecentWorksMain .project-5 {
    opacity: 0;
    position: absolute;
    width: 100%;
    visibility: hidden;
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .recent-works-navbar ul:after {
    left: 25px;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .recent-works-navbar ul:before {
    left: 5px;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .project-1 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .title::before {
    opacity: 1;
  }
  .page3 #RecentWorksMain.ExploreLMS .recent-works-navbar ul:before {
    left: 57.5px;
  }
  .page3 #RecentWorksMain.ExploreLMS .recent-works-navbar ul:after {
    left: 80px;
  }
  .page3 #RecentWorksMain.ExploreLMS .project-2 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.ExploreLMS .box-description {
    width: 23.4375vw;
  }
  .page3 #RecentWorksMain.Mealfit .recent-works-navbar ul:before {
    left: 109px;
  }
  .page3 #RecentWorksMain.Mealfit .recent-works-navbar ul:after {
    left: 130px;
  }
  .page3 #RecentWorksMain.Mealfit .project-3 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.Mealfit .box-description {
    width: 26.77083vw;
    text-align: left;
  }
  .page3 #RecentWorksMain.LynPay .recent-works-navbar ul:before {
    left: 161px;
  }
  .page3 #RecentWorksMain.LynPay .recent-works-navbar ul:after {
    left: 180px;
  }
  .page3 #RecentWorksMain.LynPay .project-4 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.LynPay .box-description {
    width: 26.77083vw;
    text-align: left;
  }
  .page3 #RecentWorksMain.MealfitLogo .recent-works-navbar ul:before {
    left: 213px;
  }
  .page3 #RecentWorksMain.MealfitLogo .recent-works-navbar ul:after {
    left: 233px;
  }
  .page3 #RecentWorksMain.MealfitLogo .project-5 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.MealfitLogo .box-description {
    width: 30.625vw;
  }
  .page3 #RecentWorksMain .project-1 .bg,
  .page3 #RecentWorksMain .project-1 .pic {
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .project-1 .pic {
    transform: translateY(50vw) !important;
  }
  .page3 #RecentWorksMain .project-1 .bg {
    transform: translateX(-70vw) !important;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .project-1 .bg,
  .page3 #RecentWorksMain.ExploreAdmissions .project-1 .pic {
    transform: translateX(0) !important;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .box-description {
    top: 24.07407vh;
    left: 10.9375vw;
  }
  .page3 #RecentWorksMain .project-2 .pic,
  .page3 #RecentWorksMain .project-2 .bg svg {
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .project-2 .pic {
    transform: translateX(-10vw) !important;
  }
  .page3 #RecentWorksMain .project-2 .bg svg {
    transform: translateX(50vw) !important;
  }
  .page3 #RecentWorksMain.ExploreLMS .project-2 .pic,
  .page3 #RecentWorksMain.ExploreLMS .project-2 .bg svg {
    transform: translateX(0) !important;
  }
  .page3 #RecentWorksMain.ExploreLMS .box-description {
    top: 30.55556vh;
    left: 10.9375vw;
  }
  .page3 #RecentWorksMain .project-3 .pic img,
  .page3 #RecentWorksMain .project-3 .bg img {
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .project-3 .pic .Mealfit-1 {
    transform: translate(25vw, 28vw) !important;
  }
  .page3 #RecentWorksMain .project-3 .pic .Mealfit-2 {
    transform: translate(-15vw, -45vw) !important;
  }
  .page3 #RecentWorksMain .project-3 .bg img {
    transform: translate(-25vw, 15vw) !important;
  }
  .page3 #RecentWorksMain.Mealfit .project-3 .pic img,
  .page3 #RecentWorksMain.Mealfit .project-3 .bg img {
    transform: translate(0, 0) !important;
  }
  .page3 #RecentWorksMain.Mealfit .box-description {
    top: 34.25926vh;
    left: 56.25vw;
  }
  .page3 #RecentWorksMain .project-4 .pic img,
  .page3 #RecentWorksMain .project-4 .bg img {
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .project-4 .pic img {
    transform: translate(5vw, 40vw) !important;
  }
  .page3 #RecentWorksMain .project-4 .bg .Mealfit-bg-1 {
    transform: translate(-52vw, 33vw) !important;
  }
  .page3 #RecentWorksMain .project-4 .bg .Mealfit-bg-2 {
    transform: translate(-48vw, 44vw) !important;
  }
  .page3 #RecentWorksMain .project-4 .bg .Mealfit-bg-3 {
    transform: translate(-30vw, 45vw) !important;
  }
  .page3 #RecentWorksMain.LynPay .project-4 .pic img,
  .page3 #RecentWorksMain.LynPay .project-4 .bg img {
    transform: translate(0, 0) !important;
  }
  .page3 #RecentWorksMain.LynPay .box-description {
    top: 25.92593vh;
    left: 10.9375vw;
  }
  .page3 #RecentWorksMain.MealfitLogo .box-description {
    top: 31.48148vh;
    right: 56.25vw;
  }
  /* =============== page 4 =========== */
  .page4 .form {
    width: 55%;
  }
  .page4 .form .flex {
    margin-right: -1.82292vw;
    margin-left: -1.82292vw;
  }
  .page4 .form .col6 {
    padding-left: 1.82292vw;
    padding-right: 1.82292vw;
    width: 50%;
  }
  .page4 .col12 {
    width: 100%;
  }
  .page4 .p4-bg {
    position: absolute;
    bottom: 0vw;
    left: 3.64583vw;
    z-index: -1;
  }
  .page4 .title {
    font-size: 6.25vw;
    font-weight: bold;
    color: black;
    z-index: 999;
    margin-top: 4.62963vh;
  }
  .page4 .subtitile {
    font-size: 1.25vw;
    font-weight: normal;
    color: black;
    padding: 0.9375vw 0;
  }
  .page4 .txt {
    padding-bottom: 1.30208vw;
    font-size: 1.04167vw;
    font-weight: normal;
    color: black;
  }
  .page4 .btn-p3 {
    color: white;
    font-size: 0.9375vw;
    font-weight: normal;
    background-color: #3d5afe;
    padding: 0.98958vw 2.70833vw;
    border: none;
    cursor: pointer;
  }
  .page4 .btn-p3.loading {
    position: relative;
  }
  .page4 .btn-p3.loading::after {
    content: "Loading ...";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: #3d5afe;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375vw;
  }
  .page4 .contact {
    padding: 7vw 8.07292vw 2.60417vw 0;
  }
  .page4 .txt-p4 {
    width: 24.42708vw;
    font-size: 1.04167vw;
    font-weight: 300;
    margin-bottom: 6.51042vw;
    line-height: 1.25vw;
    margin-left: 5.55556vh;
    margin-top: -1.85185vh;
    padding-left: 1.30208vw;
  }
  .page4 .txt-loc {
    font-size: 1.30208vw;
    color: #273064;
    font-weight: normal;
    padding-left: 1.875vw;
    text-decoration: none;
  }
  .page4 .mb-75 {
    margin-bottom: 3.90625vw;
  }
  .page4 .social ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-left: 4.6875vw;
    margin: 0;
  }
  .page4 .social li svg {
    width: 3.125vw;
    height: 3.125vw;
  }
  /* ================ input style======================== */
  .nice-select {
    float: none;
  }
  .nice-select .list li:first-child {
    display: none;
  }
  .nice-select .current {
    line-height: 1.4;
    display: block;
  }
  .group {
    position: relative;
    margin-bottom: 5.09259vh;
  }
  .form-control {
    font-size: 0.9375vw;
    padding: 0.625vw 0.52083vw 0.625vw 0.26042vw;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 0.05208vw solid #757575;
    height: 46px !important;
    outline: none !important;
    border-radius: 0;
    box-shadow: none !important;
  }
  .form-control.error {
    border-color: red;
  }
  .form-control.error ~ label {
    color: red;
  }
  textarea.form-control {
    height: auto !important;
  }
  .form-control:focus {
    outline: none;
  }
  /* LABEL ======================================= */
  label {
    color: #656980;
    font-size: 0.98958vw;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0.26042vw;
    top: 0.52083vw;
    transition: 0.2s ease all;
  }
  /* active state */
  .form-control:focus ~ label,
  .form-control:valid ~ label {
    top: -1.04167vw;
    font-size: 0.72917vw;
    color: #5264ae;
  }
  /* BOTTOM BARS ================================= */
  .bar {
    position: relative;
    display: block;
  }
  .bar:before,
  .bar:after {
    content: "";
    height: 0.10417vw;
    width: 0;
    bottom: 0.05208vw;
    position: absolute;
    background: #5264ae;
    transition: 0.2s ease all;
  }
  .bar:before {
    left: 50%;
  }
  .bar:after {
    right: 50%;
  }
  /* active state */
  .form-control:focus ~ .bar:before,
  .form-control:focus ~ .bar:after {
    width: 50%;
  }
  /* HIGHLIGHTER ================================== */
  .highlight {
    position: absolute;
    height: 60%;
    width: 5.20833vw;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
  }
  /* active state */
  .form-control:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
  }
  /* ANIMATIONS ================ */
  @keyframes inputHighlighter {
    from {
      background: #5264ae;
    }
    to {
      width: 0;
      background: transparent;
    }
  }
  .trans-bg {
    background-color: transparent;
  }
  /* ================ input style======================== */
  .info {
    margin-top: -8.59375vw;
    padding-left: 5.20833vw;
  }
  .info .loc {
    padding-left: 4.6875vw;
    line-height: 1.1;
  }
  /* =============== page 5 =========== */
  .page5 {
    width: 91.51042vw;
    height: 47.44792vw;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .page5 .p5-img {
    width: 50%;
    margin-top: 5.72917vw;
    padding-left: 3.90625vw;
  }
  .page5 .p5-img img {
    width: 31.25vw;
  }
  .page5 .p5-txt {
    width: 50%;
    padding-left: 11.45833vw;
  }
  .page5 .title {
    font-size: 6.25vw;
    font-weight: bold;
    color: black;
    position: relative;
    margin-top: 7.8125vw;
  }
  .page5 .title-bg {
    position: absolute;
    z-index: -1;
    top: -4.6875vw;
    left: 3.125vw;
  }
  .page5 .txt {
    margin-top: 6.77083vw;
    width: 29.84375vw;
    color: #656980;
    font-size: 1.04167vw;
    font-weight: normal;
    line-height: 1.40625vw;
    line-height: 1.25vw;
  }
  /* ======== menu display off ======== */
  .Intro .page1 {
    z-index: 2;
    opacity: 1;
  }
  .Expertise .page2 {
    z-index: 2;
    opacity: 1;
  }
  .RecentWorks .page3 {
    z-index: 2;
    opacity: 1;
  }
  .LetsTalk {
    background: #fff;
  }
  .LetsTalk .page4 {
    z-index: 2;
    opacity: 1;
  }
  .About .main-nav {
    visibility: hidden;
    opacity: 0;
  }
  .About .page5 {
    z-index: 2;
    opacity: 1;
  }
  .section {
    transition: 0.6s ease-in-out;
    opacity: 0;
    z-index: 1;
  }
  .Intro .page-1-title h1,
  .Intro .sec1-img {
    transform: translateY(0);
  }
  .page-1-title h1,
  .sec1-img {
    transition: 0.6s ease-in-out;
  }
  .sec1-img {
    transform: translateY(-26.04167vw);
  }
  .page-1-title h1 {
    transform: translateX(100vw);
  }
  .Expertise .txt-abs,
  .Expertise .services,
  .Expertise .text-abs,
  .Expertise .img-bg {
    transform: translateY(0);
  }
  .txt-abs,
  .services,
  .text-abs,
  .img-bg {
    transition: 0.6s ease-in-out;
  }
  .services,
  .text-abs,
  .txt-abs {
    transform: translateX(-100vw);
  }
  .img-bg {
    transform: translateY(100vh);
  }
  .page3 .pic img,
  .page3 .recent-works-navbar {
    transition: 0.6s ease-in-out;
  }
  .RecentWorks .page3 .recent-works-navbar,
  .RecentWorks .page3 .pic img {
    transform: translateY(0) !important;
  }
  .page3 .pic img {
    transform: translateY(50vw);
  }
  .page3 .recent-works-navbar {
    transform: translateY(10vw);
  }
  .page4 .form,
  .page4 .info,
  .page4 .title {
    transition: 0.6s ease-in-out;
  }
  .LetsTalk .page4 .form,
  .LetsTalk .page4 .title,
  .LetsTalk .page4 .info {
    transform: translateY(0) !important;
  }
  .LetsTalk .page3 .title {
    transform: translateX(-50vw);
  }
  .LetsTalk .page3 .col4:nth-child(1) {
    transform: translateX(-40vw);
  }
  .LetsTalk .page3 .col4:nth-child(2) {
    transform: translateX(-30vw);
  }
  .LetsTalk .page3 .col4:nth-child(3) {
    transform: translateX(-20vw);
  }
  .page4 .info {
    transform: translateY(-20vh);
  }
  .page4 .title {
    transform: translateX(50vw);
  }
  .page4 .form {
    transform: translateX(-20vw);
  }
  #shared .p3-bg {
    opacity: 1;
  }
  .Intro #shared .dots {
    opacity: 0;
  }
  .Intro #shared .blue-circle {
    top: 27.34375vw;
    left: 6.25vw;
  }
  .Expertise #shared .dots {
    opacity: 0;
  }
  .Expertise #shared .blue-circle {
    top: 17.86458vw;
    left: 78.80208vw;
  }
  .Expertise #shared .xxxx {
    opacity: 0;
  }
  .Expertise #shared .square {
    opacity: 0;
  }
  .Expertise #shared .circle {
    opacity: 0;
  }
  .RecentWorks #shared .blue-circle {
    opacity: 0;
    top: 92.5vh;
    left: 78.80208vw;
  }
  .RecentWorks #shared .xxxx {
    top: 6.77083vw;
    left: 79.84375vw;
  }
  .RecentWorks #shared .square {
    top: 46.875vw;
    left: 32.96875vw;
  }
  .RecentWorks #shared .circle {
    top: 12.1875vw;
    left: 59.84375vw;
  }
  .LetsTalk #shared .dots {
    top: 87.87037vh;
    left: 82.44792vw;
  }
  .LetsTalk #shared .blue-circle {
    top: 17.5vh;
    left: 35.41667vw;
  }
  .LetsTalk #shared .xxxx {
    top: 46.875vw;
    left: 6.45833vw;
  }
  .LetsTalk #shared .square {
    top: 5.9375vw;
    left: 1.71875vw;
  }
  .LetsTalk #shared .circle {
    top: 6.97917vw;
    left: 75.46875vw;
  }
  .About #shared .dots {
    opacity: 0;
  }
  .About #shared .xxxx {
    top: 46.875vw;
    left: 3.85417vw;
  }
  .About #shared .blue-circle {
    top: 24.07407vh;
    left: 60.3125vw;
  }
  .About #shared .square {
    top: 45.52083vw;
    left: 30.36458vw;
  }
  .About #shared .circle {
    top: 8.85417vw;
    left: 39.01042vw;
  }
  .scaleable-wrapper {
    transform-origin: top center;
  }
  .scaleable-wrapper,
  .very-specific-design,
  html,
  body {
    height: 100%;
  }
  .scaleable-wrapper {
    padding: 0;
    resize: both;
    position: relative;
    margin-right: 8.54167vw;
    padding-top: 8.54167vw;
    transform-origin: top center;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .Privacy {
    font-size: 1.36719vw;
    margin-top: 5px;
    line-height: 1.5;
  }
  body {
    overflow: hidden;
    margin: 0;
  }
  /* =============== header =========== */
  .flx-column {
    flex-direction: column;
  }
  .slidebar-menu {
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    width: 11.23047vw;
    transform-origin: top right;
    z-index: 150;
    border-left: solid 1px #b8bcd2;
  }
  .slidebar_container {
    height: 100%;
  }
  .slidebar_container .main-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 23.4375vh;
    padding-bottom: 20.57292vh;
    height: 100%;
  }
  .slidebar_container .main-nav li {
    writing-mode: vertical-rl;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .slidebar_container .main-nav li a {
    transition: 0.6s ease-in-out;
    font-size: 1.82292vh;
    text-transform: uppercase;
  }
  .slidebar_container .main-nav li::before,
  .slidebar_container .main-nav li::after {
    content: "";
    width: 0.26042vh;
    height: 5.85938vh;
    background: #273064;
    display: block;
    transition: 0.6s ease-in-out;
    margin: 1.04167vh 0;
  }
  .slidebar_container .main-nav li:first-child::before {
    display: none;
  }
  .slidebar_container .main-nav li:first-child::after {
    height: 14.32292vh;
  }
  .slidebar_container .main-nav li:last-child::before {
    height: 14.32292vh;
  }
  .slidebar_container .main-nav li:last-child::after {
    display: none;
  }
  .slidebar_container .main-nav li:not(.active)::before,
  .slidebar_container .main-nav li:not(.active)::after {
    height: 0vh;
    margin: 0.65104vh 0;
  }
  .slidebar_container .main-nav li.active a {
    font-weight: bold;
    color: #273064;
  }
  .slidebar_container .main-nav li a {
    text-decoration: none;
    white-space: nowrap;
    font-weight: 300;
    color: #bbbbbb;
    letter-spacing: 0.5px;
  }
  /* =============== glocal =========== */
  main {
    padding: 0 0 0 11.71875vw;
    height: 100%;
  }
  .section {
    position: relative;
    z-index: 10;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 11.71875vw;
    padding-left: 11.71875vw;
    padding-right: 11.71875vw;
    width: 100%;
  }
  #shared {
    z-index: -10;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  #shared .p3-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    height: 100%;
    width: 53.22266vw;
    opacity: 0;
    z-index: -10;
  }
  #shared .blue-circle {
    position: absolute;
    bottom: auto;
    top: 33.49609vw;
    left: 8.78906vw;
    background: #00e5ff;
    width: 9.57031vw;
    height: 9.57031vw;
    display: block;
    border-radius: 50%;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  #shared .xxxx {
    position: absolute;
    top: 17.57812vw;
    left: 155.56641vw;
    width: 8.57422vw;
    height: 1.54297vw;
    display: block;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  #shared .xxxx g {
    fill: none;
    stroke: #000;
    stroke-width: 2;
  }
  #shared .square {
    position: absolute;
    top: 16.01562vw;
    left: 121.97266vw;
    width: 3.41797vw;
    height: 3.41797vw;
    display: block;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  #shared .circle {
    position: absolute;
    top: 66.79688vw;
    left: 100.19531vw;
    width: 3.32031vw;
    height: 3.32031vw;
    display: block;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  #shared .dots {
    position: absolute;
    top: 66.79688vw;
    left: -4.10156vw;
    width: 16.99219vw;
    height: 16.99219vw;
    display: block;
    transition: 0.6s ease-in-out;
    z-index: -5;
  }
  /* =============== section 1 =========== */
  header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transform-origin: top left;
    z-index: 11;
  }
  .logo {
    padding: 4.39453vw 4.39453vw 4.39453vw 5.07812vw;
  }
  .logo img {
    height: 2.73438vw;
  }
  body.open {
    overflow: hidden;
  }
  body.open #main,
  body.open header,
  body.open #shared,
  body.open .section {
    filter: blur(30px) brightness(110%);
    transition: 0.2s ease-out;
  }
  body.open .closeMenu {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background: #000;
    z-index: 90;
    opacity: 0.16;
  }
  .menubox {
    width: 11.23047vw;
    height: 11.23047vw;
    background-color: #3d5afe;
    transition: 0.2s ease-in;
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
  }
  .menubox .menu-icon {
    cursor: pointer;
    padding: 4.39453vw;
    position: absolute;
    right: 0;
  }
  .menubox .menu-icon svg {
    width: 2.44141vw;
    height: 2.44141vw;
  }
  .menubox .menu-icon .open {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .menubox .menu-icon .close {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .menubox .menu-data {
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    padding: 14.32292vh 14.64844vw 6.25vw;
    transition: 0.1s ease-in-out;
  }
  .menubox .menu-data .menu-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2.73438vw;
    margin-right: -2.73438vw;
    margin-top: -4.16667vh;
    margin-bottom: -4.16667vh;
    padding: 0;
    list-style: none;
  }
  .menubox .menu-data .menu-ul li {
    width: 50%;
    padding: 2.60417vh 1.75781vw;
  }
  .menubox .menu-data .menu-ul li a {
    display: block;
    border: solid 1px #fff;
    height: 20.83333vh;
    font-size: 1.95312vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
  }
  .menubox .menu-data .menu-ul li a:hover {
    background: #fff;
    color: #3d5afe;
  }
  .menubox .menu-data .menu-ul li:last-child {
    width: 1000%;
  }
  .menubox .menu-data .menu-ul li:last-child a {
    height: 9.11458vh;
  }
  .menubox .menu-data .copyright {
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 5.72917vh;
    font-size: 1.82292vh;
    width: 100%;
    left: 0;
    font-weight: 300;
  }
  .menubox .menu-data .social {
    list-style: none;
    left: 0;
    position: absolute;
    margin-top: -3.38542vh;
    margin-bottom: -3.38542vh;
    bottom: 8.33333vh;
    padding: 0;
    left: 2.92969vw;
    z-index: 5;
  }
  .menubox .menu-data .social li {
    padding-bottom: 1.69271vh;
    padding-top: 1.69271vh;
  }
  .menubox .menu-data .social li SVG {
    fill: #fff !important;
    width: 1.75781vw !important;
    height: 1.75781vw !important;
  }
  .menubox.active {
    width: 67.08984vw !important;
    height: 100%;
  }
  .menubox.active .menu-data {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
  }
  .menubox.active .menu-icon .open {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .menubox.active .menu-icon .close {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .menu-icon svg {
    width: 3.41797vw;
    height: 3.41797vw;
  }
  /* =============== section 2 =========== */
  .flex {
    display: flex;
  }
  .flex-warp {
    flex-wrap: wrap;
  }
  .justify-content-between {
    justify-content: space-between;
  }
  .align-items-center {
    align-items: center;
  }
  .align-items-end {
    align-items: flex-end;
  }
  .right-menu {
    position: relative;
    border-left: solid 0.09766vw #b8bcd2;
    height: 100%;
  }
  .rmenu-item {
    font-size: 1.5625vw;
    font-weight: 300;
    color: #bbbbbb;
    text-transform: uppercase;
    float: none;
  }
  .rmenu-item.active {
    font-weight: bolder;
    color: #273064;
  }
  .deg90 {
    transform: rotateZ(90deg);
  }
  /* =============== page 1 =========== */
  .page1 .page-down {
    width: 4.88281vw;
    height: 4.88281vw;
    background-color: #eeeeef;
    border-radius: 4.88281vw;
    margin: 0 auto;
    transition: 0.4s;
    position: absolute;
    top: calc(100% - 105px);
    left: 50%;
    transform: translateX(-50%);
  }
  .page1 .page-down:hover {
    height: 9.76562vw;
  }
  .page1 .page-down svg {
    position: absolute;
    top: 1.66016vw;
    left: 50%;
    transform: translateX(-50%);
    width: 1.07422vw;
    height: 1.46484vw;
  }
  .page1 .page-down:hover {
    padding-bottom: 4.88281vw;
    cursor: pointer;
  }
  .page1 .sec1-text {
    margin-top: 2.92969vw;
    max-width: 55.95703vw;
    color: #656980;
    font-size: 1.5625vw;
    font-weight: normal;
    line-height: 2.34375vw;
  }
  .page1 .flex {
    justify-content: space-between;
    padding-top: 10.41667vh;
  }
  .page1 .sec1-img {
    text-align: right;
    padding-right: 2.14844vw;
  }
  .page1 .sec1-img svg {
    width: 35.44922vw;
    height: 34.47266vw;
  }
  .page1 .page-1-title {
    width: 73.24219vw;
  }
  .page1 .page-1-title h1 {
    font-weight: bold;
    font-size: 5.85938vw;
    line-height: 7.8125vw;
    margin-top: 0;
  }
  .page1 .page-1-title h1 span {
    color: #fff;
    position: relative;
    display: inline-block;
  }
  /* =============== page 2 =========== */
  .page2 {
    margin-right: 11.23047vw;
  }
  .page2 .flex {
    height: 100%;
  }
  .page2 .img-bg {
    background: #3d5afe;
    height: 100%;
    width: 39.0625vw;
    margin-left: -11.71875vw;
    padding-left: 11.71875vw;
    position: relative;
  }
  .page2 .img-bg img {
    position: fixed;
    bottom: 14.58333vh;
    left: 7.8125vw;
    width: 25.87891vw;
  }
  .page2 .text-abs {
    position: absolute;
    bottom: 9.11458vh;
    right: 15.625vw;
    width: 39.84375vw;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 1600px) {
  .page2 .text-abs {
    bottom: 2.92969vw;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 1400px) {
  .page2 .text-abs {
    bottom: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .page2 .txt-abs {
    font-size: 5.85938vw;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 2.60417vh;
    line-height: 4.29688vw;
    width: 50.19531vw;
    line-height: 1.3;
    margin-left: -1.46484vw;
  }
  .page2 .txt-abs hr {
    display: inline-block;
    margin: 0;
    margin-bottom: -0.97656vw;
    width: 0.78125vw;
    height: 7.71484vw;
    background-color: #3d5afe;
    border: none;
    position: absolute;
    right: -0.97656vw;
    top: 45%;
  }
  .page2 .page2-top-txt {
    padding-top: 8.78906vw;
  }
  .page2 .services {
    padding-right: 5.85938vw;
  }
  .page2 .page2-btn-txt {
    padding-bottom: 4.81771vh;
    align-items: flex-start;
  }
  .page2 .page2-btn-txt .svg-btn {
    padding-right: 2.53906vw;
  }
  .page2 .page2-btn-txt .svg-btn svg {
    width: 3.32031vw !important;
    height: 4.42708vh !important;
  }
  .page2 .page2-btn-txt .item-btn {
    color: #b8bcd2;
    font-size: 1.26953vw;
    font-weight: 300;
    padding-right: 0.58594vw;
    margin-top: 0.65104vh;
  }
  .page2 .page2-btn-txt .txt-btn {
    color: #273064;
    font-size: 1.46484vw;
    font-weight: 300;
    line-height: 2.34375vw;
  }
  .page2 .item-txt {
    font-size: 1.5625vw;
    font-weight: 300;
    color: black;
    line-height: 2.44141vw;
    cursor: pointer;
  }
  .page2 .item-txt .item-svg {
    margin-bottom: -0.19531vw;
    margin-right: 0.48828vw;
    width: 1.75781vw;
    height: 2.34375vh;
  }
  .page2 .item-txt a {
    position: relative;
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    display: inline-block;
    padding: 0 5px;
  }
  .page2 .item-txt a span {
    overflow: hidden;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 5px;
    width: 1px;
    transition: width 0.5s;
    transition-delay: 2s;
    color: #000;
    white-space: nowrap;
  }
  .Expertise .page2 .item-txt a span {
    width: 100%;
  }
  .page2 .item-txt a::after {
    content: "";
    background: #3d5afe;
    position: absolute;
    display: block;
    height: 0px;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: -1;
    transition: all 0.2s;
    transform: translateY(-50%);
  }
  .page2 .item-txt a::before {
    content: "";
    background: #b4b5b44d;
    position: absolute;
    display: block;
    height: 2px;
    width: 0%;
    top: 50%;
    left: 0;
    z-index: -2;
    transition: 0.5s;
    transition-delay: 1s;
  }
  .Expertise .page2 .item-txt a::before {
    width: 100%;
  }
  .page2 .item-txt:hover a {
    color: #fff;
  }
  .page2 .item-txt:hover a span {
    color: #fff !important;
  }
  .page2 .item-txt:hover a::after {
    height: 46px;
  }
  .page2 .item-txt-bg {
    position: absolute;
    bottom: -5.85938vw;
    z-index: -2;
    right: -7.32422vw;
  }
  /* =============== page 3 =========== */
  .page3 #RecentWorksMain {
    line-height: 1.2;
  }
  .page3 #RecentWorksMain .recent-works-navbar {
    position: fixed;
    bottom: 8.46354vh;
    padding-left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
  }
  .page3 #RecentWorksMain .recent-works-navbar .VIEW-ALL {
    margin-left: 9.76562vw;
  }
  .page3 #RecentWorksMain .recent-works-navbar .VIEW-ALL a {
    color: #494d67;
    font-size: 1.36719vw;
    text-decoration: none;
    font-weight: 300;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul::after {
    content: "";
    height: 100px;
    position: absolute;
    top: calc(100% + 10px);
    background: #3d5afe;
    width: 1px;
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul::before {
    content: "";
    width: 29px;
    height: 29px;
    background: #3d5afe;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul li {
    margin: 0 5px;
    font-size: 1.36719vw;
    border-radius: 50%;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul li span {
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    cursor: pointer;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul li.active span {
    color: #fff !important;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .recent-works-navbar ul li span {
    color: #fff;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .recent-works-navbar ul li span {
    color: #fff;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .recent-works-navbar a {
    color: #fff;
  }
  .page3 #RecentWorksMain.MealfitLogo .recent-works-navbar ul li span {
    color: #fff;
  }
  .page3 #RecentWorksMain.MealfitLogo .recent-works-navbar ul li span {
    color: #fff;
  }
  .page3 #RecentWorksMain.MealfitLogo .recent-works-navbar a {
    color: #fff;
  }
  .page3 #RecentWorksMain .box-description {
    width: 36.62109vw;
    text-align: left;
    transition: top ease-out 0.5s, left ease-out 0.5s;
    position: fixed;
    z-index: 50;
  }
  .page3 #RecentWorksMain .box-description .title {
    font-size: 2.92969vw;
    margin-bottom: 1.43229vh;
    margin-top: 0;
    position: relative;
    display: inline-block;
    font-weight: 600;
  }
  .page3 #RecentWorksMain .box-description .title::before {
    content: "";
    width: 9.47266vw;
    height: 3.38542vh;
    position: absolute;
    display: block;
    background: #00b1ff;
    top: 0px;
    right: -5px;
    z-index: -1;
    opacity: 0;
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .box-description .subtitle {
    margin: 0 0 1.43229vh 0;
    font-size: 1.95312vw;
  }
  .page3 #RecentWorksMain .box-description .text {
    font-size: 1.36719vw;
    font-weight: 300;
    margin-top: 0;
  }
  .page3 #RecentWorksMain .box-description .link-text {
    font-size: 1.17188vw;
    font-weight: 300;
    color: #aaaaaa;
    margin-top: 2.21354vh;
  }
  .page3 #RecentWorksMain .box-description .more {
    margin-top: 18.22917vh;
    background: #eeeeef;
    font-size: 1.07422vw;
    width: 9.66797vw;
    height: 4.29688vw;
    border-radius: 3.32031vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #273064;
  }
  .page3 #RecentWorksMain .box-description .more svg {
    margin-right: 10px;
    width: 1.36719vw;
    height: 1.36719vw;
  }
  .page3 #RecentWorksMain > .project-1 .bg,
  .page3 #RecentWorksMain > .project-5 .bg {
    width: 70.01953vw;
    height: 36.71875vh;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #000000;
    z-index: -1;
  }
  .page3 #RecentWorksMain > .project-5 .bg {
    background: #100F2D;
  }
  .page3 #RecentWorksMain > .project-1 .pic-group .pic img {
    width: 36.71875vw;
    margin-top: 6.51042vh;
  }
  .page3 #RecentWorksMain > .project-2 .more {
    margin-top: 11.58854vh;
  }
  .page3 #RecentWorksMain > .project-2 .bg svg {
    height: 100%;
    position: fixed;
    top: 0;
    right: 7.03125vw;
    z-index: -1;
    transform-origin: right;
  }
  .page3 #RecentWorksMain > .project-2 .pic-group .pic img {
    width: 40.03906vw;
  }
  .page3 #RecentWorksMain > .project-3 .more {
    margin-top: 14.19271vh;
  }
  .page3 #RecentWorksMain > .project-3 .bg img {
    position: fixed;
    bottom: 0;
    z-index: -1;
    right: 11.13281vw;
    width: 29.29688vw;
  }
  .page3 #RecentWorksMain > .project-3 .pic-group .pic img {
    position: fixed;
    top: -10.74219vw;
    left: -14.64844vw;
    width: 78.125vw;
  }
  .page3 #RecentWorksMain > .project-4 .more {
    margin-top: 13.02083vh;
  }
  .page3 #RecentWorksMain > .project-4 .bg img {
    position: fixed;
    top: 0;
    top: -22.13542vh;
    left: 0.09766vw;
    width: 58.59375vw;
  }
  .page3 #RecentWorksMain > .project-4 .pic-group .pic img {
    height: 78.51562vh;
    position: relative;
    bottom: -9.11458vh;
    right: -10.74219vw;
  }
  .page3 #RecentWorksMain > .project-5 {
    padding: 0 8.30078vw 0 4.58984vw;
  }
  .page3 #RecentWorksMain > .project-5 .bg img {
    position: fixed;
    top: 0;
    left: 11.13281vw;
  }
  .page3 #RecentWorksMain > .project-5 .more {
    margin-top: 5.20833vh;
  }
  .page3 #RecentWorksMain > .project-5 .pic-group .pic img {
    position: fixed;
    top: 0;
    left: 50%;
    width: 32.61719vw;
    border: 13px solid #DDDEE0;
    border-radius: 32px;
  }
  .page3
    #RecentWorksMain
    > .project-5
    .pic-group
    .pic
    img.Mealfit-logo-desktop {
    display: none;
  }
  .page3 #RecentWorksMain {
    position: relative;
  }
  .page3 #RecentWorksMain .project-1,
  .page3 #RecentWorksMain .project-2,
  .page3 #RecentWorksMain .project-3,
  .page3 #RecentWorksMain .project-4,
  .page3 #RecentWorksMain .project-5 {
    opacity: 0;
    position: absolute;
    width: 100%;
    visibility: hidden;
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .recent-works-navbar ul:after {
    left: 19px;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .recent-works-navbar ul:before {
    left: 5px;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .project-1 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .title::before {
    opacity: 1;
  }
  .page3 #RecentWorksMain.ExploreLMS .recent-works-navbar ul:before {
    left: 43.5px;
  }
  .page3 #RecentWorksMain.ExploreLMS .recent-works-navbar ul:after {
    left: 59px;
  }
  .page3 #RecentWorksMain.ExploreLMS .project-2 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.ExploreLMS .box-description {
    width: 43.94531vw;
  }
  .page3 #RecentWorksMain.Mealfit .recent-works-navbar ul:before {
    left: 83px;
  }
  .page3 #RecentWorksMain.Mealfit .recent-works-navbar ul:after {
    left: 97px;
  }
  .page3 #RecentWorksMain.Mealfit .project-3 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.Mealfit .box-description {
    width: 34.17969vw;
    text-align: left;
  }
  .page3 #RecentWorksMain.LynPay .recent-works-navbar ul:before {
    left: 122px;
  }
  .page3 #RecentWorksMain.LynPay .recent-works-navbar ul:after {
    left: 136px;
  }
  .page3 #RecentWorksMain.LynPay .project-4 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.LynPay .box-description {
    width: 32.42188vw;
    text-align: left;
  }
  .page3 #RecentWorksMain.MealfitLogo .recent-works-navbar ul:before {
    left: 161px;
  }
  .page3 #RecentWorksMain.MealfitLogo .recent-works-navbar ul:after {
    left: 174px;
  }
  .page3 #RecentWorksMain.MealfitLogo .project-5 {
    opacity: 1;
    visibility: visible;
  }
  .page3 #RecentWorksMain.MealfitLogo .box-description {
    width: 25.68359vw;
  }
  .page3 #RecentWorksMain .project-1 .bg,
  .page3 #RecentWorksMain .project-1 .pic {
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .project-1 .pic {
    transform: translateY(50vw) !important;
  }
  .page3 #RecentWorksMain .project-1 .bg {
    transform: translateX(-70vw) !important;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .project-1 .bg,
  .page3 #RecentWorksMain.ExploreAdmissions .project-1 .pic {
    transform: translateX(0) !important;
  }
  .page3 #RecentWorksMain.ExploreAdmissions .box-description {
    top: 27.99479vh;
    left: 8.78906vw;
  }
  .page3 #RecentWorksMain .project-2 .pic,
  .page3 #RecentWorksMain .project-2 .bg svg {
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .project-2 .pic {
    transform: translateX(-10vw) !important;
  }
  .page3 #RecentWorksMain .project-2 .bg svg {
    transform: translateX(50vw) rotateY(50deg) !important;
  }
  .page3 #RecentWorksMain.ExploreLMS .project-2 .pic {
    margin-top: 10.41667vh;
    transform: translateX(0) !important;
  }
  .page3 #RecentWorksMain.ExploreLMS .project-2 .bg svg {
    transform: translateX(0) rotateY(50deg) !important;
  }
  .page3 #RecentWorksMain.ExploreLMS .box-description {
    width: 28.32031vw;
    top: 31.90104vh;
    left: 8.78906vw;
  }
  .page3 #RecentWorksMain .project-3 .pic img,
  .page3 #RecentWorksMain .project-3 .bg img {
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .project-3 .pic .Mealfit-1 {
    transform: translate(25vw, 28vw) !important;
  }
  .page3 #RecentWorksMain .project-3 .pic .Mealfit-2 {
    transform: translate(-15vw, -45vw) !important;
  }
  .page3 #RecentWorksMain .project-3 .bg img {
    transform: translate(-25vw, 15vw) !important;
  }
  .page3 #RecentWorksMain.Mealfit .project-3 .pic img,
  .page3 #RecentWorksMain.Mealfit .project-3 .bg img {
    transform: translate(0, 0) !important;
  }
  .page3 #RecentWorksMain.Mealfit .box-description {
    top: 32.55208vh;
    left: 50vw;
  }
  .page3 #RecentWorksMain .project-4 .pic img,
  .page3 #RecentWorksMain .project-4 .bg img {
    transition: ease-out 0.5s;
  }
  .page3 #RecentWorksMain .project-4 .pic img {
    transform: translate(5vw, 40vw) !important;
  }
  .page3 #RecentWorksMain .project-4 .bg .Mealfit-bg-1 {
    transform: translate(-52vw, 33vw) !important;
  }
  .page3 #RecentWorksMain .project-4 .bg .Mealfit-bg-2 {
    transform: translate(-48vw, 44vw) !important;
  }
  .page3 #RecentWorksMain .project-4 .bg .Mealfit-bg-3 {
    transform: translate(-30vw, 45vw) !important;
  }
  .page3 #RecentWorksMain.LynPay .project-4 .pic img,
  .page3 #RecentWorksMain.LynPay .project-4 .bg img {
    transform: translate(0, 0) !important;
  }
  .page3 #RecentWorksMain.LynPay .box-description {
    top: 27.99479vh;
    left: 8.78906vw;
  }
  .page3 #RecentWorksMain.MealfitLogo .box-description {
    top: 27.73438vh;
    left: 57.61719vw;
  }
  /* =============== page 4 =========== */
  .page4 .form {
    width: 50%;
  }
  .page4 .form .flex {
    margin-right: -1.66016vw;
    margin-left: -1.66016vw;
  }
  .page4 .form .col6 {
    padding-left: 1.66016vw;
    padding-right: 1.66016vw;
    width: 50%;
  }
  .page4 .col12 {
    width: 100%;
  }
  .page4 .p4-bg {
    position: absolute;
    bottom: 0vw;
    left: 6.83594vw;
    z-index: -1;
  }
  .page4 .title {
    font-size: 5.85938vw;
    font-weight: bold;
    color: black;
    z-index: 999;
    margin-top: 6.51042vh;
  }
  .page4 .subtitile {
    font-size: 2.34375vw;
    font-weight: normal;
    color: black;
    padding: 1.75781vw 0;
  }
  .page4 .txt {
    padding-bottom: 2.44141vw;
    font-size: 1.95312vw;
    font-weight: normal;
    color: black;
  }
  .page4 .btn-p3 {
    color: white;
    font-size: 1.75781vw;
    font-weight: normal;
    background-color: #3d5afe;
    padding: 1.85547vw 5.07812vw;
    border: none;
  }
  .page4 .btn-p3.loading {
    position: relative;
  }
  .page4 .btn-p3.loading::after {
    content: "Loading ...";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: #3d5afe;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75781vw;
  }
  .page4 .contact {
    padding: 5.85938vw 5.37109vw 4.88281vw 0;
  }
  .page4 .txt-p4 {
    width: 27.92969vw;
    font-size: 1.36719vw;
    font-weight: 300;
    margin-bottom: 3.90625vw;
    line-height: 1.85547vw;
    margin-left: 7.8125vh;
    margin-top: -2.60417vh;
    padding-left: 1.46484vw;
  }
  .page4 .txt-loc {
    font-size: 1.36719vw;
    color: #273064;
    font-weight: normal;
    padding-left: 1.85547vw;
    text-decoration: none;
  }
  .page4 .mb-75 {
    margin-bottom: 2.92969vw;
  }
  .page4 .social ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-left: 7.32422vw;
    margin: 0;
  }
  .page4 .social li svg {
    width: 2.92969vw;
    height: 2.92969vw;
  }
  /* ================ input style======================== */
  .nice-select {
    float: none;
  }
  .nice-select .list li:first-child {
    display: none;
  }
  .nice-select .current {
    line-height: 1.4;
    display: block;
  }
  .group {
    position: relative;
    margin-bottom: 4.55729vh;
  }
  .form-control {
    font-size: 1.36719vw;
    padding: 1.17188vw 0.97656vw 1.17188vw 0.48828vw;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 0.09766vw solid #757575;
    height: 46px !important;
    outline: none !important;
    border-radius: 0;
    box-shadow: none !important;
  }
  textarea.form-control {
    height: auto !important;
  }
  .form-control:focus {
    outline: none;
  }
  /* LABEL ======================================= */
  label {
    color: #656980;
    font-size: 1.36719vw;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0.48828vw;
    top: 0.97656vw;
    transition: 0.2s ease all;
  }
  /* active state */
  .form-control:focus ~ label,
  .form-control:valid ~ label {
    top: -1.95312vw;
    font-size: 0.97656vw;
    color: #5264ae;
  }
  /* BOTTOM BARS ================================= */
  .bar {
    position: relative;
    display: block;
  }
  .bar:before,
  .bar:after {
    content: "";
    height: 0.19531vw;
    width: 0;
    bottom: 0.09766vw;
    position: absolute;
    background: #5264ae;
    transition: 0.2s ease all;
  }
  .bar:before {
    left: 50%;
  }
  .bar:after {
    right: 50%;
  }
  /* active state */
  .form-control:focus ~ .bar:before,
  .form-control:focus ~ .bar:after {
    width: 50%;
  }
  /* HIGHLIGHTER ================================== */
  .highlight {
    position: absolute;
    height: 60%;
    width: 9.76562vw;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
  }
  /* active state */
  .form-control:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
  }
  /* ANIMATIONS ================ */
  @keyframes inputHighlighter {
    from {
      background: #5264ae;
    }
    to {
      width: 0;
      background: transparent;
    }
  }
  .trans-bg {
    background-color: transparent;
  }
  /* ================ input style======================== */
  .info {
    margin-top: -2.44141vw;
    width: 50%;
  }
  .info .loc {
    padding-left: 7.32422vw;
    line-height: 1.1;
  }
  .info .loc svg {
    width: 1.75781vw;
  }
  /* =============== page 5 =========== */
  .page5 {
    width: 171.58203vw;
    height: 88.96484vw;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .page5 .p5-img {
    width: 50%;
    margin-top: 10.74219vw;
    padding-left: 7.32422vw;
  }
  .page5 .p5-img img {
    width: 58.59375vw;
  }
  .page5 .p5-txt {
    width: 50%;
    padding-left: 21.48438vw;
  }
  .page5 .title {
    font-size: 11.71875vw;
    font-weight: bold;
    color: black;
    position: relative;
    margin-top: 14.64844vw;
  }
  .page5 .title-bg {
    position: absolute;
    z-index: -1;
    top: -8.78906vw;
    left: 5.85938vw;
  }
  .page5 .txt {
    margin-top: 12.69531vw;
    width: 55.95703vw;
    color: #656980;
    font-size: 1.95312vw;
    font-weight: normal;
    line-height: 2.63672vw;
    line-height: 2.34375vw;
  }
  /* ======== menu display off ======== */
  .Intro .page1 {
    z-index: 2;
    opacity: 1;
  }
  .Expertise .page2 {
    z-index: 2;
    opacity: 1;
  }
  .RecentWorks .page3 {
    z-index: 2;
    opacity: 1;
  }
  .LetsTalk {
    background: #fff;
  }
  .LetsTalk .page4 {
    z-index: 2;
    opacity: 1;
  }
  .About .main-nav {
    visibility: hidden;
    opacity: 0;
  }
  .About .page5 {
    z-index: 2;
    opacity: 1;
  }
  .section {
    transition: 0.6s ease-in-out;
    opacity: 0;
    z-index: 1;
  }
  .Intro .page-1-title h1,
  .Intro .sec1-img {
    transform: translateY(0);
  }
  .page-1-title h1,
  .sec1-img {
    transition: 0.6s ease-in-out;
  }
  .sec1-img {
    transform: translateY(-48.82812vw);
  }
  .page-1-title h1 {
    transform: translateX(100vw);
  }
  .Expertise .txt-abs,
  .Expertise .services,
  .Expertise .text-abs,
  .Expertise .img-bg {
    transform: translateY(0);
  }
  .txt-abs,
  .services,
  .text-abs,
  .img-bg {
    transition: 0.6s ease-in-out;
  }
  .services,
  .text-abs,
  .txt-abs {
    transform: translateX(-100vw);
  }
  .img-bg {
    transform: translateY(100vh);
  }
  .page3 .pic img,
  .page3 .recent-works-navbar {
    transition: 0.6s ease-in-out;
  }
  .RecentWorks .page3 .recent-works-navbar,
  .RecentWorks .page3 .pic img {
    transform: translateY(0) !important;
  }
  .page3 .pic img {
    transform: translateY(50vw);
  }
  .page3 .recent-works-navbar {
    transform: translateY(10vw);
  }
  .page4 .form,
  .page4 .info,
  .page4 .title {
    transition: 0.6s ease-in-out;
  }
  .LetsTalk .page4 .form,
  .LetsTalk .page4 .title,
  .LetsTalk .page4 .info {
    transform: translateY(0) !important;
  }
  .LetsTalk .page3 .title {
    transform: translateX(-50vw);
  }
  .LetsTalk .page3 .col4:nth-child(1) {
    transform: translateX(-40vw);
  }
  .LetsTalk .page3 .col4:nth-child(2) {
    transform: translateX(-30vw);
  }
  .LetsTalk .page3 .col4:nth-child(3) {
    transform: translateX(-20vw);
  }
  .page4 .info {
    transform: translateY(-20vh);
  }
  .page4 .title {
    transform: translateX(50vw);
  }
  .page4 .form {
    transform: translateX(-20vw);
  }
  #shared .p3-bg {
    opacity: 1;
  }
  .Intro #shared .dots {
    opacity: 0;
  }
  .Intro #shared .blue-circle {
    top: 33.49609vw;
    left: 8.78906vw;
  }
  .Expertise #shared .dots {
    opacity: 0;
  }
  .Expertise #shared .blue-circle {
    top: 33.49609vw;
    left: 147.75391vw;
  }
  .Expertise #shared .xxxx {
    opacity: 0;
  }
  .Expertise #shared .square {
    opacity: 0;
  }
  .Expertise #shared .circle {
    opacity: 0;
  }
  .RecentWorks #shared .blue-circle {
    opacity: 0;
    top: 130.07812vh;
    left: 147.75391vw;
  }
  .RecentWorks #shared .xxxx {
    top: 12.69531vw;
    left: 149.70703vw;
  }
  .RecentWorks #shared .square {
    top: 87.89062vw;
    left: 61.81641vw;
  }
  .RecentWorks #shared .circle {
    top: 22.85156vw;
    left: 112.20703vw;
  }
  .LetsTalk #shared .dots {
    top: 123.56771vh;
    left: 154.58984vw;
  }
  .LetsTalk #shared .blue-circle {
    top: 18.75vh;
    left: 37.10938vw;
  }
  .LetsTalk #shared .xxxx {
    top: 87.89062vw;
    left: 12.10938vw;
  }
  .LetsTalk #shared .square {
    top: 11.13281vw;
    left: 3.22266vw;
  }
  .LetsTalk #shared .circle {
    top: 13.08594vw;
    left: 141.50391vw;
  }
  .About #shared .dots {
    opacity: 0;
  }
  .About #shared .xxxx {
    top: 87.89062vw;
    left: 7.22656vw;
  }
  .About #shared .blue-circle {
    top: 33.85417vh;
    left: 113.08594vw;
  }
  .About #shared .square {
    top: 85.35156vw;
    left: 56.93359vw;
  }
  .About #shared .circle {
    top: 16.60156vw;
    left: 73.14453vw;
  }
  .scaleable-wrapper {
    transform-origin: top center;
  }
  .scaleable-wrapper,
  .very-specific-design,
  html,
  body {
    height: 100%;
  }
  .scaleable-wrapper {
    padding: 0;
    resize: both;
    position: relative;
    margin-right: 11.71875vw;
    padding-top: 11.71875vw;
    transform-origin: top center;
  }
}

@media (max-width: 1599px) and (min-width: 992px) and (max-height: 700px) {
  .info .loc {
    margin-bottom: 3vw;
  }
  .page4 .contact {
    padding-top: 5vw;
  }
}

@media screen and (max-width: 992px) {
  .pattern {
    display: none;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  .Privacy {
    font-size: 3.33333vw;
    margin-top: 5px;
    line-height: 1.5;
  }
  .logo img {
    width: 19.44444vw;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) and (max-width: 567px) {
  .logo img {
    width: 33.33333vw;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  html {
    height: 100%;
  }
  #shared {
    display: none;
  }
  body {
    margin: 0;
    font-size: 4.44444vw;
  }
  body.open {
    height: 100%;
    overflow: hidden;
  }
  header {
    height: 16.66667vw;
    display: flex;
    align-items: center;
    padding-left: 5.55556vw;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) and (max-width: 567px) {
  header {
    padding-left: 9.16667vw;
    height: 23.61111vw;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  .main-nav {
    display: none;
  }
  .sec1-img {
    width: 100%;
    padding: 0 9.16667vw;
  }
  .sec1-img svg {
    width: 100%;
  }
  .page1 .flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25vw;
  }
  .page1 .flex .sec1-img {
    padding-top: 11.94444vw;
    order: 1;
  }
  .page1 .flex .page-1-title {
    order: 2;
    padding: 0 9.16667vw;
  }
  .page1 .flex .page-1-title h1 {
    margin-top: 29.16667vw;
    font-size: 12.5vw;
    line-height: 15.27778vw;
    margin-bottom: 21.66667vw;
  }
  .page1 .flex .page-1-title .white {
    position: relative;
    color: #fff;
    display: inline-block;
  }
  .page1 .flex .page-1-title .white::before {
    border-radius: 50%;
    background: #00e5ff;
    content: "";
    width: 18.33333vw;
    height: 18.33333vw;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
  }
  .page1 .flex .sec1-text {
    line-height: 5.27778vw;
    font-size: 4.44444vw;
  }
  .page1 .page-down {
    text-align: center;
    margin-top: 19.44444vw;
    margin-bottom: 25vw;
    background-color: #eeeeef;
    max-width: 11.94444vw;
    height: 11.94444vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }
  .page1 .page-down svg {
    width: 2.77778vw;
    height: 5.55556vw;
  }
  .page1 .page-down:hover {
    padding-bottom: 45px;
  }
  .page2 img {
    max-width: 100%;
  }
  .page3 #RecentWorksMain {
    line-height: 1.3;
  }
  .page3 #RecentWorksMain .box-description {
    text-align: left;
    margin-top: 50px;
  }
  .page3 #RecentWorksMain .box-description .title {
    font-size: 8.33333vw;
    margin-bottom: 3.04348vh;
    margin-top: 0;
    position: relative;
    display: inline-block;
    font-weight: 500;
  }
  .page3 #RecentWorksMain .box-description .subtitle {
    margin: 0 0 3.04348vh 0;
    font-size: 5.55556vw;
  }
  .page3 #RecentWorksMain .box-description .text {
    margin: 0;
    font-size: 4.44444vw;
    font-weight: 300;
  }
  .page3 #RecentWorksMain .box-description .link-text {
    font-size: 4.44444vw;
    font-weight: 300;
    color: #aaaaaa;
    margin-top: 3.47826vh;
  }
  .page3 #RecentWorksMain .box-description .more {
    margin-top: 5.43478vh;
    background: #eeeeef;
    font-size: 5vw;
    width: 42.77778vw;
    height: 18.88889vw;
    border-radius: 34px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #273064;
  }
  .page3 #RecentWorksMain .box-description .more svg {
    margin-right: 10px;
  }
  .page3 #RecentWorksMain > .project-1,
  .page3 #RecentWorksMain > .project-2,
  .page3 #RecentWorksMain > .project-3,
  .page3 #RecentWorksMain > .project-4,
  .page3 #RecentWorksMain > .project-5 {
    padding-right: 10.55556vw;
    padding-left: 10.55556vw;
  }
  .page3 #RecentWorksMain > .project-1 .mobile-flex {
    display: flex;
    flex-direction: column-reverse;
  }
  .page3 #RecentWorksMain > .project-2 {
    margin-top: 41.30435vh;
  }
  .page3 #RecentWorksMain > .project-2 .mobile-flex {
    display: flex;
    flex-direction: column-reverse;
  }
  .page3 #RecentWorksMain > .project-2 .pic-group {
    position: relative;
    margin-left: -12.5vw;
    margin-right: -12.5vw;
    margin-bottom: 13.88889vw;
  }
  .page3 #RecentWorksMain > .project-2 .pic {
    padding-right: 12.5vw;
    padding-left: 12.5vw;
  }
  .page3 #RecentWorksMain > .project-2 .bg {
    z-index: -1;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
  .page3 #RecentWorksMain > .project-3 {
    margin-top: 40px;
  }
  .page3 #RecentWorksMain > .project-3 .pic-group {
    position: relative;
    margin-left: -0.55556vw;
    margin-right: -0.55556vw;
  }
  .page3 #RecentWorksMain > .project-3 .pic .Mealfit-2 {
    top: 0;
    left: 0;
    position: absolute;
  }
  .page3 #RecentWorksMain > .project-3 .bg {
    position: absolute;
    right: -27.77778vw;
    width: 55.55556vw;
    bottom: 0;
  }
  .page3 #RecentWorksMain > .project-3 .box-description {
    position: relative;
    margin-top: 4.66667vw;
  }
  .page3 #RecentWorksMain > .project-3 .box-description .more {
    margin-left: 0;
  }
  .page3 #RecentWorksMain > .project-4 .mobile-flex {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
  }
  .page3 #RecentWorksMain > .project-4 .pic-group {
    transform: rotate(10deg);
    margin-top: 27.77778vw;
  }
  .page3 #RecentWorksMain > .project-4 .box-description {
    display: flex;
    flex-direction: column-reverse;
    margin-top: -22.22222vw;
    z-index: 1;
    color: #fff;
    margin-left: -10.55556vw;
    margin-right: -10.55556vw;
  }
  .page3 #RecentWorksMain > .project-4 .box-description .link-text {
    color: #fff;
  }
  .page3 #RecentWorksMain > .project-4 .box-description .text-box {
    padding-right: 10.55556vw;
    padding-left: 10.55556vw;
    background: #2e43c8;
  }
  .page3 #RecentWorksMain > .project-4 .box-description .text-border::before {
    content: "";
    display: block;
    border-top: solid 0 #000;
    border-left: solid 0 #2e43c8;
    border-right: solid 100vw transparent;
    border-bottom: solid 22.22222vw #2e43c8;
  }
  .page3 #RecentWorksMain > .project-4 .box-description .text-border::after {
    content: "";
    display: block;
    border-left: solid 100vw transparent;
    border-top: solid 22.22222vw #2e43c8;
  }
  .page3 #RecentWorksMain > .project-4 .bg {
    position: relative;
    width: 208.33333vw;
    left: -80.55556vw;
  }
  .page3 #RecentWorksMain > .project-4 .bg .Mealfit-bg-3 {
    position: absolute;
    left: 0;
    top: 0;
  }
  .page3 #RecentWorksMain > .project-4 .bg .Mealfit-bg-2 {
    left: 0;
    top: 0;
    position: absolute;
  }
  .page3 #RecentWorksMain > .project-5 .pic-group {
    margin-left: 0.55556vw;
    margin-right: 0.55556vw;
    margin-top: 40px;
  }
  .page3 #RecentWorksMain > .project-5 .pic-group .Mealfit-logo-desktop {
    display: none;
  }
  .page3 #RecentWorksMain .recent-works-navbar {
    padding-right: 9.44444vw;
    padding-left: 9.44444vw;
  }
  .page3 #RecentWorksMain .recent-works-navbar ul {
    display: none;
  }
  .page3 #RecentWorksMain .recent-works-navbar .VIEW-ALL a {
    width: 100%;
    border: solid 1px #3d5afe;
    padding: 8.88889vw;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 5.55556vw;
    font-weight: bold;
    margin-top: 38.33333vw;
    margin-bottom: 22.22222vw;
  }
  .page3 img {
    width: 100%;
  }
  .nice-select {
    float: none;
    padding-top: 5px;
    height: 28px;
    box-sizing: content-box;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nice-select .current {
    padding-left: 1.38889vw;
  }
  .nice-select .list li:first-child {
    display: none;
  }
  .nice-select .current {
    line-height: 1.4;
    display: block;
  }
  .page4 {
    padding: 0 9.16667vw;
  }
  .page4 .form {
    width: 100%;
  }
  .page4 .title {
    font-size: 12.5vw;
    font-weight: bold;
    margin-top: 13.88889vw;
    margin-bottom: 13.88889vw;
    line-height: 15vw;
    position: relative;
    display: inline-block;
  }
  .page4 .title::before {
    border-radius: 50%;
    background: #00e5ff;
    content: "";
    width: 21.66667vw;
    height: 21.66667vw;
    display: block;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    position: absolute;
    z-index: -1;
  }
  .page4 .flex .col6 {
    width: 100%;
  }
  .page4 .flex.contact {
    flex-direction: column;
  }
  .page4 .btn-p3 {
    background: #3d5afe;
    color: #fff;
    width: 100%;
    margin-top: 0vw;
    margin-bottom: 16.66667vw;
    padding: 5.27778vw;
    font-size: 5vw;
  }
  .page4 .btn-p3.loading {
    position: relative;
  }
  .page4 .btn-p3.loading::after {
    content: "Loading ...";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: #3d5afe;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw;
  }
  .page4 .txt-p4 {
    font-size: 5vw;
    line-height: 6.66667vw;
    margin-bottom: 33.33333vw;
  }
  .page4 .loc {
    margin-bottom: 15.27778vw;
    align-items: center;
    flex-wrap: nowrap;
    line-height: 1.1;
  }
  .page4 .txt-loc {
    font-size: 6.11111vw;
    margin-left: 4.16667vw;
    text-decoration: none;
    color: #273064 !important;
  }
  .page4 .info svg {
    width: 10.55556vw;
    height: 11.11111vw;
  }
  .page4 .info {
    position: relative;
    padding-bottom: 6.94444vw;
    padding-top: 16.66667vw;
  }
  .page4 .info::after {
    content: "";
    position: absolute;
    width: 23.88889vw;
    height: 3.88889vw;
    display: block;
    top: 0;
    left: -13.88889vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='87.816' height='15.816' viewBox='0 0 87.816 15.816'%3E%3Cg id='Group_37' data-name='Group 37' transform='translate(-1598.569 -947.293)'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(12.005)'%3E%3Cpath id='Path_15' data-name='Path 15' d='M3663.673,948l-14.4,14.4' transform='translate(-1990)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath id='Path_16' data-name='Path 16' d='M3649.271,948l14.4,14.4' transform='translate(-1990)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_34' data-name='Group 34' transform='translate(-11.995)'%3E%3Cpath id='Path_15-2' data-name='Path 15' d='M3663.673,948l-14.4,14.4' transform='translate(-1990)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath id='Path_16-2' data-name='Path 16' d='M3649.271,948l14.4,14.4' transform='translate(-1990)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_35' data-name='Group 35' transform='translate(-35.995)'%3E%3Cpath id='Path_15-3' data-name='Path 15' d='M3663.673,948l-14.4,14.4' transform='translate(-1990)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath id='Path_16-3' data-name='Path 16' d='M3649.271,948l14.4,14.4' transform='translate(-1990)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_36' data-name='Group 36' transform='translate(-59.995)'%3E%3Cpath id='Path_15-4' data-name='Path 15' d='M3663.673,948l-14.4,14.4' transform='translate(-1990)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath id='Path_16-4' data-name='Path 16' d='M3649.271,948l14.4,14.4' transform='translate(-1990)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .page4 .info::before {
    content: "";
    position: absolute;
    width: 43.61111vw;
    height: 17.22222vw;
    display: block;
    bottom: 0;
    right: -5.55556vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='157' height='62' viewBox='0 0 157 62'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(-1467 -452)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 452)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-2' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 452)' fill='%23656980'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 452)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-3' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 452)' fill='%23656980'/%3E%3Ccircle id='Ellipse_25' data-name='Ellipse 25' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 452)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-4' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 452)' fill='%23656980'/%3E%3Ccircle id='Ellipse_26' data-name='Ellipse 26' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 452)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-5' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 452)' fill='%23656980'/%3E%3Ccircle id='Ellipse_27' data-name='Ellipse 27' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 452)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-6' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 471)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-7' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 471)' fill='%23656980'/%3E%3Ccircle id='Ellipse_17' data-name='Ellipse 17' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 471)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-8' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 471)' fill='%23656980'/%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 471)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-9' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 471)' fill='%23656980'/%3E%3Ccircle id='Ellipse_19' data-name='Ellipse 19' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 471)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-10' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 471)' fill='%23656980'/%3E%3Ccircle id='Ellipse_20' data-name='Ellipse 20' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 471)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-11' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 490)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-12' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 490)' fill='%23656980'/%3E%3Ccircle id='Ellipse_21' data-name='Ellipse 21' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 490)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-13' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 490)' fill='%23656980'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 490)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-14' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 490)' fill='%23656980'/%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 490)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-15' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 490)' fill='%23656980'/%3E%3Ccircle id='Ellipse_16' data-name='Ellipse 16' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 490)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-16' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1467 509)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-17' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1486 509)' fill='%23656980'/%3E%3Ccircle id='Ellipse_22' data-name='Ellipse 22' cx='2.5' cy='2.5' r='2.5' transform='translate(1562 509)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-18' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1505 509)' fill='%23656980'/%3E%3Ccircle id='Ellipse_12' data-name='Ellipse 12' cx='2.5' cy='2.5' r='2.5' transform='translate(1581 509)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-19' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1524 509)' fill='%23656980'/%3E%3Ccircle id='Ellipse_9' data-name='Ellipse 9' cx='2.5' cy='2.5' r='2.5' transform='translate(1600 509)' fill='%23656980'/%3E%3Ccircle id='Ellipse_7-20' data-name='Ellipse 7' cx='2.5' cy='2.5' r='2.5' transform='translate(1543 509)' fill='%23656980'/%3E%3Ccircle id='Ellipse_10' data-name='Ellipse 10' cx='2.5' cy='2.5' r='2.5' transform='translate(1619 509)' fill='%23656980'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .page4 .info .social ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    margin-bottom: 8.33333vw;
    z-index: 1;
    position: relative;
  }
  .page4 .info .social li {
    width: 33%;
    margin-bottom: 8.33333vw;
  }
  .page4 .info .social li:nth-child(1),
  .page4 .info .social li:nth-child(4) {
    text-align: left;
  }
  .page4 .info .social li:nth-child(5),
  .page4 .info .social li:nth-child(2) {
    text-align: center;
  }
  .page4 .info .social li:nth-child(3),
  .page4 .info .social li:nth-child(6) {
    text-align: right;
  }
  .page4 .info .social li svg {
    width: 11.11111vw;
    height: 11.11111vw;
  }
  /* ================ input style======================== */
  .group {
    position: relative;
    margin-bottom: 18.05556vw;
  }
  .form-control {
    font-size: 5vw;
    padding: 2.77778vw 2.77778vw 2.77778vw 1.38889vw;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 0.27778vw solid #757575;
    border-radius: 0;
  }
  .form-control:focus {
    outline: none;
  }
  /* LABEL ======================================= */
  label {
    color: #999;
    font-size: 5vw;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 1.38889vw;
    top: 2.77778vw;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }
  /* active state */
  .form-control:focus ~ label,
  .form-control:valid ~ label {
    top: -5.55556vw;
    font-size: 3.88889vw;
    color: #5264ae;
  }
  /* BOTTOM BARS ================================= */
  .bar {
    position: relative;
    display: block;
  }
  .bar:before,
  .bar:after {
    content: "";
    height: 0.55556vw;
    width: 0;
    bottom: 0.27778vw;
    position: absolute;
    background: #5264ae;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }
  .bar:before {
    left: 50%;
  }
  .bar:after {
    right: 50%;
  }
  /* active state */
  .form-control:focus ~ .bar:before,
  .form-control:focus ~ .bar:after {
    width: 50%;
  }
  /* HIGHLIGHTER ================================== */
  .highlight {
    position: absolute;
    height: 60%;
    width: 27.77778vw;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
  }
  /* active state */
  .form-control:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
  }
  /* ANIMATIONS ================ */
  @keyframes inputHighlighter {
    from {
      background: #5264ae;
    }
    to {
      width: 0;
      background: transparent;
    }
  }
  .trans-bg {
    background-color: transparent;
  }
  /* ================ input style======================== */
  .menubox {
    width: 16.66667vw;
    height: 16.66667vw;
    background-color: #3d5afe;
    transition: 0.4s;
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    transition-delay: 0.2s;
    overflow: hidden;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) and (max-width: 567px) {
  .menubox {
    width: 23.61111vw;
    height: 23.61111vw;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  .menubox .menu-icon {
    cursor: pointer;
    padding: 5.55556vw;
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) and (max-width: 567px) {
  .menubox .menu-icon {
    padding: 9.16667vw;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  .menubox .menu-icon svg {
    width: 5.27778vw;
    height: 5.27778vw;
  }
  .menubox .menu-icon .open {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .menubox .menu-icon .close {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .menubox .menu-data {
    display: flex;
    flex-wrap: nowrap;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    padding: 9.16667vw;
    flex-direction: column;
    transition: 0.2s ease-in;
  }
  .menubox .menu-data .menu-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4.16667vw;
    margin-right: -4.16667vw;
    margin-top: -3.04348vh;
    margin-bottom: -3.04348vh;
    padding: 0;
    list-style: none;
  }
  .menubox .menu-data .menu-ul li {
    width: 50%;
    padding: 3.04348vh 4.16667vw;
    white-space: nowrap;
  }
  .menubox .menu-data .menu-ul li a {
    display: block;
    border: solid 0.27778vw #fff;
    height: 22.22222vw;
    font-size: 3.33333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) and (max-width: 567px) {
  .menubox .menu-data .menu-ul li a {
    font-size: 4.44444vw;
    height: 33.33333vw;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  .menubox .menu-data .menu-ul li a:hover {
    background: #fff;
    color: #3d5afe;
  }
  .menubox .menu-data .menu-ul li:last-child {
    width: 1000%;
  }
  .menubox .menu-data .menu-ul li:last-child a {
    height: 13.61111vw;
  }
  .menubox .menu-data .copyright {
    text-align: center;
    color: #fff;
    position: relative;
    width: 100%;
    left: 0;
    font-size: 3.33333vw;
    font-weight: 300;
    height: 2.17391vh;
  }
  .menubox .menu-data .social {
    list-style: none;
    left: 0;
    position: relative;
    padding: 0;
    margin-bottom: 5.55556vw;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 5.55556vw;
  }
  .menubox .menu-data .social SVG {
    fill: #fff !important;
    width: 6.11111vw !important;
    height: 6.11111vw !important;
  }
  .menubox.active {
    width: 100%;
    height: 100%;
    padding-top: 6.52174vh;
    transition-delay: 0s;
  }
  .menubox.active .menu-data {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
    overflow: auto;
  }
  .menubox.active .menu-icon .open {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .menubox.active .menu-icon .close {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .flex {
    display: flex;
    flex-wrap: wrap;
  }
  .page2 .flex.justify-content-between {
    flex-wrap: wrap;
  }
  .page2 .img-bg {
    background-color: #3d5afe;
    height: 125vw;
    text-align: center;
    margin-bottom: 36.11111vw;
    width: 100%;
    position: relative;
  }
  .page2 .img-bg .shape::before {
    content: "";
    position: absolute;
    width: 4.72222vw;
    height: 4.72222vw;
    display: block;
    top: 11.11111vw;
    left: 11.38889vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.378' height='17.135' viewBox='0 0 17.378 17.135'%3E%3Cg id='Rectangle_63' data-name='Rectangle 63' transform='translate(0.351)'%3E%3Crect id='Rectangle_110' data-name='Rectangle 110' width='17' height='17' transform='translate(-0.351 0.135)' fill='none'/%3E%3Cpath id='Path_105' data-name='Path 105' d='M908.027,167.027H891V150h17.027Zm-16.054-.973h15.081V150.973H891.973Z' transform='translate(-891 -150)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .page2 .img-bg .shape::after {
    content: "";
    position: absolute;
    width: 4.72222vw;
    height: 4.72222vw;
    display: block;
    bottom: 57.22222vw;
    right: 9.16667vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg id='Ellipse_97' data-name='Ellipse 97' transform='translate(0.378 0.27)'%3E%3Ccircle id='Ellipse_114' data-name='Ellipse 114' cx='8.5' cy='8.5' r='8.5' transform='translate(-0.378 -0.27)' fill='none'/%3E%3Cpath id='Path_104' data-name='Path 104' d='M1452.27,506.541a8.27,8.27,0,1,1,8.27-8.27A8.28,8.28,0,0,1,1452.27,506.541Zm0-15.568a7.3,7.3,0,1,0,7.3,7.3A7.306,7.306,0,0,0,1452.27,490.973Z' transform='translate(-1444 -490)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .page2 .img-bg::before {
    content: "";
    position: absolute;
    width: 18.61111vw;
    height: 23.88889vw;
    display: block;
    top: 8.88889vw;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='67' height='86' viewBox='0 0 67 86'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(-0.432 0.243)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 -0.243)' fill='%23fff'/%3E%3Ccircle id='Ellipse_73' data-name='Ellipse 73' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 45.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-2' data-name='Ellipse 7-2' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 -0.243)' fill='%23fff'/%3E%3Ccircle id='Ellipse_74' data-name='Ellipse 74' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 45.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 -0.243)' fill='%23fff'/%3E%3Ccircle id='Ellipse_75' data-name='Ellipse 75' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 45.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-3' data-name='Ellipse 7-3' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 -0.243)' fill='%23fff'/%3E%3Ccircle id='Ellipse_76' data-name='Ellipse 76' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 45.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_25' data-name='Ellipse 25' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 -0.243)' fill='%23fff'/%3E%3Ccircle id='Ellipse_77' data-name='Ellipse 77' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 45.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-4' data-name='Ellipse 7-4' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 -0.243)' fill='%23fff'/%3E%3Ccircle id='Ellipse_78' data-name='Ellipse 78' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 45.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_26' data-name='Ellipse 26' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 -0.243)' fill='%23fff'/%3E%3Ccircle id='Ellipse_79' data-name='Ellipse 79' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 45.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-5' data-name='Ellipse 7-5' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 -0.243)' fill='%23fff'/%3E%3Ccircle id='Ellipse_80' data-name='Ellipse 80' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 45.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-6' data-name='Ellipse 7-6' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 8.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_63' data-name='Ellipse 63' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 55.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-7' data-name='Ellipse 7-7' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 8.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_64' data-name='Ellipse 64' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 55.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_17' data-name='Ellipse 17' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 8.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 55.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-8' data-name='Ellipse 7-8' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 8.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 55.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 8.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 55.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-9' data-name='Ellipse 7-9' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 8.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_68' data-name='Ellipse 68' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 55.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_19' data-name='Ellipse 19' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 8.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_69' data-name='Ellipse 69' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 55.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-10' data-name='Ellipse 7-10' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 8.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_70' data-name='Ellipse 70' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 55.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-11' data-name='Ellipse 7-11' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 18.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_60' data-name='Ellipse 60' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 64.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-12' data-name='Ellipse 7-12' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 18.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_51' data-name='Ellipse 51' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 64.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_21' data-name='Ellipse 21' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 18.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_52' data-name='Ellipse 52' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 64.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-13' data-name='Ellipse 7-13' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 18.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_53' data-name='Ellipse 53' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 64.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 18.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_54' data-name='Ellipse 54' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 64.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-14' data-name='Ellipse 7-14' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 18.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_55' data-name='Ellipse 55' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 64.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 18.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_56' data-name='Ellipse 56' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 64.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-15' data-name='Ellipse 7-15' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 18.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_57' data-name='Ellipse 57' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 64.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-16' data-name='Ellipse 7-16' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 27.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_61' data-name='Ellipse 61' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 73.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-17' data-name='Ellipse 7-17' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 27.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_49' data-name='Ellipse 49' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 73.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_22' data-name='Ellipse 22' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 27.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_41' data-name='Ellipse 41' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 73.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-18' data-name='Ellipse 7-18' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 27.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_42' data-name='Ellipse 42' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 73.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_12' data-name='Ellipse 12' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 27.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_43' data-name='Ellipse 43' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 73.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-19' data-name='Ellipse 7-19' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 27.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_44' data-name='Ellipse 44' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 73.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_9' data-name='Ellipse 9' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 27.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_45' data-name='Ellipse 45' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 73.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-20' data-name='Ellipse 7-20' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 27.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_46' data-name='Ellipse 46' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 73.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-21' data-name='Ellipse 7-21' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 36.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_62' data-name='Ellipse 62' cx='1.5' cy='1.5' r='1.5' transform='translate(0.432 82.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-22' data-name='Ellipse 7-22' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 36.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_50' data-name='Ellipse 50' cx='1.5' cy='1.5' r='1.5' transform='translate(9.432 82.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 36.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_33' data-name='Ellipse 33' cx='1.5' cy='1.5' r='1.5' transform='translate(46.432 82.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-23' data-name='Ellipse 7-23' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 36.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_40' data-name='Ellipse 40' cx='1.5' cy='1.5' r='1.5' transform='translate(18.432 82.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 36.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_34' data-name='Ellipse 34' cx='1.5' cy='1.5' r='1.5' transform='translate(55.432 82.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-24' data-name='Ellipse 7-24' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 36.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_39' data-name='Ellipse 39' cx='1.5' cy='1.5' r='1.5' transform='translate(27.432 82.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 36.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_35' data-name='Ellipse 35' cx='1.5' cy='1.5' r='1.5' transform='translate(64.432 82.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_7-25' data-name='Ellipse 7-25' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 36.757)' fill='%23fff'/%3E%3Ccircle id='Ellipse_36' data-name='Ellipse 36' cx='1.5' cy='1.5' r='1.5' transform='translate(37.432 82.757)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .page2 .img-bg::after {
    content: "";
    position: absolute;
    width: 11.66667vw;
    height: 2.22222vw;
    display: block;
    bottom: 40.27778vw;
    left: 5.55556vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg id='Group_37' data-name='Group 37' xmlns='http://www.w3.org/2000/svg' width='42.722' height='7.694' viewBox='0 0 42.722 7.694'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(35.027)'%3E%3Crect id='Rectangle_102' data-name='Rectangle 102' width='9.907' height='0.973' transform='translate(0.001 7.006) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_103' data-name='Rectangle 103' width='0.973' height='9.907' transform='translate(0 0.688) rotate(-44.998)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Group_34' data-name='Group 34' transform='translate(23.351)'%3E%3Crect id='Rectangle_104' data-name='Rectangle 104' width='9.907' height='0.973' transform='translate(0.001 7.006) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_105' data-name='Rectangle 105' width='0.973' height='9.907' transform='translate(0 0.688) rotate(-44.998)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Group_35' data-name='Group 35' transform='translate(11.676)'%3E%3Crect id='Rectangle_106' data-name='Rectangle 106' width='9.907' height='0.973' transform='translate(0.001 7.006) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_107' data-name='Rectangle 107' width='0.973' height='9.907' transform='translate(0 0.688) rotate(-44.998)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Group_36' data-name='Group 36'%3E%3Crect id='Rectangle_108' data-name='Rectangle 108' width='9.907' height='0.973' transform='translate(0.001 7.006) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_109' data-name='Rectangle 109' width='0.973' height='9.907' transform='translate(0 0.688) rotate(-44.998)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .page2 .img-bg img {
    width: 54.44444vw;
    margin-top: 26.11111vw;
    margin-bottom: 5.55556vw;
  }
  .page2 .txt-abs {
    font-size: 12.5vw;
    font-weight: bold;
    color: white;
    text-align: left;
    line-height: 16.66667vw;
    margin: -2.22222vw 0 0 8.33333vw;
  }
  .page2 .txt-abs .hr-title {
    display: none;
  }
  .page2 .txt-abs .wolfe-txt {
    color: black;
    border-bottom: solid 1.38889vw #3d5afe;
  }
  .page2 .page2-top-txt {
    padding: 0 9.16667vw;
  }
  .page2 .page2-top-txt .services {
    margin-bottom: 36.11111vw;
    position: relative;
  }
  .page2 .page2-top-txt .services::before {
    border-radius: 50%;
    background: #00e5ff;
    content: "";
    width: 42.77778vw;
    height: 42.77778vw;
    display: block;
    right: 0vw;
    top: 7.5vw;
    position: absolute;
    z-index: -1;
  }
  .page2 .page2-top-txt .services .item-txt {
    margin-bottom: 6.94444vw;
    font-size: 8.33333vw;
    font-weight: 300;
  }
  .page2 .page2-top-txt .services .item-txt svg {
    width: 9.72222vw;
    height: 9.72222vw;
    margin-right: 2.22222vw;
    margin-bottom: -3.05556vw;
  }
  .page2 .page2-top-txt .services .item-txt a {
    position: relative;
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    display: inline-block;
    padding: 0 5px;
  }
  .page2 .page2-top-txt .services .item-txt a span {
    overflow: hidden;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 5px;
    width: 1px;
    transition: width 0.5s;
    transition-delay: 2s;
    color: #000;
    white-space: nowrap;
  }
  .Expertise .page2 .page2-top-txt .services .item-txt a span {
    width: 100%;
  }
  .page2 .page2-top-txt .services .item-txt a::after {
    content: "";
    background: #3d5afe;
    position: absolute;
    display: block;
    height: 0px;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: -1;
    transition: all 0.2s;
    transform: translateY(-50%);
  }
  .page2 .page2-top-txt .services .item-txt a::before {
    content: "";
    background: #b4b5b44d;
    position: absolute;
    display: block;
    height: 10px;
    width: 0%;
    top: 50%;
    left: 0;
    z-index: -2;
    transition: 0.5s;
    transition-delay: 1s;
  }
  .Expertise .page2 .page2-top-txt .services .item-txt a::before {
    width: 100%;
  }
  .page2 .page2-top-txt .services .item-txt:hover a {
    color: #fff;
  }
  .page2 .page2-top-txt .services .item-txt:hover a span {
    color: #fff !important;
  }
  .page2 .page2-top-txt .services .item-txt:hover a::after {
    height: 46px;
  }
  .page2 .page2-btn-txt {
    margin-bottom: 20.83333vw;
    flex-wrap: nowrap;
  }
  .page2 .page2-btn-txt .svg-btn svg {
    margin-right: 6.38889vw;
    width: 14.44444vw;
    height: 11.94444vw;
  }
  .page2 .page2-btn-txt .item-btn {
    color: #b8bcd2;
    margin-right: 3.05556vw;
    margin-top: 1.66667vw;
    font-size: 5.55556vw;
    font-weight: 300;
  }
  .page2 .page2-btn-txt .txt-btn {
    line-height: 6.94444vw;
    font-size: 5.55556vw;
    color: #273064;
    font-weight: normal;
    text-align: left;
    margin-top: 0.27778vw;
  }
  .page5 {
    display: none;
    visibility: hidden;
    padding: 0 9.16667vw;
  }
  .page5 .title {
    font-size: 12.5vw;
    margin-bottom: 16.38889vw;
  }
  .page5 .p5-img {
    width: 100%;
    margin-top: 25vw;
    margin-bottom: 29.44444vw;
  }
  .page5 .txt {
    color: #656980;
    line-height: 5.27778vw;
    margin-bottom: 24.16667vw;
  }
  .page5 img,
  .page5 svg {
    width: 100%;
  }
  .About .page1,
  .About .page2,
  .About .page3,
  .About .page4 {
    display: none;
  }
  .About .page5 {
    display: block;
    visibility: visible;
  }
}

#main {
  overflow-x: hidden;
}

.part1 .box-description {
  text-align: left;
}

@media (min-width: 992px) {
  .part1 .box-description {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .part1 .box-description {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

.part1 .box-description .title {
  margin-top: 136px;
  margin-bottom: 45px;
  font-size: 30px;
}

@media (min-width: 992px) {
  .part1 .box-description .title {
    margin-bottom: 25px;
    margin-top: 136px;
    font-size: 50px;
  }
}

.part1 .box-description .text {
  margin-top: 30px;
  font-size: 16px;
}

@media (min-width: 992px) {
  .part1 .box-description .text {
    font-size: 20px;
  }
}

.part1 .box-description .link-text {
  margin-top: 38px;
  color: #aaaaaa;
  font-size: 18px;
  font-weight: lighter;
  font-style: italic;
  max-width: 80%;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .part1 .box-description .link-text {
    font-size: 20px;
    margin-top: 28px;
  }
}

.part1 .more {
  margin-top: 32px;
  margin-bottom: 83px;
  background: #eeeeef;
  width: 153px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 18px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  color: #273064;
}

@media (min-width: 992px) {
  .part1 .more {
    margin-left: 10vw;
  }
}

@media (min-width: 1600px) {
  .part1 .more {
    margin-top: 287px;
  }
}

@media (max-width: 1599px) {
  .part1 .more {
    margin-top: 207px;
  }
}

@media (max-width: 1199px) {
  .part1 .more {
    margin-top: 50px;
  }
}

.box-description {
  text-align: center;
}

.box-description .title {
  margin-top: 136px;
  margin-bottom: 45px;
  font-size: 25px;
}

@media (min-width: 992px) {
  .box-description .title {
    margin-bottom: 25px;
    margin-top: 136px;
    font-size: 50px;
  }
}

.box-description .subtitle {
  font-size: 20px;
}

@media (min-width: 992px) {
  .box-description .subtitle {
    font-size: 22px;
  }
}

@media (min-width: 1200px) {
  .box-description .subtitle {
    font-size: 30px;
  }
}

.box-description .text {
  margin-top: 30px;
  font-size: 16px;
}

@media (min-width: 992px) {
  .box-description .text {
    font-size: 20px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1360px;
  }
}

@media (min-width: 1800px) {
  .container {
    max-width: 1680px;
  }
}

.gray {
  color: #9999a4 !important;
}

.white {
  color: #ffffff !important;
}

.project {
  overflow: auto;
  line-height: 1.2;
}

.project #main {
  padding-top: 8.54167vw;
  display: block;
}

.project .main-nav {
  display: none;
}

.project .slidebar-menu {
  border: 0;
}

.project .go-to-top {
  display: flex;
  position: relative;
  z-index: 1;
  justify-content: center;
  margin-top: 55px;
  padding-bottom: 30px;
  margin-bottom: 100px;
}

@media (min-width: 992px) {
  .project .go-to-top {
    margin-top: -50px;
  }
  .project .go-to-top h5 {
    margin-bottom: 46px;
  }
}

.project .go-to-top a {
  color: #fff;
  padding: 2px;
  margin: 8px 18px;
  display: block;
  font-size: 17px;
}

@media (min-width: 992px) {
  .project .go-to-top a {
    font-size: 26px;
    margin: 15px 120px;
  }
}

.home-box {
  background-color: #292b36;
  padding: 63px;
  text-align: center;
  position: relative;
}

.home-box a {
  color: white;
  font-size: 17px;
  font-weight: normal;
}

.home-box .pattern1 {
  position: absolute;
  top: 7px;
  right: 35px;
}

.home-box .pattern2 {
  position: absolute;
  bottom: 46px;
  right: 22px;
}

.home-box .pattern3 {
  position: absolute;
  bottom: 6px;
  left: 23px;
}

/* ================= see-more =================== */
.see-more {
  margin-bottom: 50px;
  padding-top: 10vh !important;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .see-more {
    padding-left: 115px;
    padding-right: 115px;
  }
  .see-more .owl-stage-outer {
    overflow: visible;
  }
}

@media (min-width: 1200px) {
  .see-more {
    padding-top: 20vh !important;
    padding-left: 8.54167vw;
    padding-right: 8.54167vw;
  }
}

.owl-dot span {
  width: 15px;
  height: 15px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #00e5ff;
}

.see-more .title {
  color: black;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 10px 0 70px 0;
  text-align: center;
}

@media (min-width: 992px) {
  .see-more .title {
    font-size: 30px;
    text-align: left;
    padding-left: 30px;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .see-more .title {
    margin-left: 0 !important;
  }
}

.project-item {
  padding: 0 20px 0 20px;
  margin-bottom: 15px;
  text-align: right;
}

@media (min-width: 1200px) {
  .project-item {
    margin-bottom: 50px;
  }
}

.project-item .btn {
  transition: 0.2s ease-in;
}

.project-item .w-100 a {
  position: relative;
  display: block;
}

.project-item .w-100 a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='106' viewBox='0 0 106 106'%3E%3Cg id='Group_572' data-name='Group 572' transform='translate(-649 -600)'%3E%3Ccircle id='Ellipse_188' data-name='Ellipse 188' cx='53' cy='53' r='53' transform='translate(649 600)' fill='%23fff' opacity='0.15'/%3E%3Cpath id='icons8_eye' d='M18.723,5C7.591,5,.4,16.5.271,16.707A1.245,1.245,0,0,0,.2,18.162l0,.007c.021.044,6.057,11.794,18.515,11.794,12.405,0,18.432-11.635,18.506-11.777l.015-.024a1.246,1.246,0,0,0-.066-1.453l0,0C37.045,16.5,29.854,5,18.723,5Zm0,3.745a8.737,8.737,0,1,1-8.737,8.737A8.737,8.737,0,0,1,18.723,8.745Zm0,4.993a3.745,3.745,0,1,0,3.745,3.745A3.745,3.745,0,0,0,18.723,13.737Z' transform='translate(683.277 635.518)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 106px;
  height: 106px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  opacity: 0;
  transition: 0.2s ease-in;
}

.project-item .w-100 a::before {
  background: rgba(7, 34, 78, 0.3);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.2s ease-in;
  opacity: 0;
}

.project-item:hover .w-100 a::after,
.project-item:hover .w-100 a::before {
  opacity: 1;
}

.project-item:hover .btn {
  max-width: 100%;
}

.project-item .title {
  color: black;
  font-size: 18px;
  padding: 10px 0 12px 0;
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 10px;
  font-weight: 500;
  margin-top: 10px;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .project-item .title {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .project-item .title {
    font-size: 18px;
    margin-top: 2px;
    margin-bottom: 7px;
  }
}

.project-item .subtitle {
  font-size: 16px;
  font-weight: 300;
  text-align: left;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .project-item .subtitle {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .project-item .subtitle {
    font-size: 18px;
  }
}

.project-item .link-text {
  text-align: left;
}

.project-item .text {
  color: black;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 5px;
  height: 35px;
  font-weight: 300;
  overflow: hidden;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .project-item .text {
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .project-item .text {
    height: 40px;
    margin-bottom: 15px;
    font-size: 16px;
  }
}

.project-item img {
  width: 100%;
}

.project-item .btn {
  background-color: #3d5afe;
  width: 100%;
  color: white;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 50px;
  border-radius: 0;
  text-align: center;
  padding: 11px;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .project-item .btn {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .project-item .btn {
    max-width: 183px;
    font-size: 16px;
  }
}

.project-item .link-text {
  margin-top: 5px;
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: lighter;
  font-style: italic;
  color: #aaaaaa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .project-item .link-text {
    font-size: 10px;
  }
}

@media (min-width: 1200px) {
  .project-item .link-text {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  margin-left: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #eeeeee;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
  border-radius: 50%;
}

.carousel-indicators li.active {
  background-color: #00e5ff;
}

.carousel-indicators {
  bottom: -35px !important;
}

@media (min-width: 992px) {
  .owl-carousel .owl-item img {
    display: block;
    width: 103%;
    margin-top: 25px;
  }
}

@media (max-width: 991px) {
  .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 4px;
  }
}

.go-to-top2 {
  position: fixed;
  height: 55px;
  width: 55px;
  background: #494d67;
  right: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 151;
  bottom: 40px;
  transition: 0.2s ease-in;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100px);
}

.go-to-top2.show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1200px) {
  .go-to-top2 {
    width: 75px;
    height: 75px;
    right: 44px;
    bottom: 60px;
  }
}

.link-text {
  text-transform: uppercase;
  font-style: italic;
}

.part1 .title {
  margin-bottom: 10px !important;
}

@media (min-width: 992px) {
  .part1 .title {
    margin-bottom: 16px !important;
  }
}

.part1 p.subtitle {
  margin-bottom: 14px !important;
}

@media (min-width: 992px) {
  .part1 p.subtitle {
    margin-bottom: 20px !important;
  }
}

.part1 .text {
  font-weight: 300 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  font-size: 16px !important;
}

@media (max-width: 1399px) {
  [class^="part"] .title {
    font-size: 40px !important;
  }
  [class^="part"] .subtitle {
    font-size: 25px !important;
  }
  [class^="part"] .text {
    font-size: 19px !important;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  [class^="part"] .title {
    font-size: 35px !important;
  }
  [class^="part"] .subtitle {
    font-size: 20px !important;
  }
  .part1 .title {
    font-size: 30px !important;
  }
  .part1 .subtitle {
    font-size: 20px !important;
  }
  .part1 .text {
    font-size: 14px !important;
  }
  .part1 .link-text {
    font-size: 12px !important;
  }
  .part1 .link {
    font-size: 12px !important;
  }
  .part1 .more {
    font-size: 11px !important;
    width: 99px;
    height: 44px;
    margin-left: 16px !important;
  }
  .part1 .more svg {
    width: 14px;
    height: 14px;
  }
  [class^="part"]:not(.part1) .title {
    font-size: 20px !important;
    margin-bottom: 0 !important;
  }
  [class^="part"]:not(.part1) .text {
    font-size: 14px !important;
  }
}

@media (max-width: 767px) {
  [class^="part"] .title {
    font-size: 25px !important;
  }
  .part1 .title {
    font-size: 30px !important;
  }
  .part1 .subtitle {
    font-size: 20px !important;
  }
  .part1 .text {
    font-size: 16px !important;
  }
  .part1 .link-text {
    font-size: 16px !important;
  }
  .part1 .more {
    font-size: 18px !important;
  }
  .part1 .more svg {
    width: 22px;
    height: 22px;
  }
}

.grecaptcha-badge {
  visibility: hidden;
  opacity: 0;
}

#message {
  margin-top: 5px;
}

a:hover {
  text-decoration: none !important;
}
@media (min-width: 768px) {
  .TERMS-OF-SERVICES .title {
    margin-top: -100px;
  }
}
/*# sourceMappingURL=main.css.map */