.wrapper {display: flex;align-items: center;justify-content: center;width: 100%;height:35vw;}
.wrapper span,.wrapper h1{font-size:4vw;color:#333;font-weight:350;}
.static-part {display: inline;}
.dynamic-part {display: inline;}
.center-text{width: 65vw;}
.h-menu{display: flex;}
.h-menu > div{width: 33.33333333%;}
.h-menu ul{list-style: none;padding: 0;}
.h-menu ul li {display: block;line-height: 2.8;border-bottom: 1px dotted #000;width:88%;position: relative;}
.h-menu ul li:after {content: "❯";position: absolute;right: 0;font-size: 1vw;bottom: 0;}
.h-menu ul li:hover:after {color: #a8a8a8;}
.h-menu ul li:last-child {border-bottom: none;}
.cursor {display: inline-block;width: 10px;animation: blink 0.6s steps(1) infinite;}
@keyframes blink {0%, 50% {opacity: 1;}50.01%, 100% {opacity: 0;}}
.fon-tx{font-family:math;color:#0000001a;font-size:12vw;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;    user-select: none;margin-bottom: -6%;display:block}
.sld{display:flex}
.sld > div > p{margin: 0 0 0 26%;font-size: 1.5vw;padding-bottom: 5%;}
.sld > div > a{padding: 2% 5%;background-color: #000;color: #fff;display: block;border-radius: 10px;margin: 0 26%;}
.sld > div > a span {display: block;}
.sld > div > a span:nth-child(1){font-weight: 700;}
.sld > div > a span:nth-child(2){font-size: 0.8vw;display: inline-block;position: relative;}
.sld > div > a span:nth-child(2)::after{content: "";position: absolute;bottom:-4px;left: 0;width: 0;border-bottom: 1px dotted currentColor;transition: width 0.4s ease;}
.sld > div > a:hover span:nth-child(2)::after {width: 100%;}
.sld > div:nth-child(1){width:30%}
.sld > div:nth-child(2){width:70%}
.sld img{width:100%;height:auto;aspect-ratio: 43 / 55;}
.sld .itc-slider a p {opacity: 0;visibility: hidden;padding:3% 5%;background-color:#000;margin: 0 14%; color:#c0a97a;position: absolute;bottom: 4%;transition: opacity 0.5s ease, visibility 0.5s ease;border-radius: 10px;}
.sld .itc-slider .itc-slider-item:hover > a p {opacity: 1;visibility: visible;}
.itc-slider {position: relative;}
.itc-slider-wrapper {overflow: hidden;}
.itc-slider-items {display: flex;transition: transform 0.5s ease;will-change: transform;}
.itc-slider-transition-none {transition: none;}
.itc-slider-item {flex: 0 0 33%;user-select: none;will-change: transform;}
.itc-slider-btn {position: absolute;top: 50%;display: flex;justify-content: center;align-items: center;width: 40px;height: 50px;color: #fff;text-align: center;background: rgb(0 0 0 / 20%);border: none; transform: translateY(-50%);cursor: pointer;}
.itc-slider-btn-hide {display: none;}
.itc-slider-btn-prev {left: 0;}
.itc-slider-btn-next {right: 0;}
.itc-slider-btn:hover,.itc-slider-btn:focus {color: #fff;text-decoration: none;background: rgb(0 0 0 / 30%);outline: 0;}
.itc-slider-btn::before{content: "";display: inline-block;width: 20px;height: 20px;background: transparent no-repeat center center;background-size: 100% 100%;}
.itc-slider-btn-prev::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
.itc-slider-btn-next::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
.itc-slider-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 15;display: flex;justify-content: center;margin: 0 15%;padding-left: 0;list-style: none;}
.itc-slider-indicator {flex: 0 1 auto;box-sizing: content-box;width: 30px;height: 5px;margin-right: 3px;margin-left: 3px;text-indent: -999px;background-color: rgb(255 255 255 / 50%);background-clip: padding-box;border-top: 15px solid transparent;border-bottom: 15px solid transparent;cursor: pointer;}
.itc-slider-indicator-active {background-color: rgb(255 255 255 / 90%);}
.c-line {display: flex;align-items: center;justify-content: center;color: #333;margin: 3% 0;}
.c-line::before,.c-line::after {content: "";flex: 1;background:0 repeat-x url(data:image/svg+xml;utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2018%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolygon%20id%3D%22Combined-Shape%22%20fill%3D%22%23ebebeb%22%20points%3D%228.98762301%200%200%209.12771969%200%2014.519983%209%205.40479869%2018%2014.519983%2018%209.12771969%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E);background-size: auto 100%;margin:0 0.5%;height:0.5vw}
.clients{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.8vw;}
.clients img{border-radius: 26px;width:22%;filter: grayscale(1);transition: filter 0.3s ease, transform 0.3s ease;aspect-ratio: 2 / 1;}
.clients img:hover{transform: scale(1.05);filter: grayscale(0);}
@media (max-width: 767px) {
#animated-lines {height:42rem;width: 100%;}
#animated-lines path {stroke-width: 0.05;}
.center-text {width:80vw;height:34%;}
.wrapper {height:151vw;}
.wrapper span,.wrapper h1 {font-size:9.7vw;}
.fon-tx:not(.none),.c-line::before, .c-line::after{display:none;}
.h-menu > div {width: 80%;margin: 0 auto;}
.sld,.h-menu{flex-direction: column;}
.h-menu ul li:after{font-size: 4vw;}
.sld > div:nth-child(1),.sld > div:nth-child(2),.h-menu ul li{width: 100%;}
.itc-slider-item {flex: 0 0 100%;}
.sld > div > p {font-size: 5vw;margin: 0 10%;}
.sld > div > a{margin: 0 10%;}
.sld > div > a span:nth-child(2) {font-size: 3.6vw;}
.clients{gap: 3vw 3vw;}
.clients img{border-radius:14px;width:46vw;}
.sld .itc-slider .itc-slider-item > a p{opacity: 1;visibility: visible;}
}