/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
html, body, h1, h2, h3, h4, h5, h6, p, span, strong, input, button{
    font-family: 'Geologica';
}
.ehf-header #masthead{
    position: fixed;
    width: 100%;
    max-height: 70px;
}
.icon-container{
    width:32px;
    height:32px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{
    background:#fff !important;
    width:80%;
    height:2px;
    transform: translateX(-50%);
    left:50%;
}
.e-n-accordion-item-title-custom-icon{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:12px;
    background:#fff;
    transition:all 0.3s ease-in-out;
}
.elementor-widget-n-accordion .e-n-accordion-item-title-header{
    align-items:center;
}
.e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-custom-icon{
  color:#fff !important;
  background:#0042FF !important;
}
.e-n-accordion-item-title{
    transition:all 0.4s ease-in-out;
}
.e-n-accordion-item-title[aria-expanded="true"]{
    border-color:transparent !important;
}
p{
    margin-bottom:0;
    margin-block-end:0px;
}
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{
    margin-bottom:0px;
    margin-block-end:0px;
}
.elementor-widget-n-accordion .e-n-accordion-item-title{
    justify-content: space-between !important;
}
.e-n-accordion-item-title-icon{
    transition:all 0.4s ease-in-out;
}
.e-n-accordion-item-title-icon .e-opened{
    transform: rotate(45deg);
}

.e-n-accordion-item-title-icon .e-opened, .e-n-accordion-item-title-icon .e-closed{
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    

}
.e-n-accordion-item-title-icon .e-opened{
  background: #0042FF;  
}

.e-n-accordion-item-title-icon .e-closed{
    background:#fff;
}
.e-n-accordion-item-title[aria-expanded="true"] .e-closed, .e-n-accordion-item-title[aria-expanded="false"] .e-opened{
    display:none !important;
}
.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{
    fill:#0042FF;
}
.row{
    display:flex;
    justify-content:space-between;
    gap:10px;
}
.col{
    margin-bottom:10px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.col-6{
    width:50%;
}
.col-12{
    width:100%;
}
.col label{
    font-size:16px;
    font-weight:400;
    color:#00030C;
    font-family: 'Geologica';
    margin-bottom:6px;
}
input.custom-form-field{
    border:1px solid #D9D9D9;
    border-radius:12px;
    font-size:16px;
    font-weight:400;
    padding:16px;
}
input.custom-submit-button{
    padding:14px 20px;
    border-radius:10px;
    border:2px solid #0042FF;
    background:#0042FF;
    color:#fff;
    font-size:16px;
    font-weight:700;
    margin: 16px auto;
    width: max-content;
    display: block;
    transition:all 0.3s ease-in-out;
}
input.custom-submit-button:hover{
    color:#0042FF;
    background:#fff;
}
footer{
    margin-top:-335px;
}
.pre-footer{
    position:relative;
    overflow-x: hidden;
}
.pre-footer:before{
    content: "";
  position: absolute;
  z-index: 0;
  
  /* Позиционируем и растягиваем эллипс */
  /* (Здесь нужны точные значения из макета) */
  width: 150%; 
  height: 100%;
  left: -25%;
  top: 0;

background-image: radial-gradient(ellipse, rgba(255, 255, 255, 1), rgba(0, 66, 255, 0.25));
}
.quick-links nav ul li a{
    padding:5px 0px 5px 0px !important;
}
.page-id-540 .page-content, .page-id-542 .page-content{
    padding: 100px 20px 350px 20px;
}

main{
    min-height:100vh;
}
.inner-banner .e-con-inner{
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px 0px 16px 16px;
}
.inner-banner.about-bg .e-con-inner{
   background-image: url(https://in-fuel.com/wp-content/uploads/2025/11/about-bg.webp); 
       background-position: center;
    background-repeat: no-repeat;
}
.inner-banner.contact-bg .e-con-inner{
   background-image: url(https://in-fuel.com/wp-content/uploads/2025/11/contact-bg.webp); 
       background-position: center;
    background-repeat: no-repeat;
}
.inner-banner.blog-bg .e-con-inner{
    background-image: url(https://in-fuel.com/wp-content/uploads/2025/11/blog-bg.webp); 
        background-position: center;
    background-repeat: no-repeat;
}
.contact-page-icon .elementor-icon-box-icon{
    background:#0042FF;
    border-radius:12px;
}
.contact-page-icon .elementor-icon-box-description a{
    color:#000;
    text-decoration:none;
}
.page-id-677 footer{
    position:relative;
    z-index:2;
}
.after-container{
    position:relative;
}
.after-container:after{
    content: '';
    width: 561px;
    height: 835px;
    position: absolute;
    top: 185px;
    left: 50%;
    transform: translateX(-50%);
    background: url(https://in-fuel.com/wp-content/uploads/2025/11/Mask-group.webp) no-repeat center;
    z-index: 0;
    pointer-events:none;
}
.after-container:before{
    content: '';
    width: 892px;
    height: 400px;
    position: absolute;
    top: 490px;
    left: 50%;
    transform: translateX(-50%);
    background: url(https://in-fuel.com/wp-content/uploads/2025/11/404-before.webp) no-repeat center;
    z-index: 0;
    pointer-events:none;
    background-size:cover;
}
.hfe-post-card .hfe-post-image{
    max-height: 440px;
    overflow: hidden;
    height: 440px;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(0, 19, 72, 0.04);
}
.hfe-post-image a img{
    height: 100%;
    width: auto;
    transform: scale(1.5);
}
.hfe-post-card{
    position:relative;
    max-height:440px;
}
.hfe-post-content{
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:2;
}
.hfe-read-more.hfe-read-more-type-icon{
    width: 40px;
    display: flex;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    position:absolute;
    top:20px;
    right:20px;
    z-index:2;
}
.hfe-post-title a{
    text-decoration:none;
}
.hfe-post-card:before{
    content:'';
    width:100%;
    height:50%;
    position:absolute;
    bottom:0px;
    left:0px;
    border-radius:0px 0px 16px 16px;
    backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Для поддержки Safari */
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,  
    black 100%        
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 100%
  );
  background-image: linear-gradient(to right top, #000000, #000000, #000000, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.10));
  z-index:1;
}
#comments.comments-area{
    display:none !important;
}
.single-post footer{
    margin-top:0px;
}
.blog-inner-banner .e-con-inner{
        background-color: #001348;
        position:relative;
        border-radius: 0px 0px 16px 16px;
}
.blog-inner-banner .e-con-inner:before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
    pointer-events:none;
        background-color: transparent;
    background-image: linear-gradient(180deg,  #001348 0%, #0042FF 100%);
    border-radius: 0px 0px 16px 16px;
}
.hfe-read-more.hfe-read-more-type-icon{
    transform:scale(1);
    transition:all 0.3s ease-in-out;
}
.hfe-read-more.hfe-read-more-type-icon:hover{
    background:#001348;
    transform:scale(1.05);
    
}
/* Стили для затемненного фона (оверлея) */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7); /* Затемнение */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        /* Класс для отображения popup */
        .popup-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Стили самого модального окна */
        .popup-content {
            background: #fff;
            padding: 40px 40px;
            border-radius: 8px;
            position: relative;
            width: 90%;
            max-width: 500px; /* Ограничение ширины на десктопах */
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            transform: scale(0.7);
            transition: transform 0.3s ease;
            text-align: center;
        }

        .popup-overlay.active .popup-content {
            transform: scale(1);
        }

        /* Кнопка-крестик */
        .popup-close {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 28px;
            font-weight: bold;
            color: #333;
            cursor: pointer;
            line-height: 1;
            user-select: none;
        }

        .popup-close:hover {
            color: #ff0000;
        }
.popup-content h2{
    margin-bottom:10px;
    font-size:28px;
}
.popup-content p{
    margin-bottom:5px;
    font-size:16px;
    font-weight:300;
}
.popup-content strong{
    color:#0042FF;
    font-weight:bold;
}
.popup-content form{
    margin-top:30px;
}
.popup-content input.custom-form-field{
        background: #f5f5f5;
        margin-bottom:5px;
    border: 2px solid transparent;
}
/*.popup-content .row .col label{
    display:none;
}*/
.popup-content input.custom-submit-button{
    width:100%;
}
        /* Адаптивность для маленьких экранов */
        @media (max-width: 480px) {
            .popup-overlay.active .popup-content {
                transform: scale(0.7);
            }
            .popup-content {
                padding: 30px 15px;
                width: 90%;
            }
            .popup-content p{
                margin-bottom:5px;
                font-size:14px;
                font-weight:300;
            }
            .popup-content h2{
                margin-bottom:10px;
                font-size:22px;
            }
        }

@media screen and (max-width: 768px) {
    .error404 footer{
        margin-top:-800px;
    }
    .page.page-id-1012 footer{
        margin-top:0;
    }
    footer{
        margin-top:-750px;
    }
    .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-custom-icon{
        color:#fff !important;
        background:transparent !important;
    }
    .e-n-accordion-item-title-custom-icon{
        background:transparent !important;
        color:#fff !important;
    }
    .e-n-accordion-item-title-icon .e-opened{
      background: transparent !important;  
    }
    
    .e-n-accordion-item-title-icon .e-closed{
        background: transparent !important; 
    }
    .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container{
        padding: 30px 30px;
    }
    .after-container:after{
        display:none;
    }
    .after-container:before{
        width: 226px;
        height: 400px;
        top: 400px;
        left: 50%;
        transform: translateX(-50%);
        background:url('https://in-fuel.com/wp-content/uploads/2025/11/404-mobile.png') no-repeat center;
    }

}