* {
            font-family: 'Inter', sans-serif;
        }
        
        .hero-bg {
            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
                        url('img/promo1.jpg');
            background-size: cover;
            background-position: center;
            min-height: 100vh;
        }
        
        .gradient-orange {
            background: linear-gradient(135deg, #ff7b47 0%, #ff9500 100%);
        }
        
        .gradient-blue {
            background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
        }
        
        .service-card {
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #ff7b47 0%, #ff9500 100%);
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(255, 123, 71, 0.3);
        }
        
        .btn-secondary {
            background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
            transition: all 0.3s ease;
        }
        
        .btn-secondary:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(74, 144, 226, 0.3);
        }
        
        .fade-in {
            animation: fadeIn 0.6s ease-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
        }
        
        .modal.active {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .calculator-section {
            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
        }
        
        .review-card {
            background: white;
            border-radius: 15px;
            padding: 2rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }
        
        .review-card:hover {
            transform: translateY(-5px);
        }
.inner_tab{
        font-size: 1.125rem;
    line-height: 1.75rem;
    width: 100%;
}
.inner_tab td{
    border: 1px solid #d2dadf;
    padding: 15px;
}  
.in_cont{
    margin-top:40px;
}
.in_cont h2{
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 25px;
}
.in_cont h3{
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 25px;
}
.in_cont p{
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 20px;
}
.in_cont ul{
     margin-bottom: 20px;
    list-style-position: inside;
    list-style-type: disc;
    padding-left: 10px;
}
.in_cont ul li{
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 10px;
}
.accordeon_sec .box {
    background-color: #fff;
border-bottom: 1px solid #ddd;
}
.accordeon_sec .box .label {
    position: relative;
    width: 100%;
    padding: 1rem 1.25rem;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color:#838383;
    cursor: pointer;
}
.box .label svg {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 22px;
}
.box .content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease, padding 0.35s ease;
  padding: 0 1.25rem; /* при закрытом состоянии только горизонтальные отступы */
}
.box .content p{
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 20px;
}
.box .content ul{
     margin-bottom: 20px;
    list-style-position: inside;
    list-style-type: disc;
    padding-left: 10px;
}
.box .content ul li{
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 10px;
}
.box .content.open {
   max-height: 1000px; 
  padding: 1rem 1.25rem; /* вертикальные отступы при открытом состоянии */
}
.label .carret {
    transition: 1s;
}

.label  .actcarrer {
    transform: rotate(180deg);
    transition: 1s;
}
.accordeon_sec{
    margin-top: 35px;
}

.img_single{
        height: 200px;
    width: 100%;
    border-radius: 15px 15px 0 0;
}
.single-card{
            background: white;
            border-radius: 15px;
            padding: 0 0 2rem 0;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }
        
        .single-card:hover {
            transform: translateY(-5px);
        }
.single-card h4{
    padding:30px 0 0 30px;
}      
body.menu-open {
  overflow: hidden;
}

/* Плавный поворот иконки */
.rotate-90 {
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}
#mobileMenu{
    padding-top:100px;
}
main{
    padding-top:30px;
}