body{

	background: #131417;
	font-family:'Geist', sans-serif;
	position: relative;
	margin: 0;
	padding: 0;
	min-width: 100%;
    padding-top:100px;
}

header{
    position:fixed;
    top:24px;
    left:24px;
    right:24px;
    z-index:999;

    width:auto;
    min-width:0;
    max-width:none;

    margin:0;

    display:flex;
    align-items:center;
    justify-content:space-between;

    transform:translateY(0);
    transition:
        transform .45s ease,
        opacity .45s ease;

    padding: 14px 16px 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #17191C;
    border: 1px solid #292C32;
    box-shadow: 0px 6px 10px 0px #090A0B40;
    border-radius: 20px;
}



header.header-hidden{
    transform:translateY(-130%);
    opacity:0;
}
.over_heder{
    position: absolute;
    width: 100%;
    height: 24px;
    top: -25px;
    background:#131417 
}
.logo{
	display: flex;
}
.menu{
	display: flex;
	align-items: center;
	gap: 32px;
	padding: 0px;
	margin: 0px;
}

.menu li{ list-style-type: none }
.menu-item a{
	font-weight: 500;
	font-style: Medium;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 160%;
	letter-spacing: 5%;
	vertical-align: bottom;
	color: #737B8C;
	text-decoration: none
}
.current-menu-item a, .menu-item a:hover, a.soc_menu:hover{
	color: #fff
}

.button_contact a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 24px;
    font-size:14px;
    font-weight:500;
    line-height:160%;
    letter-spacing:0.05em;
    text-decoration:none;

    color:#77A8CF;
    border:1px solid transparent;
    border-radius:10px;

    background:
        linear-gradient(#181C20,#181C20) padding-box,
        linear-gradient(
            90deg,
            #1B354B 0%,
            #77A8CF 48%,
            #77A8CF 52%,
            #1B354B 100%
        ) border-box;

    box-shadow:
        0 0 4px rgba(119,168,207,.2),
        0 6px 10px rgba(9,10,11,.25);

    transition: all .4s ease;
}
.button_contact a:hover{
    background:
        linear-gradient(#1C2126,#1C2126) padding-box,
        linear-gradient(
            90deg,
            #1B354B 0%,
            #77A8CF 30%,
            #77A8CF 70%,
            #1B354B 100%
        ) border-box;
    box-shadow: 0px 0px 4px 0px #77A8CF33;

}









.hero{
    position:relative;
    min-height:calc(100vh - 100px);
    overflow:hidden;
    padding: 0px 24px;
   /* min-width: 100%;*/
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

.stars{
    position:absolute;
    inset:0;
   
}
.stars::before{
    content:"";
    position:absolute;

    width:3px;
    height:3px;
    border-radius:100%;
   

    box-shadow:
    83px 26px rgba(255,255,255,.05),
    374px 39px rgba(255,255,255,.06),
    568px 22px rgba(255,255,255,.05),
    756px 83px rgba(255,255,255,.08),
    957px 46px rgba(255,255,255,.06),
    1150px 76px rgba(255,255,255,.07),
    1340px 31px rgba(255,255,255,.05),
    1588px 92px rgba(255,255,255,.09),

    184px 128px rgba(255,255,255,.10),
    497px 112px rgba(255,255,255,.08),
    682px 149px rgba(255,255,255,.12),
    871px 121px rgba(255,255,255,.09),
    1049px 165px rgba(255,255,255,.13),
    1286px 137px rgba(255,255,255,.10),
    1512px 156px rgba(255,255,255,.11),

    48px 236px rgba(255,255,255,.13),
    263px 218px rgba(255,255,255,.11),
    419px 278px rgba(255,255,255,.17),
    606px 241px rgba(255,255,255,.15),
    789px 303px rgba(255,255,255,.20),
    943px 257px rgba(255,255,255,.16),
    1137px 286px rgba(255,255,255,.19),
    1396px 224px rgba(255,255,255,.14),
    1609px 292px rgba(255,255,255,.18),

    121px 359px rgba(255,255,255,.20),
    337px 404px rgba(255,255,255,.25),
    522px 342px rgba(255,255,255,.22),
    701px 426px rgba(255,255,255,.30),
    861px 374px rgba(255,255,255,.27),
    1094px 419px rgba(255,255,255,.32),
    1269px 357px rgba(255,255,255,.24),
    1477px 438px rgba(255,255,255,.29),
    1662px 391px rgba(255,255,255,.26),

    71px 486px rgba(255,255,255,.28),
    219px 552px rgba(255,255,255,.35),
    398px 497px rgba(255,255,255,.31),
    573px 589px rgba(255,255,255,.43),
    742px 521px rgba(255,255,255,.38),
    918px 604px rgba(255,255,255,.47),
    1081px 532px rgba(255,255,255,.39),
    1247px 578px rgba(255,255,255,.44),
    1431px 509px rgba(255,255,255,.36),
    1634px 612px rgba(255,255,255,.48),

    36px 685px rgba(255,255,255,.42),
    156px 742px rgba(255,255,255,.54),
    294px 668px rgba(255,255,255,.46),
    447px 771px rgba(255,255,255,.61),
    613px 707px rgba(255,255,255,.52),
    784px 803px rgba(255,255,255,.68),
    936px 690px rgba(255,255,255,.49),
    1118px 765px rgba(255,255,255,.63),
    1293px 721px rgba(255,255,255,.56),
    1486px 792px rgba(255,255,255,.70),
    1668px 674px rgba(255,255,255,.47),

    92px 845px rgba(255,255,255,.58),
    241px 916px rgba(255,255,255,.75),
    369px 858px rgba(255,255,255,.66),
    521px 942px rgba(255,255,255,.86),
    695px 881px rgba(255,255,255,.74),
    836px 967px rgba(255,255,255,.92),
    1017px 839px rgba(255,255,255,.62),
    1176px 929px rgba(255,255,255,.83),
    1372px 872px rgba(255,255,255,.71),
    1539px 953px rgba(255,255,255,.95),

    173px 319px rgba(255,255,255,.15),
    459px 188px rgba(255,255,255,.09),
    639px 358px rgba(255,255,255,.24),
    812px 184px rgba(255,255,255,.12),
    1006px 331px rgba(255,255,255,.21),
    1218px 246px rgba(255,255,255,.15),
    1448px 334px rgba(255,255,255,.23),

    257px 481px rgba(255,255,255,.29),
    481px 632px rgba(255,255,255,.42),
    682px 548px rgba(255,255,255,.36),
    874px 651px rgba(255,255,255,.46),
    1036px 493px rgba(255,255,255,.34),
    1194px 639px rgba(255,255,255,.45),
    1378px 561px rgba(255,255,255,.39),
    1548px 650px rgba(255,255,255,.50),

    118px 931px rgba(255,255,255,.68),
    324px 785px rgba(255,255,255,.57),
    581px 849px rgba(255,255,255,.73),
    760px 738px rgba(255,255,255,.59),
    943px 918px rgba(255,255,255,.87),
    1126px 846px rgba(255,255,255,.76),
    1307px 958px rgba(255,255,255,.94),
    1472px 823px rgba(255,255,255,.69),
    1641px 899px rgba(255,255,255,.82),

    206px 63px rgba(255,255,255,.05),
    699px 64px rgba(255,255,255,.06),
    1225px 48px rgba(255,255,255,.05),
    1712px 122px rgba(255,255,255,.08),
    32px 558px rgba(255,255,255,.31),
    1710px 516px rgba(255,255,255,.33),
    66px 902px rgba(255,255,255,.61),
    1704px 804px rgba(255,255,255,.66),
    875px 718px rgba(255,255,255,.58),
    982px 742px rgba(255,255,255,.60);

}
.utp_line{
	min-width: 100%;
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.utp{
	max-width: 600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.utp h1{

	font-family: Sentient, serif;
	font-weight: 400;
	font-style: Roman;
	font-size: 56px;
	leading-trim: NONE;
	line-height: 125%;
	letter-spacing: 0%;
	text-align: center;
	color: #FFFFFF;
	padding: 0;
    margin: 0;
    padding-bottom: 20px;
}
.utp_desc{
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 160%;
	letter-spacing: 5%;
	text-align: center;
	color: #737B8C;
    max-width: 480px;
}
.hero-sphere{
    position:absolute;
    left:50%;
    bottom:-35vh;

    width:100vw;
    height:100vh;

    transform:translateX(-50%);
    pointer-events:none;
}

#sphere{
    width:100%;
    height:100%;
    display:block;
}





.two_block{
    border-top: 1px solid #292C32;
    box-shadow: rgb(19, 21, 23) 0px -20px 78px 98px;
    min-width: 100%;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}


.two_block__left{
    min-width: calc(50% - 160px);
    max-width: calc(50% - 160px);
    border-right: 1px solid #292C32;
    padding-left: 80px;
    padding-right: 80px;
    display: flex;
    align-items: center;
}
.two_block__center{
    min-width: calc(100% - 170px);
    max-width: calc(100% - 170px);
    border-left: 0px solid #292C32 !important;
    border-right: 0px solid #292C32 !important;
    padding-left: 80px;
    padding-right: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.two_block__center .two_block__left_content{
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.two_block__center .block_title, .two_block__center .tag{
    min-width: 100%;
    padding-bottom: 16px;
}
.two_block__center .block_text{
    font-family: Sentient;
    font-size: 24px;
    line-height: 125%;
    color: #fff;
    max-width: 720px;
        letter-spacing: 0%;
            margin: 0;
}

.three_block .two_block__left{
    border-left: 1px solid #292C32;
    border-right: 0px solid #292C32;
}
.two_block__left_content{
    min-width: 100%;

}
.two_block__right{
    width: 50%;
    max-width: 50%;
    margin: 69px 80px;
    min-height: 422px;
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.two_block__right_over, .two_block__right_img{
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.two_block__right_img{
    background-size: contain;
}

.tag{
    font-family:'Geist', sans-serif;
    font-weight:500;
    font-size:15px;
    line-height:155%;
    letter-spacing:0.07em;
    min-width: max-content;
    

    background: linear-gradient(
      90deg,
      #77A8CF 0%,
      #2B5578 15%,
      #77A8CF 30%,
      #2B5578 45%,
      #77A8CF 60%,
      #2B5578 75%,
      #77A8CF 90%,
      #77A8CF 100%
    );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;

    display:inline-block; /* важливо */
    background-size:200% auto;
    animation: shimmer 12s linear infinite;
}

@keyframes shimmer{
 from{
   background-position:0% center;
 }
 to{
   background-position:200% center;
 }
}

.block_title{
    padding-top: 16px;
    padding-bottom: 24px;
    font-family: Sentient;
    font-weight: 400;
    font-style: Regular;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 127%;
    letter-spacing: 0%;
    color: #fff;
    max-width: 450px;

}
.block_text{
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 5%;
    vertical-align: bottom;
    color: #737B8C;
    max-width: 470px;

}
.block_text p:first-child{
    padding-top: 0px;
    margin-top: 0px;
}

/*.two_block__right::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:1;

    background:
        radial-gradient(circle at 6% 16%, rgba(255,255,255,.18) 1px, transparent 2px),
        radial-gradient(circle at 11% 63%, rgba(255,255,255,.22) 1px, transparent 2px),
        radial-gradient(circle at 17% 37%, rgba(255,255,255,.28) 1px, transparent 2px),
        radial-gradient(circle at 23% 78%, rgba(255,255,255,.38) 1px, transparent 2px),

        radial-gradient(circle at 31% 25%, rgba(255,255,255,.55) 1px, transparent 2px),
        radial-gradient(circle at 37% 56%, rgba(255,255,255,.65) 1px, transparent 2px),
        radial-gradient(circle at 43% 18%, rgba(255,255,255,.78) 1px, transparent 2px),

        radial-gradient(circle at 48% 70%, rgba(255,255,255,.92) 1px, transparent 2px),
        radial-gradient(circle at 52% 42%, rgba(255,255,255,1) 1px, transparent 2px),
        radial-gradient(circle at 56% 30%, rgba(255,255,255,.95) 1px, transparent 2px),

        radial-gradient(circle at 61% 64%, rgba(255,255,255,.72) 1px, transparent 2px),
        radial-gradient(circle at 68% 22%, rgba(255,255,255,.46) 1px, transparent 2px),
        radial-gradient(circle at 76% 75%, rgba(255,255,255,.25) 1px, transparent 2px),
        radial-gradient(circle at 84% 49%, rgba(255,255,255,.12) 1px, transparent 2px),
        radial-gradient(circle at 91% 35%, rgba(255,255,255,.06) 1px, transparent 2px);

    filter: drop-shadow(0 0 3px rgba(119,168,207,.15));

    -webkit-mask-image: linear-gradient(
        90deg,
        rgba(0,0,0,.35) 0%,   
        rgba(0,0,0,.6) 18%,
        rgba(0,0,0,.88) 38%,
        #000 50%,
        rgba(0,0,0,.9) 58%,
        rgba(0,0,0,.45) 76%,
        rgba(0,0,0,.12) 90%,
        transparent 100%
    );

    mask-image: linear-gradient(
        90deg,
        rgba(0,0,0,.35) 0%,
        rgba(0,0,0,.6) 18%,
        rgba(0,0,0,.88) 38%,
        #000 50%,
        rgba(0,0,0,.9) 58%,
        rgba(0,0,0,.45) 76%,
        rgba(0,0,0,.12) 90%,
        transparent 100%
    );
}*/

.two_block_about__right_star{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.two_block_about__right:hover .two_block_about__right_star, .two_block_about__right.active .two_block_about__right_star{
    display: block;
}

/*.two_block_about__right:hover .two_block_about__right_star::before, .two_block_about__right.active .two_block_about__right_star::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:1;

    background:
        radial-gradient(circle at 6% 16%, rgba(255,255,255,.18) 1px, transparent 2px),
        radial-gradient(circle at 11% 63%, rgba(255,255,255,.22) 1px, transparent 2px),
        radial-gradient(circle at 17% 37%, rgba(255,255,255,.28) 1px, transparent 2px),
        radial-gradient(circle at 23% 78%, rgba(255,255,255,.38) 1px, transparent 2px),

        radial-gradient(circle at 31% 25%, rgba(255,255,255,.55) 1px, transparent 2px),
        radial-gradient(circle at 37% 56%, rgba(255,255,255,.65) 1px, transparent 2px),
        radial-gradient(circle at 43% 18%, rgba(255,255,255,.78) 1px, transparent 2px),

        radial-gradient(circle at 48% 70%, rgba(255,255,255,.92) 1px, transparent 2px),
        radial-gradient(circle at 52% 42%, rgba(255,255,255,1) 1px, transparent 2px),
        radial-gradient(circle at 56% 30%, rgba(255,255,255,.95) 1px, transparent 2px),

        radial-gradient(circle at 61% 64%, rgba(255,255,255,.72) 1px, transparent 2px),
        radial-gradient(circle at 68% 22%, rgba(255,255,255,.46) 1px, transparent 2px),
        radial-gradient(circle at 76% 75%, rgba(255,255,255,.25) 1px, transparent 2px),
        radial-gradient(circle at 84% 49%, rgba(255,255,255,.12) 1px, transparent 2px),
        radial-gradient(circle at 91% 35%, rgba(255,255,255,.06) 1px, transparent 2px);

    filter: drop-shadow(0 0 3px rgba(119,168,207,.15));

    -webkit-mask-image: linear-gradient(
        90deg,
        rgba(0,0,0,.35) 0%,  
        rgba(0,0,0,.6) 18%,
        rgba(0,0,0,.88) 38%,
        #000 50%,
        rgba(0,0,0,.9) 58%,
        rgba(0,0,0,.45) 76%,
        rgba(0,0,0,.12) 90%,
        transparent 100%
    );

    mask-image: linear-gradient(
        90deg,
        rgba(0,0,0,.35) 0%,
        rgba(0,0,0,.6) 18%,
        rgba(0,0,0,.88) 38%,
        #000 50%,
        rgba(0,0,0,.9) 58%,
        rgba(0,0,0,.45) 76%,
        rgba(0,0,0,.12) 90%,
        transparent 100%
    );
}*/


.block_right_text{
    position: absolute;
    top: calc(50% - 40px);
    left: 70%;
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 5%;
    max-width: 160px;
    color: #fff
}


.block_left_text{
    position:relative;
    overflow:hidden;

    padding:32px 72px;
    border-radius:16px;

    background:rgba(13, 16, 20, .62);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.18);

    box-shadow:
        0 20px 60px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.12);

    color:#fff;
    text-align:center;

    font-family: Geist;
    font-weight: 500;
    font-style: Medium;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 5%;
    text-align: center;
    max-width: calc(374px - 144px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

}
.block_left_text::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:1px;
    pointer-events:none;

    background:linear-gradient(
        135deg,
        rgba(255,255,255,.42),
        rgba(255,255,255,.08) 40%,
        rgba(255,255,255,.22) 100%
    );

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
}
.block_left_text::after{
    content:"";
    position:absolute;
    top:0;
    left:10%;
    right:10%;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );
}


.reveal-item{
    opacity:0;
    transform:translateY(40px);
    transition:
        opacity .8s ease,
        transform .8s ease;
}

.reveal.is-visible .reveal-item{
    opacity:1;
    transform:translateY(0);
}

.reveal.is-visible .reveal-item:nth-child(1){
    transition-delay:.05s;
}

.reveal.is-visible .reveal-item:nth-child(2){
    transition-delay:.18s;
}

.reveal.is-visible .reveal-item:nth-child(3){
    transition-delay:.31s;
}


footer{
    border-top: 1px solid #292C32;
    min-width: calc(100% - 160px);
    padding:  56px 80px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.coop{
    margin-top: 38px;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 5%;
    color: #737B8C

}
.footer_menu_block{
    display: flex;
    align-items: flex-start;
    gap: 112px;
}
footer .logo img{
    min-width: 157px
}
footer .menu{
    display: block;
}
footer .menu li{
    margin-bottom: 15px;
}
footer .menu li:last-child{
    margin-bottom: 0px;
}
.soc_menu{
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 5%;
    color: #737B8C;
    margin-bottom: 16px;
    display: inline-block;
    min-width: 100%;
}







.two_block_about{
    min-width: 100%;
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 80px;
}

.two_block_about__right{
    width: 50%;
    max-width: 50%;
    padding: 100px 200px;
    min-height: 212px;
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.three_block_about{
    width: 50%;
    max-width: 50%;
    padding: 0px 80px;
    min-height: 332px;
    
}
.three_block_about__left{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.two_block_about__right:first-child{
    border-right: 1px solid #292C32;
}

.two_block_about__right:hover::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:1;

    background:
        radial-gradient(circle at 6% 16%, rgba(255,255,255,.18) 1px, transparent 2px),
        radial-gradient(circle at 11% 63%, rgba(255,255,255,.22) 1px, transparent 2px),
        radial-gradient(circle at 17% 37%, rgba(255,255,255,.28) 1px, transparent 2px),
        radial-gradient(circle at 23% 78%, rgba(255,255,255,.38) 1px, transparent 2px),

        radial-gradient(circle at 31% 25%, rgba(255,255,255,.55) 1px, transparent 2px),
        radial-gradient(circle at 37% 56%, rgba(255,255,255,.65) 1px, transparent 2px),
        radial-gradient(circle at 43% 18%, rgba(255,255,255,.78) 1px, transparent 2px),

        radial-gradient(circle at 48% 70%, rgba(255,255,255,.92) 1px, transparent 2px),
        radial-gradient(circle at 52% 42%, rgba(255,255,255,1) 1px, transparent 2px),
        radial-gradient(circle at 56% 30%, rgba(255,255,255,.95) 1px, transparent 2px),

        radial-gradient(circle at 61% 64%, rgba(255,255,255,.72) 1px, transparent 2px),
        radial-gradient(circle at 68% 22%, rgba(255,255,255,.46) 1px, transparent 2px),
        radial-gradient(circle at 76% 75%, rgba(255,255,255,.25) 1px, transparent 2px),
        radial-gradient(circle at 84% 49%, rgba(255,255,255,.12) 1px, transparent 2px),
        radial-gradient(circle at 91% 35%, rgba(255,255,255,.06) 1px, transparent 2px);

    filter: drop-shadow(0 0 3px rgba(119,168,207,.15));

    -webkit-mask-image: linear-gradient(
        90deg,
        rgba(0,0,0,.35) 0%,   /* зліва тепер не майже invisible */
        rgba(0,0,0,.6) 18%,
        rgba(0,0,0,.88) 38%,
        #000 50%,
        rgba(0,0,0,.9) 58%,
        rgba(0,0,0,.45) 76%,
        rgba(0,0,0,.12) 90%,
        transparent 100%
    );

    mask-image: linear-gradient(
        90deg,
        rgba(0,0,0,.35) 0%,
        rgba(0,0,0,.6) 18%,
        rgba(0,0,0,.88) 38%,
        #000 50%,
        rgba(0,0,0,.9) 58%,
        rgba(0,0,0,.45) 76%,
        rgba(0,0,0,.12) 90%,
        transparent 100%
    );
}


.two_block_about__title{
    font-weight: 500;
    font-size: 80px;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    color: #393C42;
    min-width: 100%;
    transition:1s ease;
}
.two_block_about__subtitle{
    font-family: Sentient;
    font-weight: 400;
    font-style: Italic;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: #393C42;
    margin-bottom: 40px;
    transition:1s ease;
}
.two_block_about__text{
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 5%;
    text-align: center;
    color: #393C42;
    transition:1s ease;
}


.two_block_about__right:hover .two_block_about__title, .two_block_about__right:hover .two_block_about__subtitle{
    color: #FFFFFF;
}
.two_block_about__right:hover .two_block_about__text{
    color: #737B8C
}

.two_block_about__right{
    position:relative;
    overflow:hidden;
}

.two_block_about__right::after{
    content:"";
    position:absolute;
    top:50%;
    width:150px;
    height:412px;
    opacity:0;
    pointer-events:none;
    z-index:1;

    transform:translateY(-50%);
    transition:opacity .35s ease;

    filter:blur(10px);
}

/* LEFT card: дуга біля правого краю */
.two_block_about__right:first-child::after{
    content:"";
    position:absolute;

    top:50%;
    right:-70px;

    width:155px;
    height:412px;

    transform:translateY(-50%);
    opacity:0;
    pointer-events:none;
    z-index:1;



    background:

    radial-gradient(
    ellipse 150px 220px at right center,
    rgba(255,255,255, 1) 0%,
    rgba(255,255,255,.94) 42%,
    rgba(255,255,255, .5) 52%,
    transparent 100%
    );
  



    filter:blur(18px);
    transition:opacity 1s ease;
}
/* RIGHT card: дуга біля лівого краю */
.two_block_about__right:last-child::after{
    content:"";
    position:absolute;

    top:50%;
    left:-70px;

    width:155px;
    height:412px;

    transform:translateY(-50%);
    opacity:0;
    pointer-events:none;
    z-index:1;
   

    background:

    radial-gradient(
    ellipse 150px 220px at left center,
    rgba(255,255,255, 1) 0%,
    rgba(255,255,255,.94) 42%,
    rgba(255,255,255, .5) 52%,
    transparent 100%
    );

    filter:blur(18px);
    transition:opacity 1s ease;
}

.two_block_about__right:first-child:hover::before{
    content:"";
    position:absolute;


    left: calc(100% - 2px);
    width: 4px;
    height: 100%;
    z-index: 3;
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .48) 12%, rgba(255, 255, 255, .55) 30%, rgba(255, 255, 255, .95) 50%, rgba(255, 255, 255, .55) 70%, rgba(255, 255, 255, .48) 88%, transparent 100%);

    box-shadow:
    0 0 6px rgba(255,255,255,.22),
    0 0 14px rgba(255,255,255,.08);
}

.two_block_about__right:last-child:hover::before{
    content:"";
    position:absolute;

    bottom:12%;
    left:0;

    width: 3px;
    height: 100%;
    z-index: 3;
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .48) 12%, rgba(255, 255, 255, .55) 30%, rgba(255, 255, 255, .95) 50%, rgba(255, 255, 255, .55) 70%, rgba(255, 255, 255, .48) 88%, transparent 100%);


    box-shadow:
    0 0 6px rgba(255,255,255,.22),
    0 0 14px rgba(255,255,255,.08);
}


.two_block_about__right.active:first-child::before{
    content:"";
    position:absolute;
    bottom:0%;

    left: calc(100% - 2px);
    width: 4px;
    height: 100%;
    z-index: 3;
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .48) 12%, rgba(255, 255, 255, .55) 30%, rgba(255, 255, 255, .95) 50%, rgba(255, 255, 255, .55) 70%, rgba(255, 255, 255, .48) 88%, transparent 100%);

   /* box-shadow:
    0 0 6px rgba(255,255,255,.22),
    0 0 14px rgba(255,255,255,.08);*/
    transition:opacity 1s ease;



}

.two_block_about__right.active:last-child::before{
    content:"";
    position:absolute;

    bottom:0%;
    left:0;

    width: 1px;
    height: 100%;
    z-index: 3;
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .48) 12%, rgba(255, 255, 255, .55) 30%, rgba(255, 255, 255, .95) 50%, rgba(255, 255, 255, .55) 70%, rgba(255, 255, 255, .48) 88%, transparent 100%);


    /*box-shadow:
    0 0 6px rgba(255,255,255,.22),
    0 0 14px rgba(255,255,255,.08);*/
    transition:opacity 1s ease;
}


.two_block_about__right:hover::after{
    opacity:1;
}
.two_block_about__right.active::after{
    opacity:1;
}

.two_block_about__right.active .two_block_about__title, .two_block_about__right.active .two_block_about__subtitle{
    color: #FFFFFF;
}



.list_partners{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 80px;
    padding-left: 80px;
    min-width: calc(100% - 160px);
    border-top: 1px solid #292C32;
}

.block_pa{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}
.title_list{
    font-family: Sentient;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0%;
    color: #fff;
    margin-bottom: 4px;
}
.text_list{
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 5%;
    vertical-align: bottom;
    color: #737B8C;
    max-width: 260px;
}
.title_text{
    text-align: center;
}

.inquiries{
    position:relative;
    padding:80px 24px;
    overflow:hidden;
    background:#131417;
    background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

.inquiries__card{
    position:relative;
    z-index:2;

    max-width:600px;
    margin:0 auto;
    padding:24px 32px;

    border-radius:24px;
    border: 1px solid #292C32;
    background:#17191C;

    box-shadow:
        0 24px 70px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.inquiries__card h2{
        margin: 0 0 16px;

    font-family: Sentient;
    font-weight: 400;
    font-style: Regular;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 127%;
    letter-spacing: 0%;

    color:#fff;
}

.inquiries__form{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.inquiries__form label{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.inquiries__form span{
    font-family: Geist;
    font-weight: 500;
    font-style: Medium;
    font-size: 11px;
    leading-trim: NONE;
    line-height: 160%;
    letter-spacing: 5%;
    vertical-align: middle;

    color:#fff;
}

.inquiries__form input{
    width:100%;
    height:44px;
    box-sizing:border-box;

    padding:0 16px;

    border-radius:10px;
    border:1px solid #292C32;
    background:#17191C;

    font-family: Geist;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 160%;
    letter-spacing: 5%;
    vertical-align: middle;

    color:#fff;

    outline:none;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.inquiries__form input::placeholder{
    color:#737B8C;
}

.inquiries__form input:focus{
    border: 1px solid #77A8CF;
    background:#181C20;
}
.inquiries__form input:hover{
    background: #1E2024;
    border: 1px solid var(--Stroke-Primary, #292C32)
}
.inquiries__form input:focus:hover{
    border: 1px solid #77A8CF;
    background:#181C20;
}

.inquiries__form input:-webkit-autofill,
.inquiries__form input:-webkit-autofill:hover,
.inquiries__form input:-webkit-autofill:focus,
.inquiries__form textarea:-webkit-autofill,
.inquiries__form textarea:-webkit-autofill:hover,
.inquiries__form textarea:-webkit-autofill:focus {

    -webkit-text-fill-color: #fff !important;

    -webkit-box-shadow: 0 0 0px 1000px #17191C inset !important;
    box-shadow: 0 0 0px 1000px #17191C inset !important;

    border: 1px solid #292C32 !important;

    transition: background-color 999999s ease-in-out 0s;

    caret-color: #fff;
}

.buton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 24px;
    font-size:14px;
    font-weight:500;
    line-height:160%;
    letter-spacing:0.05em;
    margin-top: 8px;
    text-decoration:none;
    cursor: pointer;
    color:#77A8CF;
    border:1px solid transparent;
    border-radius:10px;

    background:
        linear-gradient(#181C20,#181C20) padding-box,
        linear-gradient(
            90deg,
            #1B354B 0%,
            #77A8CF 35%,
            #77A8CF 65%,
            #1B354B 100%
        ) border-box;

    box-shadow:
        0 0 4px rgba(119,168,207,.2),
        0 6px 10px rgba(9,10,11,.25);

    transition:.3s ease;
}

.buton:hover{
    background:
        linear-gradient(#1C2126,#1C2126) padding-box,
        linear-gradient(
            90deg,
            #1B354B 0%,
            #77A8CF 15%,
            #77A8CF 85%,
            #1B354B 100%
        ) border-box;
    box-shadow: 0px 0px 4px 0px #77A8CF33;
}




.success-popup{
    position:fixed;
    inset:0;
    z-index:9999;

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:.35s ease;
}

.success-popup.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.success-popup__overlay{
    position:absolute;
    inset:0;
    background:rgba(7,9,12,.72);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.success-popup__card{
    position:relative;
    z-index:2;

    width:min(450px, calc(100% - 48px));
    padding:48px 40px 40px;

    border-radius:16px;
    border:1px solid #292C32;
    background:rgba(19,21,23,.96);

    box-shadow:
        0 24px 80px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.06);

    text-align:center;

    transform:translateY(20px) scale(.96);
    transition:.35s ease;
}

.success-popup.is-active .success-popup__card{
    transform:translateY(0) scale(1);
}

.success-popup__icon{
    margin:0 auto 28px;
    font-size:54px;
    line-height:1;
    color:#fff;
    text-shadow:0 0 18px rgba(255,255,255,.45);
}

.success-popup__card h3{
    margin:0 0 12px;

    font-family: Sentient;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;

    color:#fff;
}

.success-popup__card p{
    max-width:330px;
    margin:0 auto 32px;

    font-family: Geist;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 160%;
    letter-spacing: 5%;
    text-align: center;
    vertical-align: bottom;

    color:#737B8C;
}





.but_success{
    width:100%;
}



.two_block_about__right.active .two_block_about__title,
.two_block_about__right.active .two_block_about__subtitle{
    color:#FFFFFF;
}

.two_block_about__right.active .two_block_about__text{
    color:#737B8C;
}





 .two_block__left_content{
   
    position: relative;

}









.block_right_text, .moby_menu{
    display: none
}

.coop-mob{
    display: none
}
@media(max-width: 900px){

    .moby_menu{
        display: block;
        max-height: 40px;
        position: relative;
        top: -5px;
        left: 15px;
    }
    body{
        padding-top:88px;
    }

    header{
        top:16px;
        left:16px;
        min-width:calc(100% - 75px);
        max-width:calc(100% - 75px);
        z-index: 99999;
        border-radius: 14px;
        padding: 10px 16px 10px 24px;
    }
    .over_heder{
        top: -25px;
        left: 0;
    }
	.hero{
    	min-width: calc(100% - 48px);
        
	}
    .mob-hero{
        pointer-events: none;
    }
    .menu, .button_contact{
        display: none
    }

    .two_block__left, .two_block__right{
        min-width: calc(100% - 48px);
        max-width: calc(100% - 48px);
        padding-left: 16px;
        padding-right: 16px;
        border-right: 0px solid #292C32;
    }
    .two_block__right{
        margin: 56px 0px;
        margin-bottom: 0;

    }
    .f_right_img{
        /*margin: 0px 0px;*/
        padding: 0;
        min-width: 100%;
    }
    .f_right_img .two_block__right_over, .f_right_img .two_block__right_img{
        width: calc(100%);
        left: 0px;
    }
    .two_block__left_content{
        text-align: center;
        position: relative;
        z-index: 9999
    }

    .two_block__right_over, .two_block__right_img{
        width: calc(100% - 32px);
        left: 16px;
    }

    .three_block .two_block__right{
        order: 1;
        min-width: calc(100% - 32px);
    }
    .three_block .two_block__left{
        order: 0;
    }
    .utp_line{
        margin-top: 48px;
    }
    .utp h1{
        font-weight: 400;
        font-size: 32px;
    }
    .tag{
        font-size: 14px;
    }
    .block_title{
        font-weight: 400;
        font-size: 26px;
        padding-bottom: 16px;
        padding-top: 8px;
    }

    .coop{
        display: none
    }

    .two_block_about__right{
        width: 100%;
        max-width: 100%;
        padding: 0px;
        padding-top: 81px;
    }

    .two_block_about__right:first-child{
        border-right: 0px solid #292C32;
        padding-top: 0px;
    }
    .two_block_about__right:first-child:hover::before{
        left: 0;
        top: calc(100% - 4px);
        width: 100%;
        height: 4px;
    }
    .two_block_about__right.active:first-child::before{
        left: 0;
        top: calc(100% - 4px);
        width: 100%;
        height: 4px;
    }

    .two_block_about__title{
        font-size: 36px
    }
    .two_block_about__subtitle{
        font-size: 14px;
        margin-bottom: 24px
    }
   /* .two_block_about__right:first-child::after{
        display: none
    }
    .two_block_about__right:last-child:hover::before{
        display: none
    }
    .two_block_about__right:last-child::after{
        display: none
    }*/

    .list_partners{
        padding-right: 16px;
        padding-left: 16px;
        min-width: calc(100% - 32px);
        padding-top: 56px;
    padding-bottom: 56px;   
    }
    .block_pa{
        margin-bottom: 40px;
        min-width: 100%;
    }
    .title_text{
        min-width: 100%
    }
    .text_list{
        max-width: 100%;
    }
    .three_block_about {
        width: 100%;
        max-width: 100%;
        padding: 0px 16px;
        min-height: 332px;
            order: 1;
    }
    .two_block{
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .inquiries__card{
        position: relative;
        z-index: 2;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
        border-radius: 24px;
        border: 0px solid #292C32;
        background: none;
        box-shadow: none;
    }

    footer, .two_block, .footer_menu_block, .two_block_about, .list_partners{
        flex-wrap: wrap;

    }
    footer{
        min-width: calc(100% - 32px);
        padding: 32px 16px;
        padding-bottom: 16px;
    }
    .footer_menu{
        margin-top: 34px;
                min-width: 100%;
    }
    .footer_menu_block{
        gap: 24px;
    }
    .block_left_text{
        left: 16px;
        padding: 24px 60px;
    }



    .two_block_about__right::after{
        width:100%;
        height:55px;
        left:0;
        right:auto;
        top:auto;
        transform:none;
        filter:blur(18px);
    }

    .two_block_about__right:first-child::after{
        display: block;
        left: 50%;
        top: calc(100% - 50px);
        transform: translateX(-50%);
        background: radial-gradient(ellipse 120px 65px at center bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .74) 42%, rgba(255, 255, 255, .95) 92%, transparent 100%);
        height: 90px;
        width: 100%;
    }

    .two_block_about__right:last-child::after{
        display: block;
        left: 50%;
        top: -40px;
        transform: translateX(-50%);
        background: radial-gradient(ellipse 120px 65px at center top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .74) 42%, rgba(255, 255, 255, .95) 92%, transparent 100%);
        height: stretch;
        width: 100%;
    }

    .two_block_about__right:first-child:hover::before,
    .two_block_about__right.active:first-child::before{
        left:0;
        top:calc(100% - 2px);
        width:100%;
        height:4px;

        background:linear-gradient(
          90deg,
          transparent 0%,
          rgba(255,255,255,.48) 12%,
          rgba(255,255,255,.55) 30%,
          rgba(255,255,255,.95) 50%,
          rgba(255,255,255,.55) 70%,
          rgba(255,255,255,.48) 88%,
          transparent 100%
        );
    }

    .two_block_about__right:last-child:hover::before,
    .two_block_about__right.active:last-child::before{
        display:block;
        left:0;
        top:0;
        width:100%;
        height:2px;

        background:linear-gradient(
          90deg,
          transparent 0%,
          rgba(255,255,255,.48) 12%,
          rgba(255,255,255,.55) 30%,
          rgba(255,255,255,.95) 50%,
          rgba(255,255,255,.55) 70%,
          rgba(255,255,255,.48) 88%,
          transparent 100%
        );
    }
    
    footer .menu li{
        border-bottom: 0px solid #292C32;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .coop-mob{
        display: block;
        padding: 16px;
        font-family: Geist;
        font-weight: 400;
        font-style: Regular;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 150%;
        letter-spacing: 5%;
        vertical-align: bottom;
        border-top: 1px solid #292C32;
        color: #737B8C;
        min-width: calc(100% - 32px);
    }

    .two_block_about__right{
        /*pointer-events: none;*/
    }
    .inquiries{
        padding: 40px 16px;
        background: none;
                background-image: none !important;
    }
    .buton{
        padding: 10px 24px;
    }
    .success-popup{
        max-width: calc(100% - 32px);
        left: 16px;

    }
    .success-popup__card{
        padding: 24px;
    }
}


.close_menu{
    display:none;
}
.mobile_menu_popup{
    display: none
}

.inquiries__form textarea{
    width:100%;

    height:46px;
    min-height:46px;

    box-sizing:border-box;

    padding:12px 16px;

    border-radius:10px;
    border:1px solid #292C32;
    background:#17191C;

    font-family:Geist;
    font-weight:400;
    font-size:14px;
    line-height:22px;
    letter-spacing:5%;

    color:#fff;

    resize:none;
    overflow:hidden;
    outline:none;

    transition:
        border-color .25s ease,
        background .25s ease;
}

.inquiries__form textarea::placeholder{
    color:#737B8C;
}

.inquiries__form textarea:focus{
    border:1px solid #77A8CF;
    background:#181C20;
}

.inquiries__form textarea:hover{
    background:#1E2024;
    border:1px solid #292C32;
}

@media(max-width:900px){
    .inquiries__form textarea{
        min-height:72px;
        height:72px;
    }
}


@media(max-width:900px){
    header.menu-open .open_menu{
        display:none;
    }

    header.menu-open .close_menu{
        display:block;
    }
    header.menu-open {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .mobile_menu_popup{
        position:absolute;
        top:calc(100% - 0px);
        left: -1px;
        right: 0;
        min-width: calc(100% - 32px);
        display: block;
        padding:16px;
        padding-top: 0px;
        border-radius:16px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border:1px solid #292C32;
        background:#17191C;
        box-shadow:0 16px 40px rgba(9,10,11,.35);

        opacity:0;
        visibility:hidden;
        transform:translateY(-14px);
        pointer-events:none;

        transition:
            opacity .35s ease,
            transform .35s ease,
            visibility .35s ease;
    }
    .menu-item a{
        min-width: 100%;
        display: inline-block;
    }
    header.menu-open .mobile_menu_popup{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        pointer-events:auto;
    }
    .menu li{
        padding-top: 16px;
        padding-bottom: 16px;
        min-width: 100%;
        border-bottom: 1px solid #292C32;
    }
   

    .mobile_menu_popup .menu,
    .mobile_menu_links .menu{
        display:flex;
        flex-direction:column;
        gap:0;
        align-items:flex-start;
        margin:0 0 16px;
    }

    .mobile_menu_popup .button_contact{
        display:block;
        width:100%;
    }

    .mobile_menu_popup .button_contact a{
        width:100%;
        box-sizing:border-box;
    }

    .two_block_about__right:last-child::after{
        backdrop-filter: none;
    }
    .two_block__center .block_text{
        font-size: 18px;
        line-height: 130%;
    }
}