body {font-family: var(--font);padding:0;margin:0;font-size: 18px;line-height: 1.2;color: var(--c-black);-webkit-font-smoothing: antialiased;}
input, textarea, button {border-radius: 0;-webkit-appearance:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
nav ul{list-style: none;padding: 0;margin: 0;}
::selection {color: var(--c-white);background: var(--c-blue);}
::-moz-selection {color: var(--c-white);background: var(--c-blue);}
::-webkit-scrollbar{background:var(--c-blue);width:10px;}
::-webkit-scrollbar-thumb{background: var(--c-grey);}
*:not(.slick-track,.slick-list,.selectbox-dropdown,.swiper,.swiper *), *:before, *:after{transition: all .4s;}
a {text-decoration:none;outline: none;color: #4284fc;}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:40px;}
h2{font-size:20px;}
h3{font-size:14px;}
p{margin:0;}
/*--grid classes---*/
.row {display: flex;flex-wrap: wrap;}
.row-reverse {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.flex-row-center{display: flex;justify-content: center;}

.hide-mobile{display:flex;}
.hide-desktop{display:none;}
/*colors*/
 
/*bg colors*/
.bg-blue{background-color: var(--c-blue);}
.bg-img-settings{background-repeat: no-repeat;background-size: cover;background-position: center;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.to-right-auto{margin-left: auto;}
.to-left-auto{margin-right: auto;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-m{font-weight:500;}
.t-l{font-weight:300;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-upper{text-transform: uppercase;}

.bg-blue{background-color: var(--c-blue);}
.grid-two-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.swiper-slide{width: auto;height: auto;}
.hide{display:none;}
.grid {width: 100%;margin: 0 auto;max-width: var(--grid);}
.grid-wide {width: 100%;margin: 0 auto;max-width: var(--grid-wide);}
.grid-narrow {width: 100%;margin: 0 auto;max-width: var(--grid-narrow);}
/*---animation calsses---*/
.anim-target{/*a dummy class to target element in DOM*/}
.anim-general-transition{transition-property: transform,opacity;transition-timing-function: cubic-bezier(.175,.885,.32,1.175);transition-duration: 0.75s;}
.anim-delay-100{transition-delay: .1s;}
.anim-delay-200{transition-delay: .2s;}
.anim-delay-300{transition-delay: .3s;}
.anim-delay-400{transition-delay: .4s;}
.anim-delay-500{transition-delay: .5s;}
.anim-delay-600{transition-delay: .6s;}
.anim-delay-700{transition-delay: .7s;}
.anim-delay-800{transition-delay: .8s;}
.anim-delay-900{transition-delay: .9s;}
.anim-delay-1000{transition-delay: 1s;}
.anim-from-left{transform: translate(-20%,0);opacity: 0;}
.anim-from-right{transform: translate(20%,0);opacity: 0;}
.anim-from-top{transform: translate(0,-20%);opacity: 0;}
.anim-from-bottom{transform: translate(0,35%);opacity: 0;}
.anim-flip-y{transform: perspective(2500px) rotateY(-100deg);opacity: 0;}
.anim-to-zero{transform: translate(0,0);opacity: 1;}
.flip-to-zero{transform:perspective(2500px) rotateY(0);opacity: 1;}
/*--header--*/
.blue-curtain:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: var(--c-blue); z-index: 9; transition: all 2s ease; }
.hp-top-items.blue-curtain.close-curtain  .row { position: relative; z-index: 9; }
.header.blue-curtain.close-curtain .row {z-index: 9;}
.header-menu-wrapper {max-width: 100%;width: 100%;height: 100%;position: fixed;inset-inline-start: 0;z-index: 0;background-color: var(--c-blue);top: var(--header-height);clip-path: inset(0 0 100% 0);transition: all 1s cubic-bezier(.175,.885,.32,1.275);}
.header,.header.scroll {height: var(--header-height);position: sticky;background-color: var(--c-white);}
.header-nav { flex-direction: column; } 
.header-nav>li:last-child {margin: 0;height: auto;}
.header-humburger {width: 100%;background-color: var(--orange);height: 3px;display: flex;} 
.header-nav>li a {display: inline-flex;width: fit-content;font-size: 60px;font-style: normal;font-weight: 600;line-height: 100%;color: var(--c-grey);text-transform: uppercase;} 
.header {position: sticky;top: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);background-color: transparent;}
.menu-top-menu-container {width: 100%;}
.header-logo-wrapper {max-width: 335px;width: 100%;margin-inline-end: auto;display: flex;align-items: center;}
.header.blue-curtain .header-logo.black { display: none; } 
.header.blue-curtain .header-logo.white { position: relative; z-index: 10; display: block;} 
.header.blue-curtain .header-humburger { background-color: var(--c-white); position: relative; z-index: 10; } 
.header.close-curtain .header-logo.black { display: block; } 
.header.close-curtain .header-logo.white { display: none; }
.blue-curtain.close-curtain:before {background-color: transparent;z-index: -1;} .header.blue-curtain.close-curtain .header-humburger { background-color: var(--c-black); }
.header-logo {max-width: 100%;}
.header-nav {display: flex;align-items: center;height: fit-content;width: 100%;margin-block: 60px;gap: 30px;max-width: fit-content;margin-inline: auto;align-items: flex-start;}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;display: flex;flex-direction: column;align-items: flex-start;}
.header-nav>li.current_page_item a { text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 4px; }
.header.menu-open { background-color: var(--c-blue); }
.header.menu-open .header-logo.white { display: block; }
.header.menu-open .header-logo.black { display: none; }
.header.blue-curtain.close-curtain.menu-open .header-humburger,.header.menu-open .header-humburger { background-color: var(--c-white); }
.header-nav>li:hover>a,.header-nav .sub-menu li:hover>a,.header-nav>li.current-menu-item>a {color: var(--c-white);}
.header-nav>li>.sub-menu {display: flex;flex-wrap: wrap;gap: 20px;max-height: 0;overflow: hidden;padding-block-start: 0;}
.header-nav>li.menu-item-has-children:hover > .sub-menu {max-height: 45px;padding-block-start: 20px;}
.header-nav>li:hover:before {transform: rotate(-180deg);}
.header .header-nav>li>.sub-menu>li:not(:last-child):after {content: "\007C";color: var(--c-white);font-weight: 600;font-size: 24px;position: absolute;inset-inline-end: -13px;inset-block-start: -4px;}
.header .header-nav>li>.sub-menu>li { position: relative;}
.header-nav>li:before {content: "\002B";font-size: 60px;color: var(--c-white);position: absolute;inset-inline-end: -40px;inset-block-start: -5px;}
.header-nav>li .sub-menu a {font-size: 20px;}
/*--humburger anim--*/
.header-humburger-wrapper {width: 154px;height: 15px;display: flex;align-self: center;flex-direction: column;align-items: flex-end;justify-content: space-between;margin-inline-end: 0;padding: 0;background: transparent;border: none;cursor: pointer;z-index: 9;}
.header-humburger {width: 100%;background-color: var(--c-black);height: 5px;display: flex;} 
.header-menu-wrapper.open {clip-path: inset(0 0 0 0);}
.header-humburger.line1,.header-humburger.line3 {transform: translateY(0) rotate(0);}
.header-humburger.line1.open {animation: huburger-line1-open .5s forwards;}
.header-humburger.line1.close {animation: huburger-line1-close .5s forwards;}
.header-humburger.line3.open {animation: huburger-line3-open .5s forwards;}
.header-humburger.line3.close {animation: huburger-line3-close .5s forwards;}
@keyframes huburger-line1-open{
    0%{transform: translateY(0) rotate(0);}
    100%{transform: translateY(6px) rotate(45deg);width:50px;}
}
@keyframes huburger-line1-close{
    0%{transform: translateY(6px) rotate(45deg);width:50px;}
    100%{transform: translateY(0) rotate(0);}
}
@keyframes huburger-line3-open{
    0%{transform: translateY(0) rotate(0);}
    100%{transform: translateY(-5px) rotate(-45deg);width:50px;}
}
@keyframes huburger-line3-close{
    0%{transform: translateY(-5px) rotate(-45deg);width:50px;}
    100%{transform: translateY(0) rotate(0);}
}
/**banner--*/
.banner { position: fixed; width: 100%; height: 100px; background-color: var(--c-grey); inset-block-end: 0; display: flex; align-items: center; justify-content: center; gap: 50px; transform: translateY(100%); z-index: 99;}
.banner h4 { margin: 0; text-transform: uppercase; }
.banner-close span {line-height: 0.8;transform: rotate(45deg);}
.banner-close { font-size: 25px; font-weight: bold; cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: absolute; inset-inline-end: 0; inset-block-start: 0; }
.banner.show { transform: translateY(0); }
/*--hp--*/
.hp-top-item {aspect-ratio: 1;object-fit: cover;object-position: center;position: relative;overflow: hidden;display: flex;justify-content: center;}
.hp-top-item span,.hp-top-item a { color: var(--c-white); position: relative; }
.hp-top-item.link .item-wrapper {display: flex;flex-direction: column;justify-content: center;}
.hp-top-item span {font-size: 20px;font-weight: 700;}
.hp-top-item a {font-size: 40px;text-transform: capitalize;font-weight: 600;}
.hp-top-item.right { border-end-end-radius: 50%; border-start-end-radius: 50%; }
.hp-top-item.top { border-start-start-radius: 50%; border-start-end-radius: 50%; }
.hp-top-item.bottom { border-end-end-radius: 50%; border-end-start-radius: 50%; }
.hp-top-item:not(.link):not(.round):hover:before{ background-color: transparent; }
.hp-top-item.round {border-radius: 50%;position: relative;z-index: 10;}
.hp-top-item:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: var(--c-blue); }
.hp-top-items .row { gap: 5px; }
.hp-top-item-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
.hp-top-items {display: flex;flex-direction: column;gap: 5px;position: relative;background-color: transparent;}
.hp-top-item.link a:before {content: "\002B";font-size: 45px;color: var(--c-white); position: absolute; inset-inline-end: -30px;}
.hp-top-item.link:hover a:before {transform: rotate(90deg);}
.hp-top-item.link:hover a {text-decoration: underline;text-decoration-thickness: from-font;text-underline-offset: 5px;}
.hp-top-item.left { border-start-start-radius: 50%; border-end-start-radius: 50%; }
.hp-top-item.round img {position: relative;animation: rotate 15s linear infinite;}
@keyframes rotate {
    from{transform:rotate(0);}
    to{transform:rotate(360deg);}
}
.hp-products-row {display: grid;grid-template-columns: repeat(5, 1fr);gap: 5px;}
.hp-product { --hover-height: 85px; display: flex; flex-direction: column; height: 930px; overflow: hidden;}
.hp-product .text-wrapper .product-icon { max-width: 45px; }
.hp-product.last:hover .product-icon { transform: rotate(-45deg); }
.hp-product.last:hover .text-wrapper  h3 { transform: translate3d(-5px, 0px, 20px); color: var(--c-white); }
.hp-product.last:hover .product-plus { transform: rotate(90deg); }
.hp-product .product-plus:hover { transform: rotate(90deg); }
.hp-video { position: relative; width: 100%; height: 920px; display: flex; justify-content: center; }
.hp-video video { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; inset-block-start: 0; }
.hp-video h2 { color: var(--c-white); position: absolute; font-size: 93px; z-index: 1; opacity: 1; text-align: center; inset-block-end: 25%; margin: 0; }
.hp-video img { position: absolute; z-index: 2; inset: 0; margin: auto; cursor: pointer; }
.hp-video .vid-pause,.hp-video.active .vid-play { opacity: 0; }
.hp-video .vid-play { opacity: 1; z-index: 3; }
.hp-video.active:hover .vid-pause { opacity: 1; z-index: 3; }
.hp-video.active  h2 { opacity: 0; inset-block-end: 45%; }
.hp-product.last:hover { background-color: var(--c-blue); } 
.hp-product.last:hover .product-icon { filter: invert(1); } 
.hp-product.last:hover span { color: var(--c-white); }
blockquote { max-width: 100%; font-size: 60px; font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -3px; margin-inline: auto; position: relative; }
.hp-quote { padding-block: 250px; }
blockquote:before,
blockquote:after  { content: ""; position: absolute; background: url(/wp-content/uploads/quote.svg) center / contain no-repeat; width: 74px; height: 90px; }
blockquote:before  { inset-block-start: -120px; inset-inline-start: -120px; }
blockquote:after { transform: rotate(180deg); inset-block-end: -120px; inset-inline-end: -120px; }
.product-plus { width: 15px; height: 15px; margin-block: 15px; color: var(--c-white); font-size: 25px; font-weight: 500; align-items: center; justify-content: center; display: flex; }
.hp-product .text-wrapper { height: 100%; display: flex; justify-content: flex-end; flex-direction: column; background: linear-gradient(180deg, rgba(15, 32, 87, 0.00) 67.42%, rgba(15, 32, 87, 0.90) 88.83%); background-blend-mode: multiply; padding-inline: 20px; }
.hp-product.last .text-wrapper { background: transparent; }
.hp-product.last .text-wrapper h3 { color: var(--c-black); }
.hp-product.last .product-plus { color: var(--c-black); margin-block-start: 0; margin-block-end: 60px; }
.hp-product h3 { min-height: 50px;font-size: 20px; text-transform: uppercase; color: var(--c-white); margin-block: 15px; }
.product-index { font-size: 40px; color: var(--c-white); font-weight: bold; }
.hp-product:not(.last) .text-wrapper { transform: translate3d(0, 130px, 20px); }
.hp-product:not(.last):hover .text-wrapper { transform: translate3d(0, 0, 20px); }
.hp-product .text {min-height: var(--hover-height);color: var(--c-white);}
.hp-publications-row {display: grid;grid-template-columns: repeat(5, 1fr); gap: 5px;}
.hp-publication {aspect-ratio: 5/5;position: relative;overflow: hidden;}
.hp-publications.hide-mobile { display: block; }
.text-two-cols .text-wrapper { display: flex; }
.hp-publications { padding-block-end: 165px; }
.hp-publication.last { color: var(--c-black); }
.publications-lobby { padding-block: 100px; }
.publications-single-main { margin-block-start: 100px; }
.publications-lobby .title { margin-block-end: 80px; }
.hp-publication.last:hover { background-color: var(--c-blue); } 
.hp-publication.last:hover .product-icon { filter: invert(1); } 
.hp-publication.last:hover .text-wrapper h3 { color: var(--c-white); } 
.hp-publication.last:hover .publication-plus { color: var(--c-white); }
.hp-publication .text-wrapper { height: 100%; display: flex; justify-content: flex-end; flex-direction: column; padding-inline: 20px; transform: translate3d(0px, 40px, 20px); }
.product-icon { align-self: flex-start; }
.hp-publication:hover .text-wrapper { transform: translate3d(0px, 0, 20px); }
.hp-publication:not(.last) .text-wrapper {background: linear-gradient(180deg, rgba(15, 32, 87, 0.00) 37.42%, rgba(15, 32, 87, 0.90) 57.83%);}
.hp-publication:not(.last) .text-wrapper h3 { color: var(--c-white); }
.hp-publication .text-wrapper h3 {font-size: 18px;font-weight: 700;line-height: normal;max-width: 100%;}
.bottom-form { margin-block-end: 185px; } 
.bottom-form .form-fields p { display: flex; gap: 33px; } 
.bottom-form .form-fields .wpcf7-form-control-wrap { max-width: 220px; width: 100%; display: flex; flex-direction: column;} 
.bottom-form form h3 { font-size: 40px; margin-block-end: 25px; font-weight: 600; }
.bottom-form .form-fields .wpcf7-form-control-wrap input,.bottom-form .form-fields .wpcf7-form-control-wrap select {width: 100%;font-size: 16px;font-style: normal;line-height: normal;padding-block: 24px;border-radius: 40px;padding-inline: 32px;font-weight: 500;border: 2px solid var(--c-grey);background-color: var(--c-grey);font-family: inherit;} 
.bottom-form .form-fields .wpcf7-form-control-wrap input:focus, .bottom-form .form-fields .wpcf7-form-control-wrap select:focus { background-color: transparent; border-color: var(--c-grey); outline: 0; }
.bottom-form .form-fields input[type="submit"] {max-width: 130px;width: 100%;max-height:71px; display: flex;border: none;background-color: var(--c-blue);color: var(--c-white);font-family: inherit;font-size: 18px;font-weight: 600;cursor: pointer;border-radius: 40px;border: 1px solid var(--c-blue);}
.bottom-form .form-fields input[type="submit"]:hover { color: var(--c-blue); background-color: var(--c-white); }
.text-two-cols h1,.text-two-cols h2 {font-size: 86px;max-width: 50%;text-transform: uppercase;line-height: 1;margin-inline-end: 39px;font-weight: 600;}
.text-two-cols { padding-block: 250px; }   
.text-two-cols .text {columns: 2;column-gap: 59px;}
.circle-link {display: flex;width: 75px;height: 75px;background-color: var(--c-blue);border-radius: 50%;align-items: center;justify-content: center;font-size: 50px;color: var(--c-white);margin-inline-start: auto;margin-inline-end: 280px;margin-block-start: 20px;border: 1px solid var(--c-blue);}
.circle-link:hover {background-color: transparent;color: var(--c-blue);transform: rotate(180deg);}
/*--publications single--*/
.publication-meta { display: flex; }
.publications-lobby .hp-publication:not(.last) .text-wrapper { background: linear-gradient(180deg, rgba(15, 32, 87, 0.00) 57.42%, rgba(15, 32, 87, 0.90) 87.83%); }
.publications-single-main .text-wrapper, .publications-single-main .img-wrapper {max-width: calc(50% - 50px);width: 100%;}
.publications-single-main .img-wrapper img {max-width: 100%;height: auto;}
.publications-single-main .row { gap: 50px; justify-content: space-between; }
.publications-single-main h1 { font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; margin-block-end: 30px; }
.publications-single-main .text { max-width: 85%; margin-block: 30px; }
.download-btn { display: flex; padding: 12px 15px; justify-content: center; align-items: center; gap: 10px; max-width: fit-content; background-color: var(--c-blue); font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; color: var(--c-white); border-radius: 22px; border: 2px solid var(--c-blue); }
.download-btn:hover { background-color: var(--c-white); color: var(--c-blue); }
.download-btn:hover img { filter: invert(1); }
 .publications-single-main + .more-posts h2 { color: var(--c-blue); margin-block-end: 60px; }
/*--about--*/
.about-top.text-section .text { columns: 0; gap: 0; display: flex; flex-direction: column; }
.about-qa .title { color: var(--c-white); }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {inset-block-end: 0;inset-block-start: auto;} 
.swiper-pagination-bullet { width: 10px; height: 10px; background: transparent; border: 2px solid var(--c-blue); opacity: 1; } 
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--c-blue); }
.about-slider .swiper { padding-block-end: 50px; }
.about-top { margin-block-start: 170px; margin-block-end: 70px; }
.text-section .text-wrapper { display: flex; gap: 15px; }
.about-slider .swiper-slide > img { height: 514px; }
.about-top .title{ min-width: 385px; }
.title {font-size: 86px; font-style: normal; font-weight: 600; line-height: 100%; text-transform: uppercase; }
.qa-row:last-child:after,.qa-row:before{content: "";position: absolute;width: 100%;height: 2px;background-color: var(--c-white);} 
.qa-row:before {inset-block-start: 0;}
.qa-row:last-child:after{inset-block-end:0;}
.about-qa {padding-block:150px;margin-block-end: 75px;margin-block-start: 165px;} .about-qa .text-wrapper {display: flex;gap: 60px;} 
.about-qa .about-title { color: var(--c-white); }
.qa-title h4{color:var(--c-white);margin: 0;display: flex;align-items: center;margin-inline-end: auto;font-size: 20px;font-style: normal;font-weight: 700;} 
.qa-text-wrapper { display: flex; flex-direction: column; overflow: hidden;   max-height: var(--qa-max-height, 0); } 
.qa-title {display: flex;cursor: pointer;} 
.qa-plus-wrapper {display: flex;width: 15px;height: 15px;position: relative;align-items: center;justify-content: center;align-self: center;} 
.plus-line {display: flex;position: absolute;width: 3px;height: 100%;background-color: var(--c-white);transform-origin: 0;inset: 0;margin: auto;} 
.plus-line:last-child {transform: rotate(90deg) translate(-1px, -1px);} 
.qa-row.active .plus-line:first-child { height: 2px; transform: translateY(1px); }
.qa-row {display: flex;width: 100%;flex-direction: column;padding-block: 25px;position: relative;} 
.qa-text {padding-block-start: 50px;font-size: 17px;line-height: 24px;color: var(--c-white);max-width: 93%;} 
/*--team--*/
.team-lobby-top.text-section .text-wrapper { gap: 0; }
.team-lobby-top.text-section .text-wrapper .title { margin-inline-end: 130px; }
.team-lobby-top.text-section { padding-block-start: 150px; padding-block-end: 100px; }
.team-member-image { width: 100%; height: 100%; object-fit: cover; } 
.team-member-wrapper.top .team-member-image,
.team-member-wrapper.top,
.team-member-wrapper.top .team-member { border-start-start-radius: 50%; border-start-end-radius: 50%; }
.team-member-wrapper.bottom .team-member-image,
.team-member-wrapper.bottom,
.team-member-wrapper.bottom .team-member {border-end-end-radius: 50%;border-end-start-radius: 50%; }
.team-member-wrapper.left .team-member-image,
.team-member-wrapper.left,
.team-member-wrapper.left .team-member {border-start-start-radius: 50%;border-end-start-radius: 50%; }
.team-member-wrapper.right .team-member-image,
.team-member-wrapper.right,
.team-member-wrapper.right .team-member {border-end-end-radius: 50%;border-start-end-radius: 50%; }
.team-member-wrapper { aspect-ratio: 1; position: relative; overflow: hidden; }
.team-member-wrapper .text-wrapper {position: absolute;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(15, 32, 87, 0.00) 2.24%, rgba(15, 32, 87, 0.90) 69.57%);inset: 0;display: flex;flex-direction: column;justify-content: flex-end;text-align: center;color: var(--c-white);transform: translateY(120px);}
.team-member-wrapper:hover .text-wrapper .circle-btn {margin-block-end: 100px;}
.grid-five-items { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
.team-lobby-main .grid-five-items { margin-block-end: 180px; }
.team-lobby-main h2 { font-size: 40px; font-style: normal; font-weight: 600; }
.text-section .text { columns: 2; gap: 85px; }
.team-member-wrapper .circle-btn:hover { background-color: var(--c-white); color: var(--c-blue); }
.team-member-wrapper.image-placeholder { background-color: var(--c-blue); }
.circle-btn {width: 50px;height: 50px;border-radius: 50%;border: 3px solid var(--c-white);margin-inline: auto;display: flex;justify-content: center;align-items: center;font-size: 35px;font-weight: 500;margin-block-start: 20px;color: var(--c-white);}
.team-member-name { font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; margin-block-end: 40px; }
.team-member-wrapper .text-wrapper span { font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }
.team-member-wrapper:hover .text-wrapper h3{ margin-block-end:0; }
.team-member-wrapper:hover .text-wrapper { transform: translateY(0); }
.swiper-slide > img {width: 100%;height: 380px;object-fit: cover;}
/*--team inner--*/
.team-inner-top .wrapper { display: flex; }
.team-inner-top { margin-block: 100px; }
.team-inner-top .text-wrapper {margin-inline-end: 60px;max-width: 66%;width: 100%;}
.team-inner-top  .img-wrapper { max-width: 33%; width: 100%; } 
.team-inner-top .img-wrapper img { width: 100%; height: 525px; object-fit: cover; object-position: top; }
.team-inner-top .text { line-height: normal; }
.team-inner-top .text-wrapper > span { display: flex; margin-block-end: 30px; font-weight: bold; text-transform: uppercase; }
.team-inner-top h1 { margin-block-end: 45px; font-size: 86px; font-style: normal; font-weight: 600; line-height: 100%; text-transform: uppercase; }
.small-title { font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; }
.team-inner.links {display: grid;grid-template-columns: 62% 33%;gap: 60px;margin-block-start: 30px;}
.team-inner-top .social-item { background-color: var(--c-blue); border-radius: 50%; border: 1px solid var(--c-blue); }
.team-inner-top .social-item:hover svg path{fill: var(--c-blue);}
.team-inner-top .social-item:hover { background-color: var(--c-white); }
.prizes-wrapper.two-cols-text { width: 100%; }
.read-more-btn { cursor: pointer; text-decoration: underline; display: inline-flex; margin-block-start: 10px; }
.team-inner-top .text.read-more {  max-height: var(--read-more-height, 530px); overflow: hidden; }
.links ul { padding: 0; list-style: none; margin: 0; }
.links ul li a { color: var(--c-blue); font-style: normal; font-weight: 400; }
.links ul li a:hover { text-decoration: underline; }
.links ul li { margin-block-end: 15px; display: flex; gap: 15px; }
.team-inner-main { display: flex; gap: 5px; max-width: 1920px; margin-inline: auto; margin-block: 60px;} 
.team-inner-main .gallery-title{background-color: var(--c-blue); color: var(--c-white);}
.team-inner-main .swiper-horizontal>.swiper-pagination-bullets,.team-inner-main .swiper-pagination-bullets.swiper-pagination-horizontal,.team-inner-main .swiper-pagination-custom, .swiper-pagination-fraction { text-align: start; } .team-inner-main .swiper { padding-block-end: 50px; }
.gallery-title {max-width: 380px;height: 380px;width: 100%;display: flex;text-align: center;align-items: center;justify-content: center;} 
.gallery-title h3 { max-width: 70%;font-size: 40px;font-style: normal;font-weight: 600;text-transform: uppercase;width: fit-content;white-space: break-spaces;text-align: start;margin-block-end: 0;}
/*--research--*/

.load-more-indicator.download-btn {
    margin-inline: auto;
    margin-block-end: 75px;
    pointer-events: none;
}
.load-more-indicator.error {
    text-align: center;
    margin-block-end: 75px;
    color: red;
}
.research-image {max-width: 40%;width: 100%;}
.research-image img {width: 100%;object-fit: cover;height: 100%;}
.research-lobby { padding-block-start: 100px; }
.research-lobby .title { margin-block-end: 80px; text-align: center; }
.research-post { display: flex; max-height: 417px; overflow: hidden; }
.research-posts-wrapper { display: flex; flex-direction: column; gap: 5px; margin-block-end: 75px; }
.research-post h2 { font-size: 40px; font-style: normal; font-weight: 600; line-height: normal; margin-block-end: 35px; }
.research-post .text {font-style: normal;font-weight: 400;line-height: normal;}
.research-texts {max-width: calc(60% - 90px);width: 100%;background-color: var(--c-grey);padding: 45px;display: flex;flex-direction: column;}
.research-texts .circle-link {margin-inline-start: auto;margin-inline-end: 0;margin-block-start: auto;}
.more-posts .medium-title { color: var(--c-blue); }
/*--research inner--*/
.research-single-top { margin-block-start: 50px; margin-block-end: 40px;}
.research-single-top .text { columns: 2; gap: 50px; font-weight: 400; line-height: normal; }
.research-single-slider .swiper-slide img { width: 100%; height: 475px; object-fit: cover; aspect-ratio: auto;}
.research-single-slider .swiper-horizontal>.swiper-pagination-bullets, .research-single-slider .swiper-pagination-bullets.swiper-pagination-horizontal, .research-single-slider .swiper-pagination-custom, .research-single-slider .swiper-pagination-fraction{ inset-block-start: auto; inset-block-end: 0; }
.team-list {display: flex;align-items: center;--team-person-margin: -30px;}
.research-single-main .small-title {color: var(--c-white);margin-block-end: 35px;} 
.medium-title { font-size: 40px; font-style: normal; font-weight: 600; color: var(--c-white);line-height: normal; margin-block-end: 45px; } 
.research-single-main {padding-block: 35px;margin-block-start: 50px;}
.more-posts-wrapper { display: flex; gap: 5px; }
.more-posts-wrapper .research-post { max-width: 50%; width: 100%; }
.more-posts { margin-block: 90px; }
.team-list a,.team-list img {width: 95px;height: 95px;border-radius: 50%;object-fit: cover;object-position: top;}
.research-single-main .links ul li a { color: var(--c-white); }
.funding-wrapper,.cooperation-wrapper  {max-width: 47%;color:var(--c-white)}
.two-cols-text ol, .two-cols-text ul { line-height: normal; padding-inline-start: 25px; display: grid; grid-template-columns: repeat(2, 2fr); gap: 20px 100px; color: var(--c-white); }
.two-cols-text ol a,.two-cols-text ul a { color: var(--c-white); text-decoration: underline; }
.research-single-main .links ul li img { filter: invert(1) brightness(2); }
.team-list a:nth-child(2) { transform: translateX(calc(var(--team-person-margin) * 1)); }
.team-list a:nth-child(3) { transform: translateX(calc(var(--team-person-margin) * 2)); }
.team-list a:nth-child(4) { transform: translateX(calc(var(--team-person-margin) * 3)); }
.team-list a:nth-child(5) { transform: translateX(calc(var(--team-person-margin) * 4)); }
.team-list a:nth-child(6) { transform: translateX(calc(var(--team-person-margin) * 5)); }
.team-list a:nth-child(7) { transform: translateX(calc(var(--team-person-margin) * 6)); }
.team-list a:nth-child(8) { transform: translateX(calc(var(--team-person-margin) * 7)); }
.team-list a:nth-child(9) { transform: translateX(calc(var(--team-person-margin) * 8)); }
.team-list a:nth-child(10) { transform: translateX(calc(var(--team-person-margin) * 9)); }
.team-list a:nth-child(11) { transform: translateX(calc(var(--team-person-margin) * 10)); }
.team-list a:nth-child(12) { transform: translateX(calc(var(--team-person-margin) * 11)); }
.team-list a:nth-child(13) { transform: translateX(calc(var(--team-person-margin) * 12)); }
.team-list a:nth-child(14) { transform: translateX(calc(var(--team-person-margin) * 13)); }
.team-list a:nth-child(15) { transform: translateX(calc(var(--team-person-margin) * 14)); }
.team-list a:nth-child(16) { transform: translateX(calc(var(--team-person-margin) * 15)); }
.team-list a:nth-child(17) { transform: translateX(calc(var(--team-person-margin) * 16)); }
.team-list a:nth-child(18) { transform: translateX(calc(var(--team-person-margin) * 17)); }
.team-list a:nth-child(19) { transform: translateX(calc(var(--team-person-margin) * 18)); }
.team-list a:nth-child(20) { transform: translateX(calc(var(--team-person-margin) * 19)); }
.team-list a:nth-child(21) { transform: translateX(calc(var(--team-person-margin) * 20)); }
.team-list a:nth-child(22) { transform: translateX(calc(var(--team-person-margin) * 21)); }
.team-list a:hover{z-index:2;}
.research-single-slider .swiper {padding-block-end: 80px;margin-block-start: 50px;}
.research-single-slider .swiper-slide { width: auto; }
.rows-wrapper { display: flex; flex-direction: column; gap: 50px; }
.rows-wrapper .row { justify-content: space-between; gap: 30px;}
.publications-wrapper { max-width: 46%; width: 100%; }
/*--pagination--*/
.pagination {display: flex;width: 100%;justify-content: center;margin-block-start: 20px;margin-block-end: 40px;}
.page-numbers {width: 40px;height: 40px;display: flex;justify-content: center;position: relative;font-size: 18px;font-style: normal;font-weight: 700;align-items: center;background-color: transparent;color: var(--c-blue);border-radius: 50%;}
.resources-pagination {width: 100%;margin-block-start: 86px;}
.prev.page-numbers:before {content: "";position: absolute;background: url(/wp-content/uploads/arrow-left.svg) no-repeat;width: 20px;height: 20px;inset-inline-start: -50px;}
.prev.page-numbers {margin-inline-end: 25px;width: 35px;background-color: transparent;}
.next.page-numbers {position: relative;background-color: transparent;}
.page-numbers.current {background-color: var(--c-blue);color: var(--c-white);opacity: 1;}
.blog-text > .row {margin-block-end: 20px;}
.next.page-numbers:before {content: "";position: absolute;background: url(/wp-content/uploads/arrow-right.svg) no-repeat;width: 20px;height: 20px;inset-inline-end: -35px;}
/*--materials--*/
.materials-single-top:before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(91deg, rgba(255, 255, 255, 0.60) 28.5%, rgba(255, 255, 255, 0.00) 65.76%); }
.materials-main .swiper { padding-block-end: 50px; }
.materials-single-top.hero-image .grid-wide {position: relative;z-index: 1;}
.materials-lobby-top.text-section .text-wrapper { flex-direction: column; }
.materials-main .hp-products-row {width: 100%;grid-template-columns: repeat(4, 1fr);}
.materials-main .hp-product:not(.last) .text-wrapper { transform: translate3d(0, 45px, 20px); }
.materials-lobby-top {margin-block-start: 100px;}
.hero-image { height: 600px; position: relative;}
.materials-main .swiper-slide .text-wrapper { position: absolute; inset: 0; width: calc(100% - 40px); height: 100%; background: linear-gradient(180deg, rgba(15, 32, 87, 0.00) 54.63%, rgba(15, 32, 87, 0.90) 88.83%); display: flex; align-items: flex-end; padding-inline: 20px; }
.materials-main .swiper-slide { position: relative; }
.materials-main .swiper-slide .text-wrapper h3 { position: relative; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; color: var(--c-white); } 
.hero-image h1 {margin: 0;padding-block: 75px;}
.hero-image .text { max-width: 600px; }
.materials-main { display: flex; gap: 5px; max-width: 1920px; margin-inline: auto; }
.materials-main { margin-block: 120px; }
.materials-main .hp-product:hover:not(.last) .text-wrapper { transform: translate3d(0, 0, 20px); }
/*--news--*/
.news-lobby { padding-block: 100px; }
.news-post .attachment-post-thumbnail { max-height: 65px; width: auto; }
.news-lobby .title { margin-block-end: 80px; }
.news-texts { height: 100%; display: flex; align-items: flex-start; flex-direction: column; }
.news-post .text { margin-block-start: 30px; }
.news-post .circle-link {margin-inline-end: 0;margin-block-start: auto;}
.news-post {background-color: var(--c-grey);height: 245px;padding: 40px;}
/*--contact--*/
#gmap { width: 100%; height: 815px; }
.single-page-map iframe {
    min-height: 815px;
}
.contact-main { margin-block: 100px; }
.contact-main .title { margin-block-end: 180px; }
.form-wrapper { display: flex; flex-direction: column; max-width: 58%; width: 100%; margin-inline-end: auto; }
.inf-wrapper { max-width: 35%; width: 100%; }
.contact-main .three-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-block-end: 10px; }
.contact-form-field input {width: 100%;border: 2px solid var(--c-blue);padding: 24px;border-radius: 40px;font-family: inherit;font-size: inherit;}
.contact-main .medium-title { color: var(--c-blue); }
.contact-main .two-items { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; }
.contact-form-field input::placeholder { color: var(--c-blue); font-weight: 400; }
.contact-inf { display: flex; flex-direction: column; gap: 20px; }
.inf-row { display: flex; align-items: center; gap: 20px; }
.single-page-map { margin-block-end: 100px; }
.bottom-form .form-fields p br,.wpcf7-spinner { display: none; }
.contact-form-field input[type="submit"] { background-color: var(--c-blue); color: var(--c-white); font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; cursor: pointer; }
.contact-form-field input[type="submit"]:hover { background-color: transparent; color: var(--c-blue); }
.inf-text a { color: inherit; }
.inf-text a:hover { text-decoration: underline; }
.thanks { display: flex; flex-direction: column; height: 100vh; justify-content: center; align-items: center; }
.thanks p { margin-block-end: 20px; }
.page-404 h1 { display: flex; gap: 5px; }
.page-404 { height: 100vh; display: flex; align-items: center; text-align: center; }
.page-404 .medium-title { color: var(--c-blue); margin-block: 30px; }
.page-404 .download-btn { margin-inline: auto; margin-block-start: 40px; }
/*---footer--*/
.footer-logo {margin-inline-end: 40px;max-width: 300px;}
.socials {display: flex;height: fit-content;gap: 10px;align-self: center;margin-inline-start: auto;margin-block-start: 30px;}
.social-icon { width: 39px; height: 39px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.socials.footer .social-icon:hover svg path { fill: var(--c-black); }
.socials.footer .social-icon:hover { background-color: var(--c-white); }
.socials.footer .social-icon { background-color: var(--c-black); border: 1px solid var(--c-black); }
#menu-footer-menu {display: grid;grid-template-columns: repeat(4, auto);gap: 25px;}
#menu-footer-menu li a { color: var(--c-black); }
footer a:hover { text-decoration: underline;}
footer .grid-wide > .row:before{ content:""; position:absolute; width:100%; height:1px; background-color:var(--c-black); inset-block-start:0; }
.footer-menu-wrapper {margin-inline-start: 150px;max-width: fit-content;}
footer .grid-wide > .row { position: relative; } 
footer .grid-wide > .row:first-child { padding-block: 120px; } 
footer .grid-wide > .row:last-child { justify-content: center; font-size: 14px; padding-block: 35px; } 
#menu-footer-menu2 { gap: 30px; } 
#menu-footer-menu2 li:not(:last-child) { position: relative; } 
#menu-footer-menu2 li:not(:last-child):before { content: "\007C"; position: absolute; inset-inline-end: -15px; } 
footer .grid-wide > .row:last-child a { color: var(--c-black); }
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
}
@media (max-width: 1540px) {
    :root {--grid:80%;--grid-wide:90%;--grid-narrow:50%;--header-height: 90px;}
    body{ font-size: 16px; }
    .header-nav>li:before {line-height: 0.8;}
    .header-nav>li>.sub-menu { min-width: auto; }
    .header-nav>li .sub-menu a {font-size: 12px;}
    .header .header-nav>li>.sub-menu>li:not(:last-child):after { font-size: 20px; inset-block-start: -4px; }
    .news-lobby .title {margin-block-end: 50px;}
    .news-lobby {padding-block: 50px;}
    .hp-product { height: 600px; }
    .title { font-size: 70px; }
    .product-plus { margin-block: 10px; }
    .text-two-cols { padding-block: 100px; }
    .hp-video { height: 600px; }
    .hp-video img { max-width: 100px; }
    .research-single-slider .swiper-slide img { height: 250px; }
    .hero-image { height: 450px; }
    .hero-image h1 { padding-block: 40px; }
    .materials-main .swiper-slide .text-wrapper h3 {font-size: 16px;word-break: break-word;}
    .materials-main {margin-block: 50px;}
    .materials-lobby-top {margin-block-start: 50px;}
    .contact-main .title { margin-block-end: 80px; }
    /* .materials-main .swiper-slide > img,.gallery-title,.swiper-slide > img { height: 250px; }  */
    .gallery-title h3 {font-size: 30px;}
    .materials-main .swiper {padding: 0;height: 250px;}
    .gallery-title {max-width: 250px;height: 250px;}
    /* .swiper-slide > img {
    height: 100%;
} */
    .hp-video h2 { font-size: 80px; }
    .publications-lobby .title { margin-block-end: 50px; }
    .team-member-wrapper .text-wrapper { transform: translateY(90px); }
    .publications-lobby .hp-publication:not(.last) .text-wrapper { background: linear-gradient(180deg, rgba(15, 32, 87, 0) 50.42%, rgba(15, 32, 87, 0.8) 77.93%); }
    .research-lobby { padding-block-start: 50px; }
    .research-lobby .title { margin-block-end: 50px; }
    .publications-lobby { padding-block: 50px; }
    .circle-link { margin-inline-end: 335px; }
    .hp-top-item a { font-size: 26px; }
    .hp-top-item.link a:before { font-size: 25px; inset-inline-end: -20px; }
    .hp-product .text-wrapper { padding-inline: 10px; }
    .hp-product .text-wrapper { background: linear-gradient(180deg, rgba(15, 32, 87, 0.00) 49.42%, rgba(15, 32, 87, 0.90) 71.83%); }
    .hp-product .text-wrapper .text { font-size: 14px; }
    .hp-quote { padding-block: 180px; }
    .about-top { margin-block: 50px; }
    .header-nav { margin-block: 30px; }
    .about-qa { margin-block: 50px; }
    blockquote { font-size: 50px; }
    .hp-publication .text-wrapper h3 { max-width: 100%; font-size: 16px; }
    .hp-publications { padding-block-end: 100px; }
    #gmap { height: 650px; }
    .bottom-form { margin-block-end: 100px; }
    .page-404 h1 img { max-width: 25%; }
    .team-inner-top h1 { font-size: 70px; }
    .text-section .text-wrapper { gap: 55px; }
    .team-lobby-top.text-section { padding-block: 50px; }
    .team-member-wrapper .text-wrapper span { font-size: 14px; }
    .research-texts {max-width: calc(60% - 40px);padding: 20px;}
    .more-posts { margin-block: 50px; }
    .team-inner-top { margin-block: 50px; }
    .team-member-wrapper:hover .text-wrapper .circle-btn { margin-block-end: 60px; }
    .research-post { max-height: 350px;}
    .research-single-top { margin-block: 50px; }
    .circle-link { width: 50px; height: 50px; }
    blockquote { max-width: 80%; font-size: 40px; }
    .bottom-form .form-fields .wpcf7-form-control-wrap input, .bottom-form .form-fields .wpcf7-form-control-wrap select { padding-block: 20px; }
    blockquote:before, blockquote:after { width: 60px; }
    .research-post h2 { font-size: 30px; }
    .text-two-cols { padding-block: 100px; }
    .circle-btn {width: 35px;height: 35px;margin-block-start: 10px;}
    .team-lobby-main .grid-five-items {margin-block-end: 80px;}
    .team-member-name {font-size: 16px;}
    .page-404 h1 { justify-content: center; }
    .footer-menu-wrapper { margin-inline-start: auto; }
    .footer-logo2 { max-width: 120px; }
    .footer-logo {max-width: 250px;}
    footer .grid-wide > .row:first-child { padding-block: 50px; }
}
@media(max-width:1440px){
}
@media(max-width: 1366px){
    :root {--grid:90%;--grid-wide:95%;--grid-narrow: 60%;--header-height: 70px;}
    .header-nav>li a { font-size: 40px; }
    .header-nav { gap: 15px; }
    .hp-product {height: 450px;}
    .header-logo-wrapper {max-width: 150px;}
    .header-humburger-wrapper {width: 104px;}
    .text-two-cols h1, .text-two-cols h2,.hp-video h2 { font-size: 66px; }
    .title { font-size: 60px; }
    #gmap { height: 500px; }
    .hp-video { height: 500px; }
    blockquote:before, blockquote:after { width: 45px; }
    .gallery-title h3 {font-size: 30px;max-width: 70%;} 
    .bottom-form form h3 {font-size: 30px;}
    blockquote { max-width: 75%; font-size: 36px; margin-block: 10px; }
}
@media (max-width: 1280px) {
        :root {--grid-narrow: 65%;}
}
@media (max-width: 1179px) {
    .hide-mobile, .hp-publications.hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    :root {--grid: 92.25%;--grid-wide: 92.25%;--grid-narrow: 80%;}
    .header-nav { max-width: 92.25%; }
    .header-nav>li a { font-size: 38px; }
    .banner h4 {
        max-width: 90%;
    }
    .text-two-cols .text-wrapper { flex-direction: column; }
    .hp-top-item-row { display: none; }
    .hp-video { height: 100vh; }
    .hp-video h2 { font-size: 60px; }
    .hp-top-item-col-mobile { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
    .text-two-cols .text { columns: 0; gap: 0; display: flex; }
    .text-two-cols h1, .text-two-cols h2 { font-size: 42px; margin-block-end: 30px; }
    .text-two-cols { padding-block: 30px 50px; }
    .text-two-cols .text { margin-inline-start: 50px; }
    .text-two-cols .circle-link { margin-inline-start: 50px; }
    .bottom-form .form-fields p {flex-wrap: wrap;justify-content: space-between;gap: 10px;}
    .bottom-form .form-fields .wpcf7-form-control-wrap {max-width: 48%;width: 100%;}
    input.wpcf7-form-control.wpcf7-submit.has-spinner {margin-inline: auto;max-width: 100%;height: 40px;font-size: 18px;}
    .hp-publications { padding-block-end: 65px; }
    .hp-product.last,.hp-publication.last {height: 20vw;}
    .hp-product.last .product-plus { margin-block-end: 20px; }
    .hp-prod-items-mob { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
    .hp-product h3 { font-size: 16px; margin-block: 10px; }
    .product-index { font-size: 30px; }
    .hp-product:not(.last) .text-wrapper { transform: translate3d(0, 140px, 20px); }
    .hp-product {height: 40vw;}
    .hp-publications.hide-desktop { display: block; }
    .hp-publications-row { display: flex; flex-direction: column; }
    .hp-publications-col-mob {display: grid;grid-template-columns: repeat(2, 1fr);gap: 5px;}
     .hp-product .text-wrapper { background: linear-gradient(180deg, rgba(15, 32, 87, 0.00) 19.42%, rgba(15, 32, 87, 0.90) 71.83%); }
    .hp-product { --hover-height: 105px; }
    .hp-products-row { display: flex; flex-direction: column-reverse; }
    blockquote:after { inset-inline-end: 0; }
    blockquote {font-size: 26px;letter-spacing: 0;max-width: 100%;}
    blockquote:before { inset-inline-start: 0; }
    blockquote:before, blockquote:after { width: 40px; }
    blockquote:before { inset-block-start: -90px; }
    blockquote:after { inset-block-end: -90px; }
    .hp-quote { padding-block: 120px; }
    .bottom-form .form-fields .wpcf7-form-control-wrap input, .bottom-form .form-fields .wpcf7-form-control-wrap select { padding-block: 9px; } 
    .bottom-form { margin-block-end: 40px; } 
    /*--about--*/
    .about-top.text-section .text-wrapper { flex-direction: column; gap: 10px; }
    .about-top { margin-block: 60px; }
    .text-section .text { margin-inline-start: 50px; columns: 1;}
    .about-slider .swiper-slide > img { height: 55vw; }
    .about-qa { margin-block-start: 30px; padding-block: 60px; } 
    .about-qa .text-wrapper { flex-direction: column; gap: 30px; }
    .qa-title h4 { font-size: 18px; max-width: 90%; }
    .qa-row { padding-block-start: 20px; padding-block-end: 5px; }
    .title { font-size: 40px; word-break: break-word; }
    .text-section .text-wrapper { gap: 30px; }
    .materials-single-top:before { background: linear-gradient(180deg, rgba(255, 255, 255, 0.60) 58.5%, rgba(255, 255, 255, 0.00) 95.76%); }
    .materials-main { display: block; }
    .gallery-title { max-width: 100%; height: auto; }
    .gallery-title h3 { max-width: 100%; margin-block-end: 40px;}
    .hero-image .text { max-width: 100%; margin-inline-start: 60px; }
    .about-qa .title { font-size: 42px; max-width: 50%; }
    .research-single-top .text { columns: 1; margin-inline-start: 60px; }
    .more-posts-wrapper { flex-direction: column; }
    .publications-wrapper { max-width: 100%; }
    .more-posts-wrapper .research-post { max-width: 100%; }
    .team-list { margin-block-end: 30px; --team-person-margin: -15px;}
    .two-cols-text ol { grid-template-columns: repeat(1, 1fr); margin-block: 0; }
    .funding-wrapper, .cooperation-wrapper { max-width: 100%; margin-block-start: 20px; }
    .rows-wrapper { gap: 20px; }
    .publications-lobby .title { margin-block-end: 30px; }
    .publications-lobby { padding-block: 30px; }
    .publications-single-main .row { flex-direction: column; }
    .publications-single-main { margin-block-start: 30px; } 
    .medium-title { font-size: 30px; }
    .publications-single-main .grid-narrow,
    .more-posts .grid-narrow,
    .publications-single-main .text { max-width: 100%; }
    .team-lobby-top.text-section .text-wrapper { flex-direction: column; }
    .grid-five-items { grid-template-columns: repeat(2, 1fr); }
    .team-member-wrapper .text-wrapper { transform: translateY(27vw); justify-content: flex-end; }
    .team-member-name { margin-block-end: 25px; font-size: 14px; }
    .team-member-wrapper .text-wrapper span { font-size: 12px; }
    .team-inner-top .wrapper { flex-direction: column-reverse; }
    .team-inner.links { grid-template-columns: repeat(1, 1fr); gap: 30px;}
    .team-inner-top .text-wrapper,.team-inner-top .img-wrapper {max-width: 100%;}
    .team-inner-top .wp-post-image,.team-inner-top .img-wrapper img { max-width: 170px; height: 170px; object-fit: cover; object-position: top; border-radius: 50%; }
    .team-inner-top .text-wrapper { margin: 0; }
    .team-inner-top h1 { font-size: 42px; margin-block-end: 20px; margin-block-start: 20px; }
    .team-inner-top { margin-block: 50px; }
    .team-inner-top .text-wrapper > span { font-size: 18px; }
    .team-inner-main { display: block; }
    .materials-main .swiper-slide .text-wrapper {padding-inline: 10px;width: calc(100% - 20px);}
    .materials-main .swiper-slide .text-wrapper h3 { font-size: 14px; }
    .team-inner-main .gallery-title { width: 100%; height: 30vw; margin-block-end: 5px; }
    .team-member-wrapper .circle-btn { margin-block-end: 15px; }
    .publications-single-main .img-wrapper { max-width: 100%; }
    .contact-main .title { margin-block-end: 30px; } 
    .contact-main { margin-block: 30px; } 
    .contact-main .three-items { grid-template-columns: repeat(1, 1fr); } 
    .contact-main .two-items { grid-template-columns: repeat(1, 1fr); } 
    .contact-main .two-items .wpcf7-form-control-wrap[data-name="subject"] input { height: 120px; border-radius: 17px; } 
    .contact-form-field input { padding-block: 10px; }
     .publications-single-main .text-wrapper { max-width: var(--grid); margin-inline: auto; }
    .contact-main .medium-title { margin-block-end: 20px; }
    .team-list a, .team-list img {max-width: 75px;height: 75px;}
    .about-qa-content { margin-inline-start: 50px; }
    .banner { flex-direction: column; height: auto; gap: 10px; padding-block-start: 40px;text-align: center; padding-block-end: 20px; }
    .banner .download-btn { font-size: 16px; }
    /*--footer--*/
    #menu-footer-menu { grid-template-columns: repeat(2, auto); } 
    .footer-menu-wrapper { max-width: 100%; width: 100%; margin-block-start: 40px; } 
    .footer-logo { max-width: 200px; } 
    .footer-logo2 { max-width: 100px; } 
    .socials { margin-inline-start: 0; } 
    footer .grid-wide > .row:last-child { line-height: 1.6; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1024px) {

}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {
    :root { --grid-narrow: 85%; }
    .news-post {  padding-inline: 20px;}
    .contact-main > .grid > .row { flex-direction: column-reverse; }
    .inf-wrapper > .medium-title { display: none; } 
    .form-wrapper { max-width: 100%; } 
    .inf-wrapper { max-width: 100%; margin-block-end: 30px; } 
    .materials-main .hp-products-row { display: grid; grid-template-columns: repeat(2, 1fr); }
    .hp-product { height: 70vw; }
}

@media(max-width:440px){
    :root { --grid-narrow: 92.25%; }
    .hero-image { min-height: 100vw; }
    .research-post { flex-direction: column-reverse; max-height: 100%; } 
    .research-image img {max-width: 100%;height: 200px;} 
    .research-lobby { padding-block-start: 50px; } 
    .research-lobby .title { margin-block-end: 50px; } 
    .research-texts {max-width: calc(100% - 40px);}
    .research-image {max-width: 100%;height: 100%;} 
    .research-posts-wrapper { margin-block-end: 50px; }
    .grid-five-items { grid-template-columns: repeat(1, 1fr); }
    .team-inner-main .gallery-title { height: 50vw; }
    .grid-two-cols { grid-template-columns: repeat(1, 1fr); }
    .hp-publications-col-mob { grid-template-columns: repeat(1, 1fr); }
    blockquote { font-size: 16px; }
    .hp-product.last, .hp-publication.last { height: 35vw; }
    .team-member-wrapper .text-wrapper { transform: translateY(24vw); }
}

@media(max-width:375px){

}