/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.elementor-widget-off-canvas {
    --e-off-canvas-animation-duration: 0.3s !important;
}

/*global*/
.flex-row{display:flex; flex-direction:row;}
.flex-row-center{display:flex; flex-direction:row; align-items:center;}
.flex-col{display:flex; flex-direction:column;}
.flex-col-center{display:flex; flex-direction:column; align-items:center;}
.rg16{row-gap:1rem;}
.text-center{text-align:center !important;}

.blur a{backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);}
.blurblock {backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);}
.blurblock5 {backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(3px);}

.font-rwm-40{font-family:'Raleway',sans-serif; font-size:2.5rem; font-weight:500; line-height:1;} /*raleway medium 40*/
.font-osr-25{font-family:'Open Sans',sans-serif; font-size:1.6rem; font-weight:400; line-height:2.188rem;} /*open sans reg 25.6*/
.font-rwsb-25{font-family:'Raleway',sans-serif; font-size:1.6rem; font-weight:600; line-height:1.8rem;} /*raleway semi bold 25.6*/

.arrow{display: inline-block; transition: transform 0.4s ease;}
.arrow:hover{transform: translateX(8px);}

.morebtn a{color:#313E4C; display: flex; align-items: center;}
.morebtn a arrow{display: inline-block; transition: transform 0.4s ease; opacity:0.9;}
.morebtn a:hover .arrow{transform: translateX(8px); opacity:1;}

ul.submenu-footer{list-style-type:none !important; padding-left:10px !important;}
ul.submenu-footer li{font-size:.9rem; line-height:1.1rem; padding-bottom:5px !important;}
ul.submenu-footer li::marker{content:"- ";}
ul.submenu-footer li a{color:#313E4C; text-decoration:none;}
ul.submenu-footer li a:hover{text-decoration:underline;}


/*header + block2*/
.header-menu{display:flex; flex-direction:row; gap: clamp(1.6rem, 6vw, 8.3rem); margin-left:3rem;}
.header-menu .menu-item a{
    font-family:'Raleway', sans-serif;
    font-size: clamp(0.8rem, 1vw + 2px, 1.6rem);
    font-weight:600;
    line-height: clamp(1.1, 1.4, 1.8);
    color:#313E4C;
}
.header-menu .menu-item a:hover{color:#6C6C6C;}

.header-menu-mob{display:flex; flex-direction:column; gap:2rem; margin-left:0;} /*mobile menu*/
.header-menu-mob .menu-item a{
    font-family:'Raleway', sans-serif;
    font-size: 1.2rem;
    font-weight:600;
    line-height: 1.3rem;
    color:#313E4C;
}
.header-menu-mob .menu-item a:hover{color:#6C6C6C;}

.raleway105{font-family:'Raleway', sans-serif; line-height:7.175rem; font-size:6.623rem;}
@media (max-width:767px){
    .raleway105{line-height:2.8rem; font-size:2.6rem;}
}


/**header anim**/
.top-float-container img{
    transition: transform 1s ease-in-out;
}
.top-float1 img{
    animation: floatUpDown1 6s ease-in-out infinite;
}
.top-float2 img{
    animation: floatUpDown2 7s ease-in-out infinite;
}
/* anim */
@keyframes floatUpDown1 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-25px); }
}

@keyframes floatUpDown2 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(30px); }
}

@keyframes floatUpDown3 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes floatUpDown4 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(20px); }
}


/**DNK animate**/
.mid-float.animate{
    animation: moveBg 4s ease-in-out infinite alternate;
}

@keyframes moveBg {
  0% { background-position: center left; }
  100% { background-position: center right; }
}

/**bubbles anim**/
.bot-float-conatiner img{
    transition: transform 1s ease-in-out;
}
.bot-float1 img{
    animation: floatUpDown1 6s ease-in-out infinite;
}
.bot-float2 img{
    animation: floatUpDown2 6s ease-in-out infinite;
}
.bot-float3 img{
    animation: floatUpDown3 7s ease-in-out infinite;
}
.bot-float4 img{
    animation: floatUpDown4 9s ease-in-out infinite;
}

/*bank info*/
.bank-fields {
  list-style: none;
  padding-left: 0;
}

.bank-fields li {
  display: grid;
  grid-template-columns: 240px 1fr; /* 180px — ширина колонки лейблов */
  border-bottom: 1px solid #8e8e8e;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-family:'Raleway', sans-serif; line-height:1.2rem; font-size:1rem;
}

@media (max-width:767px){
    .bank-fields{padding-left:10px; padding-right:10px;}
    .bank-fields li{grid-template-columns:none;}
}


.bank-fields li span {
  font-weight: 500;
}

/*block3*/

/*
.learn-more-btn{font-family: 'Open Sans', sans-serif; font-size: 1.6rem; line-height: 100%;
    font-weight: 600; background-color: #80A775CC; width: fit-content; backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(20px); padding: 1.3rem 2rem; border-radius: 1rem;}
.learn-more-btn:hover{background-color: #80A775BB;}
.learn-more-btn a{color:#fff;}
.learn-more-btn a:hover{color:#fff;} 
*/

/*anim - slide in up effect*/
/*
.reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.1s ease-out, transform 0.3s ease-out;
}
@media (max-width: 1024px) {
  .reveal {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}
*/

/*endaument mob scroll*/
/* Горизонтальный скролл для мобильных */
@media (max-width: 767px) {
  .mhscroll {
    overflow-x: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .mhscroll .mh1 {
    min-width: 300px !important;
  }
}