/*
Theme Name: NTM Theme
Theme URI: http://example.com/ntm-theme
Author: Your Name
Author URI: http://example.com
Description: Кастомная тема для NTM, созданная на основе предоставленных HTML и CSS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ntm-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Noto Sans', sans-serif;
    scroll-behavior: smooth;
	font-size: large;
}
.newfooter {
	background-color: #1d1b42;
}
.video-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
    object-fit: cover;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 0;
}

.hero-bg {
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}
.py-12 {
    padding-bottom: 0rem !important;
}

.pt-32 {
    padding-top: 3rem !important;
}
.pb-20 {
    padding-bottom: 3rem !important;
}
.mb-10 {
    margin-bottom: 0rem !important;
}
.py-20 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.process-step {
    transition: all 0.3s ease;
    overflow-y: hidden; /* Добавляем, чтобы устранить вертикальную прокрутку */
}
.container {
        max-width: 100%;
        overflow-x: hidden;
		overflow-y: hidden !important;
    }
.-right-6 {
    right: -0.5rem !important;
}
.-bottom-6 {
    bottom: -0.5rem !important;
}
.-top-6 {
    top: -1rem !important;
}
.-left-6 {
    left: -0.8rem !important;
}
.grid {
    padding-bottom: 1rem;
}
@media (min-width: 768px) {
    .md\:py-24 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}
.rounded-lg {
    border-radius: 2.5rem;
}
.open-modal-btn {
	margin-bottom: 15px;
}



.service-card { transition: all 0.3s ease; }
.service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.service-icon { transition: all 0.3s ease; }
.service-card:hover .service-icon { transform: scale(1.2); }
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -4px; left: 0; background-color: #3b82f6; transition: width 0.3s ease; }
.nav-link:hover::after { width: 100%; }
.active-tab, .tab-button.active { color: #3b82f6; border-bottom: 2px solid #3b82f6; }
.tab-content { display: none; }
.tab-content.active { display: block; animation: fadeIn 0.5s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.gradient-bg { background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%); }