body { background-color: var(--c-grey-light);font-family: var(--font-body);padding:0;margin:0;font-size: 20px;line-height: 1.2;color: var(--c-grey);-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;}
*:not(.slick-track,.slick-list,.selectbox-dropdown), *: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;font-family: var(--font-title);}
h1{font-size:54px;}
h2{font-size:45px;}
h3{font-size:37px;}
h4{font-size:27px;}
h5{font-size:25px;}
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;}
.btn { display: flex; max-width: fit-content; padding: 20px 65px; text-transform: uppercase; }
.btn.primary {background-color: var(--c-orange);color: var(--c-white);}
.btn.primary:hover { background-color: transparent; color: var(--c-orange); }
.btn.secondary { background-color: var(--c-white); color: var(--c-blue); }
.btn.secondary:hover { background-color: transparent; }
.hide-mobile{display:flex;}
.hide-desktop{display:none;}

.c-orange{color: var(--c-orange);}
.c-blue{color: var(--c-blue);}
.c-white{color: var(--c-white);}
 
/*bg colors*/
.bg-img-settings{background-repeat: no-repeat;background-size: cover;}
.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-eb {font-weight: 800;}
.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;}

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;}
.grid.main {max-width: var(--grid);}
.grid.small {max-width: var(--grid-small);}
.grid.tiny {max-width: var(--grid-tiny);}
.grid.wide {max-width: var(--grid-wide);}
.grid-five-items {display: grid;grid-template-columns: repeat(5, 1fr);}
.grid-four-items {display: grid;grid-template-columns: repeat(4, 1fr);}
.grid-three-items {display: grid;grid-template-columns: repeat(3, 1fr);}

.hero {height: 385px;display: flex;justify-content: center;align-items: flex-end;text-align: center;}
.hero h1 {color: var(--c-white);margin-block-end: 80px;}

/*---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--*/
.header.scroll, .page-template-thanks .header {background-color: var(--c-white);}
.header-logo-color{display:none;}
.header.scroll .header-logo { display: none; }
.header.scroll .header-menu-wrapper ul li a { color: var(--c-blue); }
.header.scroll .header-menu-wrapper ul li:hover a { color: var(--c-white); }
.header.scroll .header-menu-wrapper ul li.contact-btn:hover a { color: var(--c-blue); }
.header.scroll .header-menu-wrapper ul li.current-menu-item a { color: var(--c-white); }
.header.scroll .header-menu-wrapper ul li.contact-btn a { color: var(--c-white); }
.header.scroll .header-nav>li>.sub-menu>li:hover a { color: var(--c-blue); }

body.error404 .header,
body.page-template-thanks .header,
body.error404 .header.scroll,
body.page-template-thanks .header.scroll,
body.page-template-text-page .header.scroll
{
    background-color: var(--c-white);
}

body.error404 .header .header-logo, 
body.page-template-thanks .header .header-logo, 
body.page-template-thanks .header.scroll .header-logo, 
body.error404 .header.scroll .header-logo,
body.page-template-text-page .header-logo
{
    display: none;
}

body.error404 .header .header-logo-color, 
body.page-template-thanks .header .header-logo-color, 
body.page-template-thanks .header.scroll .header-logo-color, 
body.error404 .header.scroll .header-logo-color, 
body.page-template-text-page .header-logo-color 
{
    display: block;
}

body.error404 .header .header-menu-wrapper li a, 
body.page-template-thanks .header .header-menu-wrapper li a, 
body.error404 .header.scroll .header-menu-wrapper li a, 
body.page-template-thanks .header .header-menu-wrapper li a,
body.page-template-thanks .header.scroll .header-menu-wrapper li a,
body.page-template-text-page .header .header-menu-wrapper li a,
body.page-template-text-page .header.scroll .header-menu-wrapper li a
body.page-template-text-page .header .header-menu-wrapper li a 
{
    color: var(--c-blue);
}

body.error404 .header .header-menu-wrapper li.contact-btn a, 
body.page-template-thanks .header .header-menu-wrapper li.contact-btn a, 
body.error404 .header.scroll .header-menu-wrapper li.contact-btn a, 
body.page-template-thanks .header.scroll .header-menu-wrapper li.contact-btn a 
{
    color: var(--c-white);
}
body.page-template-text-page .header .header-menu-wrapper li:hover a,
body.error404 .header .header-menu-wrapper li:hover a,
body.page-template-thanks .header .header-menu-wrapper li:hover a 
{
    color: var(--c-grey-light);
}

body.page-template-text-page .header .header-menu-wrapper .header-nav>li>.sub-menu>li:hover > a,
body.error404 .header .header-menu-wrapper .header-nav>li>.sub-menu>li:hover > a,
body.page-template-thanks .header .header-menu-wrapper .header-nav>li>.sub-menu>li:hover > a {
    color: var(--c-blue);
}

body.page-template-text-page .header .header-nav>li.menu-item-has-children > .submenu-toggle,
body.error404 .header .header-nav>li.menu-item-has-children > .submenu-toggle,
body.page-template-thanks .header .header-nav>li.menu-item-has-children > .submenu-toggle {
    filter: invert(1);
}
body.page-template-text-page .header .header-nav>li.contact-btn>a,
body.error404 .header .header-nav>li.contact-btn>a,
body.page-template-thanks .header .header-nav>li.contact-btn>a {
    color: var(--c-white);
}
body.page-template-text-page .header .header-nav>li.contact-btn:hover>a,
body.error404 .header .header-nav>li.contact-btn:hover>a,
body.page-template-thanks .header .header-nav>li.contact-btn:hover>a {
    color: var(--c-blue);
}
.header.scroll .header-logo-color {display: block;}
.header {background-color: transparent;box-shadow: 0 5px 20px 0 rgb(0 0 0 / 9%);position: fixed;width: 100%;top: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);}
.header-menu-wrapper {max-width: calc(100% - var(--header-logo-width));width: 100%;display: flex;margin-inline: auto;}
.menu-top-menu-container {width: 100%;}
.header-logo-wrapper {max-width: var(--header-logo-width);width: 100%;display: flex;align-items: center;}
.header-logo,.header-logo-color {max-width: 100%;}
.header-nav {display: flex;align-items: center;height: 100%;width: 100%;}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;display: flex;align-items: center;}
.header-nav>li:hover, .header-nav>li.current-menu-item {background-color: var(--c-blue);}
.header-nav>li>.sub-menu {display: none;position: absolute;width: 100%;background-color: var(--c-blue);padding: 20px 0;inset-block-start: var(--header-height);flex-direction: column;text-align: center;gap: 0;}
.header-nav>li.menu-item-has-children:hover > .sub-menu {display: flex;}
 .header-nav>li.contact-btn { margin-inline-start: auto; }
.header .grid { max-width: calc(100% - 50px); margin-inline-end: 0; }
.header .row,.header .grid { height: 100%; }
.header-nav>li:first-child { margin-inline-start: auto; }
.header-nav>li>a {padding-inline: 35px;}
.header-nav>li>a,.header-nav>li {height: 100%;transition: var(--transitions);}
.header-nav>li>a { display: flex; align-items: center; color: var(--c-grey-light); }
.header-nav>li.contact-btn>a { padding-inline: 115px; background-color: var(--c-blue); }
.header-nav>li.contact-btn:hover a { background-color: var(--c-white); color: var(--c-blue); }
.header-nav>li>.sub-menu>li { padding-inline: 10px; padding-block: 10px; }
.header-nav>li>.sub-menu>li:hover { background-color: var(--c-white); }
.header-nav>li>.sub-menu>li:hover > a { color: var(--c-blue); }
.header-nav>li>.sub-menu>li a {color: var(--c-white);}
.header-nav>li.menu-item-has-children > .submenu-toggle { background: url(/wp-content/uploads/arr-down-dark.svg); display: flex; position: relative; width: 12px; height: 7px; inset-block-start: 1px; inset-inline-start: -25px; }
.header.scroll .header-nav>li.menu-item-has-children > .submenu-toggle { filter: invert(1); }
.header.scroll .header-nav>li.menu-item-has-children:hover .submenu-toggle { filter: invert(0); }
.header-nav>li.menu-item-has-children > a { display: flex; align-items: center; gap: 10px; }
.header-nav>li.menu-item-has-children:hover > a:after { transform: rotate(180deg); }
/*--text page--*/
.text-page-top { padding-block-start: calc( var(--header-height) * 1.5 ); }
.text-page-content h3 { margin-block-start: 20px; }
.text-page-content a { color: inherit; }
.text-page-main { padding-block-end: 100px; }
.text-page-content a:hover { text-decoration: underline; }
/*--hp--*/
.hp-top {height: 100vh;background-position: center;display: flex;flex-direction: column;}
.hp-top .content-wrapper {max-width: 95%;width: 100%;margin-inline: auto;color: var(--c-white);padding-block-start: calc(var(--header-height) + 135px);}
.hp-top .content-wrapper h3 { font-size: 42px; margin-block-end: 0; }
.hp-top .content-wrapper .text { max-width: 600px; }
.hp-top .content-wrapper h1 { font-size: 66px; max-width: 470px; margin-block-end: 50px; }
.text { font-style: normal; font-weight: 400; line-height: 140%; }
.hp-about .about-img,.hp-about .about-content {max-width:50%;width:100%;}
.products {display: grid;grid-template-columns: repeat(4, 286px);max-width: fit-content;margin-inline: auto;gap: 20px;margin-block-start: auto;height: 380px;position: relative;transform: translate3d(0px, 80px, 10px);}
.product-item { border-radius: 15px; background: rgba(0, 0, 0, 0.45); box-shadow: 0 0 25.2px 0 rgba(0, 0, 0, 0.23); position: relative; display: flex; flex-direction: column; box-sizing: border-box; padding: 30px; gap: 20px; height: 180px; }
.product-item h4 { font-size: 25px; color: var(--c-grey-light); text-align: center; font-family: var(--font-body); }
.product-item .image-wrapper { min-height: 70px; position: relative; }
.product-item .image-wrapper img { position: absolute; inset: 0; margin-inline: auto; margin-block: auto; }
.product-icon { opacity: 1; }
.product-icon-color { opacity: 0; }
.product-item .text { color: var(--c-grey); position: absolute; opacity: 0; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; z-index: 1; text-align: center; }
.product-item:hover {height: 380px;transform: translate3d(0, -200px, 20px);background-color: var(--c-grey-light);}
.product-item:hover .product-icon-color { opacity: 1; }
.product-item:hover .product-icon { opacity: 0; }
.product-item:hover h4 { color: var(--c-main-dark); }
.product-item:hover .text { opacity: 1; }
.title-caption {display: flex;text-transform: uppercase;font-size: 22px;font-weight: 400;line-height: 120%;color: var(--c-grey);padding-inline-start: 22px;position: relative;height: fit-content;margin-block-end: 30px;}
.title-caption:before { content: ""; position: absolute; width: 4px; height: 100%; background-color: var(--c-orange); inset-inline-start: 0; border-radius: 10px; }
.section-title {font-style: normal;font-weight: 500;line-height: 120%;color: var(--c-blue);margin: 0;}
.hp-about .wrapper { display: flex; gap: 150px; }
.about-content .section-title { margin-block-end: 40px; }
.hp-about { padding-block-start: 220px; padding-block-end: 120px; }
.about-content .text { margin-block-end: 25px; }
.about-content .btn.primary { margin-inline-start: auto; }
.hp-solutions .grid-four-items { gap: 20px; }
.solution-image {max-width: 100%;width: 100%;height: 650px;background-size: 120%;background-repeat: no-repeat;background-position: 0 0;}
.solution-item { position: relative; overflow: hidden; }
.solution-item:hover .solution-image { background-position: 0 -100px; }
.solution-texts {position: absolute;width: 100%;inset-inline-start: 0;inset-block-end: 0;padding-inline: 15px;padding-block: 20px;color: var(--c-white);box-sizing: border-box;transform: translate3d(0, 80%, 20px);height: 100%;}
.solution-texts:before { content: ""; position: absolute; width: 100%; background: linear-gradient(180deg, rgba(38, 39, 43, 0.00) 0%, rgba(38, 39, 43, 0.90) 50.08%); height: 100%; inset-inline-start: 0; inset-block-end: 0; z-index: 0; }
.solution-texts > * { position: relative; }
.solution-item h4 { font-family: var(--font-body); font-size: 35px; font-style: normal; font-weight: 400; }
.solution-item:hover .solution-texts {transform: translate3d(0, 0, 20px);}
.hp-solutions { padding-block-end: 150px; }
.solution-texts .text { min-height: 390px; }
.partners .wrapper {max-width: fit-content;display: flex;flex-direction: column;margin-inline: auto;}
.partners { padding-block-end: 140px; }
.partner-item { background-color: var(--c-white); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12); height: 150px; display: flex; align-items: center; justify-content: center; }
.partners-gallery { padding-block: 60px; padding-inline: 12px; }
/*--about page--*/
.about-top .wrapper { display: flex; gap: 50px; }
.about-top .wrapper:not(:last-child) { margin-block-end: 50px; }
.about-top .wrapper .text-col:first-child { max-width: 35%; width: 100%; }
.about-top .wrapper .text-col:last-child { max-width: 65%; width: 100%; }
.about-top { padding-block-start: 170px; padding-block-end: 70px; }
.about-main { width: 100%; height: 790px; background-position: center; }
.about-bottom .content-item { max-width: 50%; }
.content-wrapper.dir-reverse .content-item { margin-inline-start: auto; }
.about-bottom .content-item .text { max-width: 70%; }
.about-bottom .content-item .section-title { margin-block-end: 35px; }
.about-bottom { padding-block: 150px; }
/*--products page--*/
.products-wrapper { gap: 15px; }
.products-main { padding-block: 75px; }
.product-info {position: absolute;width: 100%;height: 30%;inset-block-end: 0;inset-inline-start: 0;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;}
.product-image { width: 100%; object-fit: cover; height: 650px; filter: grayscale(1); }
.product { position: relative; overflow: hidden; }
.product-title {font-family: var(--font-body);font-weight: 400;color: var(--c-white);margin-block-end: 45px;position: relative;text-align: center;}
.prod-icon {--icon-size: 145px;max-width: var(--icon-size);max-height: var(--icon-size);height: 100%;width: 100%;margin-block-end: 30px;opacity: 0;position: relative;}
.product:hover > .product-image { filter: grayscale(0); }
.product-info:before { content: ""; position: absolute; width: 100%; height: 80%; background: linear-gradient(180deg, rgba(38, 39, 43, 0.00) 0%, rgba(38, 39, 43, 0.90) 50.08%); mix-blend-mode: multiply; z-index: 0; }
.product:hover .prod-icon { opacity: 1; }
.product:hover .product-info h3 { margin-block-end: 60%; }
.product:hover .product-info,.product:hover .product-info:before {height: 100%;}
 .product-main { padding-block: 75px; }
.product-main .wrapper {display: flex;flex-direction: column;gap: 70px;}
.product-main .product-text { line-height: 1.4; max-width: 47%; }
.prod-image { max-width: 590px; width: 100%; }
.product-main .product-text h2, .product-main .product-text h3, .product-main .product-text h4,.product-main .product-text h5,.product-main .product-text h6 { color: var(--c-blue); }
.product-main .product-text h5 { font-family: var(--font-body); }
.product-main .product-text h2 { font-weight: 500; }
.product-content-row > .col { min-width: 0; display: flex; flex-direction: column; }
.product-content-row > .col video { width: 100%; max-width: 100%; }
.product-content-row .swiper-pagination-bullet { --bullet-size:10px; background: var(--c-orange); width: var(--bullet-size); height: var(--bullet-size); }
.product-content-row .content.col h2,.product-content-row .content.col h3,.product-content-row .content.col h4,.product-content-row .content.col h5,.product-content-row .content.col h6 { color: var(--c-blue); }
.product-content-row > .images.col > .swiper{ max-width: 590px; width: 100%; margin-block-end: 65px; }
.product-content-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; }
/*collaboration page*/
.partners .grid-three-items { gap: 20px; }
.partner a:hover { text-decoration: underline; }
.partners .grid-three-items .partner { box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.20); }
.partner-wrapper {padding: 30px;display: flex;flex-direction: column;align-items: center;gap: 20px;height: 100%;box-sizing: border-box;}
.partner-wrapper .text { text-align: center; }
.partner-wrapper a { margin-block-start: auto; display: flex; color: var(--c-blue); text-decoration: underline; }
.partner-wrapper a:hover { color: var(--c-orange); }
.collaboration-text .text { font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; max-width: 900px; text-align: center; margin-inline: auto; padding-block-start: 120px; padding-block-end: 60px; }
.partners .partner .img-wrapper { min-height: 100px; display: flex; align-items: center; }
/*--contact page--*/
.contact-people { display: flex; gap: 20px; }
.person-info { display: flex; flex-direction: column; margin-block-start: 15px; }
.person-role { color: var(--c-grey); }
.person-name { color: var(--c-blue); }
.person-contact-text { margin-block-start: 15px; display: flex; flex-direction: column; gap: 5px; }
.contact-people-wrapper { display: flex; justify-content: space-between; position: relative; padding-block-end: 170px; }
.contact-people-wrapper:before { content: ""; position: absolute; background: url(/wp-content/uploads/Union2.png) no-repeat; background-position: 0 0; background-size: contain; width: 661px; height: 390px; z-index: -1; inset-block-end: 55px; }
.contact-people-wrapper .text {padding-block-start: 20px;max-width: 400px;margin-inline-end: 50px;}
.contact-main { padding-block: 70px; }
.person-contact-text a { color: inherit; }
.person-contact-text a:hover {text-decoration: underline;}
.form-row { display: flex; justify-content: space-between; align-items: center; }
.form-wrapper { max-width: 900px; width: 100%; }
.field-row { display: flex; gap: 30px; }
.field-wrapper { max-width: 50%; width: 100%; }
.form-wrapper .field-wrapper input,.form-wrapper .field-wrapper textarea { width: 100%; height: 65px; border: none; font-family: inherit; font-size: 20px; padding-inline: 20px; border-block-end: 1px solid #787777; resize: none; }
.form-wrapper .field-wrapper input::placeholder, .form-wrapper .field-wrapper textarea::placeholder { font-family: inherit; font-size: 20px; }
.form-wrapper form { display: flex; flex-direction: column; gap: 20px; }
.form-wrapper .field-wrapper textarea { padding-block-start: 15px; }
.form-wrapper  input[type="submit"] { max-width: 100%; width: 100%; border: none; font-size: 22px; cursor: pointer; font-weight: 400; }
.contact-inf { position: relative; padding-inline-start: 15px; height: fit-content; }
.contact-inf:before { content: ""; position: absolute; width: 4px; height: 100%; background-color: var(--c-orange); inset-inline-start: 0; }
.contact-inf .address {display: flex;flex-direction: column;gap: 10px;}
.contact-inf .address > p > span { display: flex; font-size: 20px;}
.contact-inf .address > p {font-size: 14px;}
.contact-inf .address > .row > span { display: block; min-width: 90px; color: var(--c-blue); font-weight: bold; }
.contact-inf .address > .row > a { color: inherit; }
.contact-inf .address > .row > a:hover { text-decoration: underline; }
/*--404 page--*/
.error404 .grid.tiny { max-width: fit-content; }
.page-404 { height: 100vh; }
.page-404-bg { background: url(/wp-content/uploads/404-bg.svg) no-repeat  center/cover; width: 747px; height: 750px; color: var(--c-white); text-align: center; display: flex; flex-direction: column; align-items: center; }
.page-404 { display: flex; flex-direction: column; justify-content: center; padding-block: 40px;}
.page-404-bg h1 { font-size: 120px; line-height: 1; margin-block-start: 150px; }
.page-404-bg p { max-width: 75%; margin-block-end: 40px; }
/*** thanks--*/
.thanks { display: flex; flex-direction: column; height: 100vh; justify-content: center; text-align: center; }
.thanks .btn.primary { margin-inline: auto; }
.thanks .text { margin-block: 40px; }
.thanks h1 { color: var(--c-orange); font-size: 120px; font-weight: 900; }
.thanks .text h3 { color: var(--c-blue); font-family: var(--font-body); font-weight: 400; }
/*--footer---*/
footer { background-color: var(--c-main-dark); padding-block: 30px; }
footer .grid { max-width: calc(100% - 100px); }
.footer-menu-wrapper { margin-inline: auto; height: 60px; display: flex; align-items: center; }
.footer-logo { max-width: 285px; height: fit-content; }
.footer-nav li a { color: var(--c-white); }
.footer-nav { gap: 35px; }
.footer-nav li:hover a { color: var(--c-orange); }
.footer-inf h6 { font-size: 26px; font-family: var(--font-body); color: var(--c-white); font-weight: 800; margin-block-end: 15px; }
.footer-inf-row { display: flex; gap: 15px; }
.footer-inf-row:not(:last-child) { margin-block-end: 10px; }
.footer-inf-row a { color: inherit; }
.copyrights {font-size: 14px;color: var(--c-grey-light);text-align: center;display: flex;justify-content: center;gap: 8px;}
.credits,.credits a {display: flex;gap: 8px;color: inherit;flex-wrap: wrap;}
.credits a:hover { text-decoration: underline; }
.footer-inf {padding-block-start: 13px;padding-block-end: 10px;display: flex;align-items: center;gap: 40px;}
.footer-bottom-menu-wrapper .footer-nav { gap: 15px; }
.footer-inf a:hover { text-decoration: underline; } 
.linkedin { display: flex; background: var(--c-white); width: 30px; height: 30px; -webkit-mask: url(/wp-content/uploads/icon.svg) no-repeat center / contain; mask: url(/wp-content/uploads/icon.svg) no-repeat center / contain; }
.linkedin-social:hover .linkedin { background-color: var(--c-orange); }
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {

    :root {--header-height: 65px;--grid-wide: 90%;--grid: 90%;}
    body { font-size: 18px; }
    h2 { font-size: 40px; }
    .hero { height: 260px; }
    .hero h1 { margin-block-end: 30px; }
    .header-nav>li.contact-btn>a { padding-inline: 70px; }
      .hp-top .content-wrapper h1 { font-size: 54px; margin-block-end: 30px; }
    .hp-top .content-wrapper {padding-block-start: 120px;margin-block-end: 0;}
     .hp-about { padding-block: 70px; }
    .about-content .section-title { margin-block: 20px; }
    .hp-solutions { padding-block-end: 70px; }
    .partners { padding-block-end: 70px; }
    .solution-image { height: 540px; }
    .solution-item h4 { font-size: 30px; }
    .about-top { padding-block: 70px; }
    .about-main { height: 540px; }
    .product-image { height: 470px; }
    .about-bottom { padding-block: 50px; }
    .collaboration-text .text { padding-block: 50px; }
    .about-img,.about-content { max-width: 50%; width: 100%; }

}
@media (max-width: 1540px) {
    .products { transform: translate3d(0px, 50px, 10px); }
    .product-item:hover {height: 320px;transform: translate3d(0, -140px, 20px);}
    .product-title { font-size: 24px; }
    .prod-icon { --icon-size: 105px; }
    .product-image { height: 400px; }
    .form-wrapper {
    max-width: 70%;
}
}
@media(max-width:1440px){
        
    :root { --header-height: 50px; --header-logo-width: 135px; }
    body { font-size: 15px; }
    h1 { font-size: 40px; }
    h2 { font-size: 35px; }
    h3 { font-size: 30px; }
     .hero { height: 220px; }
    .about-main { height: 450px; }
    .products-wrapper,.products { gap: 10px; }
    .hp-top .content-wrapper h1 { font-size: 40px; margin-block-end: 20px; }
    .product-item:hover {height: 300px;transform: translate3d(0, -120px, 20px);}
    .hp-top .content-wrapper h3 { font-size: 30px; }
    .hp-top .content-wrapper {padding-block-start: 90px;}
    .partners-gallery img { max-width: 80%; }
    .contact-people-wrapper { padding-block-end: 130px; }
    .hp-about .wrapper { gap: 100px; }
    .hp-solutions .grid-four-items { gap: 10px; }
    .solution-image {height: 450px;background-size: 110%;}
    .solution-item h4 { font-size: 25px; }
    .partners-gallery { padding-block: 40px; }
    .partners { padding-block-end: 40px; }
    .page-404-bg { width: 500px; height: 500px; }
    .page-404-bg h1 { margin-block-start: 50px; }
    .page-404-bg h1 { font-size: 90px; }
    .page-404-bg p { margin-block-end: 20px; }
    .btn { padding: 15px 40px; }
    .product-item .text { padding: 20px; }
    .solution-texts { transform: translate3d(0, 80%, 20px); }
    .products { transform: translate3d(0px, 50px, 10px); }
    .copyrights { margin-block-start: 10px; }
    .footer-logo { max-width: 150px; }
}
@media(max-width: 1366px){
}
@media (max-width: 1280px) {
    .products { transform: translate3d(0px, 0, 10px); }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1279px) {
    :root{--grid-tiny: 90%;--grid-small: 90%;}
    body{font-size:16px;}
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    /*--header--*/ 
    .header-menu-wrapper {max-width: 100%;width: 100%;height: 100%;position: fixed;inset-inline-start: 0;z-index: 0;background-color: var(--c-white);top: var(--header-height);clip-path: circle(0% at left top);transition: all .6s cubic-bezier(.175,.885,.32,1.275);}
    .header,.header.scroll {height: var(--header-height);}
    .heaer-logo { max-width: 30%; } 
    .header .grid { max-width: var(--grid); margin-inline: auto; }
    .header-logo-wrapper { max-width: 150px; }
    .header-nav>li>a, .header-nav>li {height: auto;width: 100%;font-size: 25px;color: var(--c-blue);font-weight: 600;flex-direction: column;align-items: flex-start;}
    .header-nav>li:hover, .header-nav>li.current-menu-item { background: transparent; }
    .header-nav>li.contact-btn>a { max-width: var(--grid); padding: 0; margin-inline: auto; width: var(--grid); display: flex; color: var(--c-white); justify-content: center; height: 75px; }
    .header-nav {flex-direction: column;gap: 20px;padding-block-start: 50px;} 
    .header-nav>li:last-child {margin: 0;height: auto;margin-block-start: auto;margin-block-end: 30vw;}
    .header-humburger {width: 100%;background-color: var(--orange);height: 3px;display: flex;} 
    .header-nav>li a {display: inline-flex;width: fit-content;} 
    .header .header-nav>li>.sub-menu {background-color: transparent;padding: 0;max-height: 0;overflow: hidden;margin: 0;}
    .header-nav>li.contact-btn a:hover { background-color: var(--c-white); color:var(--c-blue) }
    .header .header-menu-wrapper ul li.current-menu-item > a,.header.scroll .header-menu-wrapper ul li.current-menu-item > a { color: var(--c-orange); }
    /*--humburger anim--*/
    .header-humburger-wrapper {width: 45px;height: 34px;margin-inline-start: auto;padding: 0;border: none;border-radius: 5px;background: rgba(0, 0, 0, 0.45);padding: 8px 10px;align-self: center;}
    .humburger-wrapper { width: 100%; height: 100%; display: flex; justify-content: space-between; flex-direction: column; }
    .header-humburger {width: 100%;background-color: white;height: 2px;display: flex;} 
    .header-menu-wrapper.open {clip-path: circle(145% at left top);}
    .header-humburger.line1,.header-humburger.line3 {transform: translateY(0) rotate(0);}
    .header-humburger.line2.open {opacity: 0;}
    .header-humburger.line2 {transition-duration: .75s;}
    .header-humburger.line1.open {animation: huburger-line1-open .75s forwards;}
    .header-humburger.line1.close {animation: huburger-line1-close .75s forwards;}
    .header-humburger.line3.open {animation: huburger-line3-open .75s forwards;}
    .header-humburger.line3.close {animation: huburger-line3-close .75s forwards;}
    @keyframes huburger-line1-open{
        0%{transform: translateY(0) rotate(0);}
        50%{transform: translateY(9px) rotate(0);}
        100%{transform: translateY(9px) rotate(45deg);}
    }
    @keyframes huburger-line1-close{
        0%{transform: translateY(9px) rotate(45deg);}
        50%{transform: translateY(9px) rotate(0);}
        100%{transform: translateY(0) rotate(0);}
    }
    @keyframes huburger-line3-open{
        0%{transform: translateY(0) rotate(0);}
        50%{transform: translateY(-8px) rotate(0);}
        100%{transform: translateY(-8px) rotate(-45deg);}
    }
    @keyframes huburger-line3-close{
        0%{transform: translateY(-8px) rotate(-45deg);}
        50%{transform: translateY(-8px) rotate(0);}
        100%{transform: translateY(0) rotate(0);}
    }
    .header-nav>li>.sub-menu>li { padding-block: 5px; line-height: 1; }
    .header-nav>li.menu-item-has-children > .submenu-toggle { position: absolute; inset-block-start: 10px; inset-inline-start: auto; inset-inline-end: 30%; filter: invert(1); }
    .header.scroll .header-menu-wrapper ul li.contact-btn a,.header .header-menu-wrapper ul li.contact-btn a { align-items: center; }
    .submenu-toggle.open { transform: rotate(180deg); }
    .products { max-width: 97%; margin-inline-end: 0; }
    .product-item:hover { height: 180px; transform: translate3d(0, 0, 20px); }

    .product-item:hover h4 { opacity: 0; }
    .product-item:hover .image-wrapper { opacity: 0; }
    .partners-gallery { padding-block: 30px; }
    .product-item .text { justify-content: center; }
    .hp-about .wrapper { flex-direction: column; gap: 30px; }
    .hp-about .about-img, .hp-about .about-content{ max-width: 100%; }
    h2 { font-size: 35px; }
    .hp-about { padding-block: 30px; }
    .hp-about .about-img img { max-width: 100%; }
    .about-content .btn.primary { margin-inline: auto; }
    .hp-solutions .grid-four-items { grid-template-columns: repeat(1, 1fr); }
    .solution-item .solution-texts { transform: translate3d(0, 78%, 20px); }
    .solution-image { height: 110vw; }
    .title-caption { font-size: 18px; }
    .partners-gallery img { max-width: 80%; }
    .about-top .wrapper { flex-direction: column; }
    .about-top .wrapper .text-col:first-child,.about-top .wrapper .text-col:last-child { max-width: 100%; }
    .section-title br { display: none; }
    .section-title { font-size: 30px; }
    .about-bottom .content-item { max-width: 100%; }
    .about-bottom .content-item .text { max-width: 100%; }
    .content-wrapper.dir { padding-block-end: 50px; }
    .partners .wrapper { gap: 20px; margin-inline: 0; }
    .copyrights { flex-direction: column; margin: 0; }
    .products-wrapper.grid-five-items { grid-template-columns: repeat(1, 1fr); }
    .partners .grid-three-items { grid-template-columns: repeat(1, 1fr); }
    .credits, .credits a { text-align: center; width: 100%; justify-content: center; }

    .contact-people-wrapper { flex-direction: column; gap: 30px; padding-block-end: 50px;}
    .person-photo img { max-width: 100%; }
    .contact-people-wrapper:before { display: none; }
    .about-main { height: 280px; }
    .contact-people-wrapper .text { max-width: 100%; margin-inline: auto; padding: 0; text-align: center; }
    .contact-main { padding-block: 50px; }
    .footer-bottom-menu-wrapper .footer-nav { justify-content: center; }
    .credits + span { display: none; }
    .page-404-bg { width: 90%; margin-inline: auto; }
    .thanks h1 { font-size: 60px; line-height: 1.2; }
    .thanks .text { margin-block-start: 0; }
    .page-404,.thanks { height: auto; padding-block: 30vw; }
    footer .grid { max-width: var(--grid); }
    .footer-inf { padding: 0; margin-block-end: 25px; width: 100%; }
    .linkedin-social { margin-inline-start: auto; }
    .footer-menu-wrapper .footer-nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 35px 80px; }
    .footer-menu-wrapper { height: auto; width: 100%; margin-block-end: 25px; }
    footer .grid > .row { flex-direction: column; }
    .footer-logo { margin-block-end: 30px; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {
    .product-content-row { grid-template-columns: repeat(1, 1fr); }
    .product-content-row > .images.col > .swiper{ width: 100%; }
    .contact-main .form-row { flex-direction: column; gap: 50px; }
    .contact-inf { width: 100%; margin-inline-start: 15px; }
        .form-wrapper {
        max-width: 100%;
    }
}

@media(max-width:440px){
    .header-nav>li>.sub-menu { display: flex; position: relative; top: 10px; margin-block: 10px; text-align: start; gap: 5px; }
    .header-nav>li>.sub-menu > li > a { color: var(--c-blue); font-size: 20px; }
    .partners .grid.wide { max-width: 100%; }
    .partners .wrapper { max-width: var(--grid); margin-inline: auto; }
    .product-info { flex-direction: column-reverse; justify-content: flex-start; }
    .product:hover .product-info h3 {margin-block-end: 0;}
    .product:hover .product-info:before { height: 70%; inset-block-end: 0; }
    .prod-icon {max-width: 80px;max-height: 80px;opacity: 1;margin-block-start: 30px;}
    .product-image { filter: none; }
    .product-info:before { height: 200%; }
    .product-main .wrapper {flex-direction: column;width: 100%;}
    .product-main .product-text { max-width: 100%; }
    .prod-image { max-width: 100%; }
    .product .product-info h3 { margin-block-end: 0; }
            .contact-people { flex-direction: column; }

}

@media(max-width:390px){
    .products{ margin-block-start: 50px; }
}

@media(max-width:375px){

}