@font-face {
    font-family: 'ITC Avant Garde Gothic Std Bold Condensed';
    src: url('../fonts/ITCAvantGardeStd-BoldCn.woff2') format('woff2'),
    url('../fonts/ITCAvantGardeStd-BoldCn.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Extra Light Condensed';
    src: url('../fonts/ITCAvantGardeStd-XLtCn.woff2') format('woff2'),
    url('../fonts/ITCAvantGardeStd-XLtCn.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Medium Condensed';
    src: url('../fonts/ITCAvantGardeStd-MdCn.woff2') format('woff2'),
    url('../fonts/ITCAvantGardeStd-MdCn.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('../fonts/ITCAvantGardeStd-Md.woff2') format('woff2'),
    url('../fonts/ITCAvantGardeStd-Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Bold';
    src: url('../fonts/ITCAvantGardeStd-Demi.woff2') format('woff2'),
    url('../fonts/ITCAvantGardeStd-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Light';
    src: url('../fonts/ITCAvantGardeStd-XLt.woff2') format('woff2'),
    url('../fonts/ITCAvantGardeStd-XLt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Book';
    src: url('../fonts/ITCAvantGardeStd-Bk.woff2') format('woff2'),
    url('../fonts/ITCAvantGardeStd-Bk.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'ITC Avant Garde Gothic Std Book', sans-serif;
}

a {
    text-decoration: none !important;
    color: black;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style-type: none;
}

img {
    max-width: 100%;
}

.fnt-light {
    font-family: 'ITC Avant Garde Gothic Std Light', sans-serif;
}

.fnt-bold {
    font-family: 'ITC Avant Garde Gothic Std Bold', sans-serif;
}

.fnt-std {
    font-family: 'ITC Avant Garde Gothic Std', sans-serif;
}

.fnt-mediumCond {
    font-family: 'ITC Avant Garde Gothic Std Medium Condensed', sans-serif;
}

.fnt-exLight {
    font-family: 'ITC Avant Garde Gothic Std Extra Light Condensed', sans-serif;
}

.fnt-boldCond {
    font-family: 'ITC Avant Garde Gothic Std Bold Condensed', sans-serif;
}

.main-container {
    padding: 0 150px;
    max-width: 1440px;
    margin: 0 auto;
}

.about-bottom-space {
    margin-bottom: 13.5vh;
}

.ml-2 {
    margin-left: 2rem;
}

.mr-2 {
    margin-right: 2rem;
}

.fw-400 {
    font-weight: 400;
}


.blue-title {
    margin-bottom: 1rem;
    color: #1762e3;
    font-size: 1.4rem;
    font-weight: 400;
}

.blck-title-b {
    color: #000;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.25;
}

.about-blue-title-m {
    color: #003796;
    font-size: 1.375rem;
    line-height: 1.8rem;
    letter-spacing: -.025rem;
}

.about-blue-title-l {
    color: #003796;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 1.8rem;
    letter-spacing: -.06rem;
    margin-bottom: 4.25rem;
}

.circle-cursor {
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(2px, 740px);
    opacity: 1 !important;
}

.circle-cursor--inner {
    background-color: #f7a500;
    width: 5px;
    height: 5px;
    z-index: 99;
    border: 1px solid #f7a500;
    opacity: 1;
}

.circle-cursor--outer {
    z-index: 98;
    width: 32px;
    height: 32px;
    background-color: transparent;
    opacity: 0.6;
    border: 1px solid #f7a500;
    transform: translate3d(-13.9995px, 724px, 0px);
}

.side-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 65px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-left: 1px solid #abadae33;
    transition: .3s ease-in-out .6s;
    -webkit-transition: .3s ease-in-out .6s;
    z-index: 7;
}

.side-menu.active {
    background-color: #1762E3;
}

.side-menu-btn-container {
    width: auto;
    padding-top: 2.5rem;
}

.side-menu-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 90px;
    cursor: pointer;
    user-select: none;
}

.side-menu-btn.active {
    height: 30px;
}

.side-menu-bar {
    position: relative;
    width: 40px;
    height: 15px;
    transform: scale(1) rotate(0deg);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.side-menu-bar.active {
    transform: scale(1.02) rotate(180deg);
}

.side-menu-bar span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.side-menu-bar span.color {
    background-color: #000;
}

.side-menu-bar span:first-child {
    top: 0;
}

.side-menu-bar.active span:first-child {
    bottom: 0;
    transform: rotate(135deg);
}

.side-menu-bar span:last-child {
    bottom: 0;
}

.side-menu-bar.active span:last-child {
    top: 0;
    transform: rotate(-135deg);

}

.menu-btn {
    position: absolute;
    top: 6rem;
    color: #fff;
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.25;
    transform: rotate(90deg);
    cursor: pointer;
    transition: .3s linear;
    -webkit-transition: .3s linear;
}

.menu-btn.color {
    color: #000;
}

.menu-open-btn.hidden {
    visibility: hidden;
    opacity: 0;
    top: 50%;
}

.side-menu .menu-close-btn {
    visibility: hidden;
}

.side-menu .menu-close-btn.active {
    top: 50%;
    visibility: visible;
}

.menu-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.blue-bg {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(100%, -100%) rotate(-60deg);
    transform-origin: center;
    width: 2500px;
    height: 2000px;
    background: linear-gradient(90deg, #003796, #003796 40%, #fff 0, #fff);
    z-index: 5;
    transition: .7s ease-in .3s;
    -webkit-transition: .7s ease-in .3s;
}

.blue-bg.active {
    transform: translate(-10%, 0%) rotate(0deg);
    transition: .7s ease-in 0s;
    -webkit-transition: .7s ease-in 0s;
}

.menu-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 80px 80px 40px;
    z-index: 6;
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in-out;
}

.menu-wrapper.active {
    visibility: visible;
    opacity: 1;
    transition: .2s ease-in .7s;
}

.menu-wrapper .logo {
    margin-bottom: 2rem;
}

.menu-wrapper .logo svg {
    max-width: 425px;
    fill: #164eaf;
}

.menu-wrapper-left {
    flex: 0 0 35%;
}

.menu-wrapper-left a, .menu-wrapper-left p {
    color: #fff;
}

.menu-wrapper-right {
    flex: 0 0 45%;
}

.menu-wrapper-right .top {
    height: 100%;
}

.menu-wrapper-right .bottom {
    padding-bottom: 1rem;
    width: 100%;
}

.menu-wrapper-right .bottom a {
    color: #000;
    font-weight: 400;
    font-size: 12px;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.main-content {
    background: radial-gradient(38.44% 61.99% at 58.75% 43.83%, #6496ed 0, #346bcb 54.17%, #153d84 100%);
    height: 100vh;
}

.header-container {
    padding-left: 150px;
    padding-right: 150px;
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;
    width: 100%;
}

.header-left {
    flex: 30% 1;
}

.logo svg {
    max-width: 180px;
    fill: #fff;
}

.header-right {
    flex: 60% 1;
    display: flex;
    justify-content: space-between;
}

.header-menu a {
    color: #fff;
    font-weight: 300;
    font-size: .9rem;
    line-height: 1.25;
}

.header-menu a:first-child {
    margin-right: 2.5rem;
}

.header-lang a {
    padding: 5px 7px;
    background-color: #000;
    line-height: 1.25;
    font-size: .9rem;
    font-weight: 700;
    color: #fff;
}

.header-text {
    color: #fff;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.25rem;
    max-width: 300px;
}

.header-search {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

.header-search svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: block;
}

.search-btn {
    fill: #fff;
}

.search-close-btn {
    visibility: hidden;
    opacity: 0;
    width: 30px;
    fill: #000 !important;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}

.search-close-btn.active {
    visibility: visible;
    opacity: 1;
}

.search-container ~ .active.search-close-btn {
    visibility: visible;
    opacity: 1;
}

.search-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #fff;
    z-index: 8;
    transform: translateY(-100%);
    transition: .3s cubic-bezier(.6, .17, .28, .92);
    -webkit-transition: .3s cubic-bezier(.6, .17, .28, .92);
}

.search-container.active {
    transform: translateY(0);
}

.search-top {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1140px;
    margin: 0 auto;
}

.search-top input {
    width: 100%;
    height: 70px;
    font-size: 1.6rem;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #1762e3;
    box-shadow: 0 2px 0 #1762e3;
    outline: none;
}

.search-top input:focus {
    box-shadow: none;
}

.home-centered {
    position: absolute;
    top: 20vh;
    left: 150px;
    right: 150px;
    height: 75%;
    z-index: 1;
}

.home-left {
    width: 55%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 3;
}

.home-left-link {
    display: block;
    color: #fff;
    transform: scale(.55);
    transform-origin: left center;
    margin: 1.5rem 0;
    line-height: 1.25;
    font-size: 2.8rem;
    font-weight: 400;
    cursor: pointer;
    transition: color .2s ease-in-out, font-size .35s ease-in-out, letter-spacing .35s ease-in-out,
    opacity .15s linear, transform .35s ease-in;
}

.home-left-link.active {
    transform: scale(1);
    letter-spacing: -1px;
}

.home-left-bottom {
    margin-top: auto;
    padding-top: 2rem;
    color: #fff;
    font-size: .9rem;
    line-height: 1.3;
    border-top: 1px solid #fff;
}

.home-right {
    position: absolute;
    width: 80%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    color: #fff;
    z-index: 2;
}

.home-right-slider {
    width: 30%;
    height: 100%;
    position: relative;
}

.home-right-top {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-20%);
    font-size: .9rem;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease-in-ot;
    transition-delay: .3s;
    -webkit-transition: .5s ease-in-out;
    -webkit-transition-delay: .3s;
}

.home-right-top.active {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.home-right-top .box {
    padding-top: 2rem;
    padding-bottom: 1rem;
    border-top: 1px solid #fff;
}

.home-right-top .box:first-child {
    padding-top: 1rem;
    border-top: none;
}

.home-right-top span {
    display: block;
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 1.25;
}

.home-product-btn {
    position: absolute;
    bottom: 0;
    min-width: 240px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 1.5rem;
    font-weight: 700;
    color: #fff;
    background-color: #1762e3;
    transition: background-color .35s ease-in-out, border-color .35s ease-in-out;
}

.home-product-btn:hover {
    background-color: #f7a500;
}

.home-product-btn svg {
    width: 25px;
    height: 25px;
    fill: #fff;
    transform: rotate(90deg);
}

.home-bg-dark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40%;
    background: radial-gradient(97.26% 61.89% at -50.35% 56.28%, #244da7 0, #122a54 100%);
}

.home-slider-btns {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(-50%);
    display: flex;
    z-index: 2;
}

.home-slider-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    padding: 1px 5px;
    background-color: #1762e3;
    cursor: pointer;
    transition: background-color .35s ease-in-out;
}

.home-slider-btn:hover {
    background-color: #f7a500;
}

.home-slider-btn svg {
    width: 15px;
    height: 20px;
    fill: #fff;
}

.home-slide {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 100%;
    height: 100%;
    max-width: 550px;
    max-height: 550px;
}

.slideImg {
    position: absolute;
    opacity: 0;
    transform: translate(70%, -50%);
    user-select: none;
    /*transition: all cubic-bezier(.67,0,.32,.96) .5s;*/
    /*-webkit-transition: all cubic-bezier(.67,0,.32,.96) .5s;*/
    transition: all cubic-bezier(.48, .23, .4, .9) .5s;
    -webkit-transition: all cubic-bezier(.48, .23, .4, .9) .5s;
}

.slideImgActive {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translate(0, 0);
    backface-visibility: hidden;
}

.slideImgNext {
    transition-delay: .3s;
    transform: translate(-50%, 30%);
    backface-visibility: visible;
}

.about-content {
    height: 95vh;
    margin-bottom: 8.5vh;
}

.right-top-bg {
    position: fixed;
    top: -56vh;
    right: -13vw;
    z-index: -1;
    width: 100vh;
    height: 100vh;
    background-color: #9aa1a70a;
    transform: matrix(1, 1, 0, -1, 0, 0);
}

.products-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.white-bg {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(100%, -100%) rotate(-60deg);
    transform-origin: center;
    width: 2500px;
    height: 2000px;
    background-color: #fff;
    z-index: 5;
    transition: .7s ease-in .3s;
    -webkit-transition: .7s ease-in .3s;
}

.white-bg.active {
    transform: translate(-10%, 0%) rotate(0deg);
}

.products-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 6;
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in-out;
}

.products-wrapper.active {
    visibility: visible;
    opacity: 1;
    transition: .2s ease-in-out .75s;
}

.products-wrapper header {
    z-index: 999;
}

.products-wrapper .logo svg {
    fill: #003796;
}

.products-wrapper .header-menu a {
    color: #abadae;
}

.products-wrapper .header-text {
    color: #abadae;
}

.products-wrapper .search-btn {
    fill: #000;
}

.products-wrapper .box p {
    max-width: 500px;
    margin-bottom: 30px;
}

.products-wrapper .box span {
    display: block;
    color: #abadae;
    font-weight: 400;
    line-height: 1.25;
    font-family: 'ITC Avant Garde Gothic Std', sans-serif;
}

.products-wrapper .box a {
    display: inline-block;
    margin-left: 30px;
    color: #000;
    font-weight: 400;
    font-size: 1.625rem;
    line-height: 1.25;
    letter-spacing: -.028rem;
}

.products-wrapper .box a:hover {
    color: #1762e3;
}

.about-company-center {
    display: flex;
    padding-top: 30vh;
    color: #fff;
}

.about-company-center .left {
    width: 50%;
}

.about-company-center .left h3 {
    font-weight: 400;
    font-size: 3.375rem;
    line-height: 1.25;
    letter-spacing: -.07rem;
}

.about-slider-container {
    /*display: flex;*/
    padding-top: 50px !important;
}

.about-slider-btns {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 50px;
    z-index: 1;
}

.slider-btn {
    position: unset !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 !important;
    background-color: #1762e3;
    transition: background-color .35s ease-in-out;
    -webkit-transition: background-color .35s ease-in-out;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.8;
}

.slider-btn:hover {
    background-color: #f7a500;
}

.slider-btn svg {
    width: 15px;
    height: 15px;
    fill: #fff;
}

.about-slider-title {
    display: block;
    margin-bottom: 1.1rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}

.about-slider span {
    display: block;
    margin-left: 120px;
}

.swiper-container span{
    margin-left: 120px;
    display: block;
}

.about-slider-container .swiper-slide {
    opacity: 0 !important;
    visibility: hidden !important;
}

.about-slider-container .swiper-slide-active {
    opacity: 1 !important;
    visibility: visible !important;
}

.model-viewer {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 558px;
}

.slot.poster {
    opacity: 0;
    transition: opacity 0.3s 0.3s;
    background-color: inherit;
}

.slot {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.model-viewer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: none;
}

.model-viewer:before {
    content: "";
    position: relative;
    display: block;
    box-sizing: border-box;
    padding-top: 91.7562724014%;
}

.about-model-viewer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale(0.5);
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity 1s, transform .6s;
    --poster-color: transparent;
    --progress-bar-color: transparent;
    --progress-mask: transparent;
}

.about-model-viewer.active {
    opacity: 1;
    transform: scale(1);
}

.about-company-bottom {
    display: flex;
    align-items: center;
}

.mouse-scroll-icon {
    width: 20px;
    height: 32px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 15px;
    cursor: pointer;
}

.mouse-scroll-icon span {
    display: block;
    width: 2px;
    height: 6px;
    margin: 2px auto 0;
    background-color: #fff;
    border-radius: 50%;
    animation: mouse-scrool-icon 1.6s ease infinite;
}

.about-company-bottom .menu {
    display: flex;
    margin-left: 4rem;
    padding: .5rem 0;
}

.about-company-bottom .menu a {
    margin-right: 2rem;
    color: #fff;
}

.about-company-bottom .menu a:hover {
    color: #1762e3;
}

.about-video {
    position: relative;
}

.about-video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    background-color: #fff;
    border-radius: 100%;
}

.about-video-play-icon svg {
    width: 18px;
    height: 24px;
}

.plus-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 30px;
    position: relative;
    display: block;
}

.plus-icon:before, .plus-icon:after {
    content: "";
    position: absolute;
    background-color: #003796;
}

.plus-icon:before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
}

.plus-icon:after {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
}

.about-card-wrapper {
    position: relative;
    cursor: pointer;
}

.about-card-text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 70%;
    padding: 2.3rem 2.75rem;
    color: #fff;
    font-weight: 400;
    font-size: 1.625rem;
    line-height: 1.25;
    letter-spacing: -.03rem;
}

.about-card-wrapper img {
    width: 100%;
    height: 100%;
}

.products-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 40% !important;
    padding: 1rem;
    color: #fff;
    background-color: #1762e3;
}

.products-btn:hover {
    background-color: #1353c0;
}

.about-slide {
    padding: 5rem 0;
    background: radial-gradient(46.99% 74.18% at 50.2% 50.14%, #6496ed 0, #346bcb 100%);
}

.about-slide .plus-icon:before, .about-slide .plus-icon:after {
    background-color: #fff;
}

.about-slide.slide2 .plus-icon:before, .about-slide.slide2 .plus-icon:after {
    background-color: #003796;
}

.about-slide .left {
    width: 40%;
}

.about-slide .right {
    width: 55%;
}

.about-slide-btns {
    border-bottom: 1px solid #d7d8d8;
    border-top: 1px solid #d7d8d8;
}

.about-slide-btns:nth-child(2) {
    border-top: none;
    border-bottom: none;
}

.about-slide-btns-top {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1.3rem 0;
    color: #fff;
    position: relative;
    cursor: pointer;
}

.about-slide-btns-top:before {
    content: "\f078";
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    color: #000;
    font-size: 20px;
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
}

.about-slide-btns-top span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 40px;
    margin-right: 20px;
    background-color: #000;
    color: #fff;
}

.about-slide-btns-top span:last-child {
    font-size: 18px;
    cursor: pointer;
}

.about-slide-open {
    padding: 20px 0;
    color: #fff;
    display: none;
}

.about-lists {
    display: flex;
    justify-content: space-between;
    max-width: 1020px;
    color: #fff;
}

.about-lists-left {
    flex: 0 0 50%;
}

.about-list-right {
    flex: 0 0 35%;
}

.about-lists-left ul li {
    font-size: 1rem;
    padding: 2rem 0 2rem 2.7rem;
    line-height: 1.5;
    border-top: 1px solid #d7d8d8;
    list-style-type: disc;
}

.about-lists-left ul li:last-child {
    border-bottom: 1px solid #d7d8d8;
}

.about-lists-left ul li::marker {
    font-size: 25px;
}

.about-list-right p {
    margin-bottom: .6rem;
    font-weight: 400;
    line-height: 1.25;
}

.about-bottom-links {
    padding: 7rem 0;
}

.about-link-box a {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 128px;
    color: #000;
    font-weight: 400;
    font-size: 26px;
    transition: .6s linear;
}

.about-link-box a:hover .link-blue-box {
    width: 100%;
}

.about-link-box a:hover svg {
    transform: rotate(0);
}

.link-visible {
    margin-left: 170px;
    margin-right: 45px;
    line-height: 1.25;
}

.link-blue-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 128px;
    height: 128px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    overflow: hidden;
    background-color: #1762e3;
    transition: .6s linear;
    -webkit-transition: .6s linear;
}

.about-link-box svg {
    position: absolute;
    top: 52px;
    left: 52px;
    width: 25px;
    fill: #fff;
    transform: rotate(-45deg);
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out;
}

.link-hover-visible {
    position: absolute;
    left: 168px;
    display: flex;
    align-items: center;
    min-width: 18.5vw;
    color: #fff;
    line-height: 1.25;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 150px 2rem;
}

.footer-container span {
    font-size: .75rem;
}

.footer-container .go-top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 30px;
    cursor: pointer;
}

.footer-container .go-top svg {
    width: 40px;
    height: 30px;
    fill: #000;
    transform: rotate(270deg);
}

@keyframes mouse-scrool-icon {
    from {
        transform: translateY(5px);
        opacity: 0;
        visibility: hidden;
    }

    to {
        transform: translateY(15px);
        opacity: 1;
        visibility: visible;
    }
}