body{
	background:#000628;
	color:#cfcfcf;
}
.blog-content p{
 margin-bottom:0;   
}
.bl{
    text-align:justify;
}
.modal{
    z-index:1000;
}
.tit2{
	font-size:2rem;
}
.big-title{
	font-size: 3rem;
}
.text22{
    color:#ddb166;
}
.phone22{
    font-size:2rem;
    font-weight:700;
    margin-bottom:30px;
}
.hero-content h3{
    font-size:24px;
}
h3.title-info_text{
    font-weight:400;
}
.title-upper_area .title-info_text{
	width:80%;
	text-indent: 0;
	font-size: 1.5rem;
}
.phone2{
	font-size: 1.2rem;
    margin-left: 11px;
}
.skill-item{
	border-radius:20px;
}
.mobile-menu-wrapper .mobile-menu-area{
    background-color:#000628;
}
.mobile-menu-wrapper .mobile-logo{
    background-color:#000628;
}
.serv{
	border:1px solid #ffffff1a;
	border-radius: 20px;
}
.blog-card .blog-content .blog-title {
    margin: 0 0 15px;
    font-size: 1.6rem;
    line-height: 1.34;
    font-weight: 700;
    transition: color .3s ease;
    width: 100%;
}
.mobile-logo img{
	max-width:150px;
}
.hero-2 .hero-experience-wrapper .inner{
	background: #091242;
}
.bg-theme2{
	background-color: #091242!important;
}
.blog-card{
	background:#000628;
}
.sticky-wrapper.header-sticky{
	background-color:#000628;
}
.portfolio-wrap .portfolio-details .portfolio-title {

    margin-bottom: 12px;
}
.portfolio-details p{
	color:#fff;
}
.portfolio-details ul li{
	list-style-type: circle;
	margin-left: 1.5rem;
}
.mailtop{
	padding-left:40px;
}
.header-button{
	padding: 11px 0;
}

.gallery-item {
    display: block;
    transition: all 0.2s ease-in-out;
}

.gallery-item:hover {
    opacity: 0.8;
}

.page-link {
    color: #333;
}

.page-link:focus {
    color: #ddb166;
    box-shadow: none;
}

.page-link:hover {
    color: #ddb166;
}
.text-color{
    color: #ddb166!important;
}
.hero-place p{
    display:inline-block;
    margin-right:15px;
}
.hero-style2 .hero-left .hero-title_wrapper.upper{
    margin-bottom:15px;
}
.page-item.active .page-link {
    background-color: #ddb166;
    border-color: #ddb166;
    color: #fff;
}

.mobile-menu-wrapper {
    right: 0;
}

.mobile-menu-wrapper .mobile-menu-area {
    position: absolute;
    right: 0;
    left: auto;
    transform: translateX(100%);
}
p{
    color:#fafafa;
}
.hero-thumb img{
    max-width:625px!important;
}

body::-webkit-scrollbar-thumb{
        background-color: #ddb166;
    background-image: none;
    border-radius: 15px;
}
.socc .link-effect {
    height: 50px;
    line-height: 48px;
}
.specpt{
    padding-top:13rem;
}
select.style2, .single-select.style2, .form-control.style2, .form-select.style2, textarea.style2, input.style2 {
    background-color: #000628;
}
select, .single-select, .form-control, .form-select, textarea, input {
    background-color: #000628;
}
.breadcumb-title {
    letter-spacing: normal;
}
@media (max-width: 440px) {
    .phonem{
        font-weight:700;
        font-size:1.2rem;
    }
    .specpt{
        padding-top:9rem;
    }
	.mailtop{
		display:none;
	}
    .hero-style2 .hero-left .hero-title_wrapper .hero-title {
        font-size: 2.5rem;
                margin-top: -20px;
    }
    .hero-style2 .hero-left .hero-sub_title {
	    font-size: 18px;
	    margin-bottom: 3px;
	   
	}
	.bl {
        text-align: left;
        font-size: 1rem;
    }
    .hero-style2 .hero-left {
        padding-top: 8rem;
    }
    .hero-thumb img{
        max-width:100%!important;
    }
    .experience-wrap-area.style-2 .single-experience-list .left {
        width: 100%;
        text-align: left;
    }
    .about-area.style-two .about-experience-wrapper .year {
        font-size: 72px;
        line-height: 96px;
    }
    .social-btn.style3 .link-effect {
    
        line-height: 40px;
    }
}

.mobile-menu-area .link-btn {
    padding: 12px 16px;
    font-size: 13px;
}

.mobile-menu-area .link-btn img {
    display: none;
}

.mobile-menu-area .link-effect .effect-1 {
    white-space: nowrap;
}

.header-consult {
    display: none;
}

@media (min-width: 1600px) {
    .header-consult {
        display: block;
    }
}

.urgent-actions .contact-btn .btn-black {
    padding: 14px 12px;
    font-size: 16px;
    line-height: 22px;
}

.urgent-caption {
    display: inline-block;
    margin-top: 14px;
    color: inherit;
    text-decoration: none;
}

.urgent-caption:hover {
    color: #ddb166;
}

a.feature-box {
    color: inherit;
    text-decoration: none;
}

a.feature-box:hover {
    color: inherit;
}

.feature-box-icon .channel-max,
.social-item .channel-max {
    color: #ddb166;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
}

.hero-wrapper .hero-social .parallax-wrap a.channel-max-link,
.social-btn.style3 a.channel-max-link {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

a.link-btn:focus-visible,
a.btn-black:focus-visible,
a.urgent-caption:focus-visible,
a.feature-box:focus-visible,
.hero-wrapper .hero-social a:focus-visible,
.social-btn a:focus-visible,
.social-item:focus-within {
    outline: 2px solid #ddb166;
    outline-offset: 4px;
}



/* SEO: доступно скрытое дополнение к H1 главной (читается скринридерами и поисковиками) */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Заголовок хлебных крошек (h1): компенсация браузерного дефолта отступов
   (h1 = .67em против h2 = .83em) */
.breadcumb-title .big-title{margin-top:.83em}

/* Маркеры списков в контенте страниц услуг (тема сбрасывает list-style) */
.service-content ul li{position:relative;padding-left:24px;margin-bottom:10px}
.service-content ul li::before{content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;background:var(--theme-color)}
.service-content ul{margin-bottom:24px}

/* Вертикальный ритм контента страниц услуг.
   Принцип группировки: перед заголовком большой зазор (начало смысловой
   группы), после заголовка — маленький (заголовок прижат к своему тексту). */
.service-content h2{margin-top:56px;margin-bottom:20px}
.service-content h2:first-child{margin-top:0}
.service-content h3{margin-top:40px;margin-bottom:14px}
.service-content p{margin-bottom:16px}
.service-content li p{margin-bottom:6px}

/* Планшет и мобильный: ритм компактнее, но воздух сохраняется */
@media (max-width: 1199px){
    .service-content h2{margin-top:48px}
    .service-content h3{margin-top:34px}
}
@media (max-width: 767px){
    .service-content h2{margin-top:36px;margin-bottom:16px}
    .service-content h3{margin-top:28px;margin-bottom:10px}
    .service-content p{margin-bottom:14px}
}

/* Строка автора/даты в статьях блога и фолбэк-превью карточки без изображения */
.news-meta{color:var(--gray-color);font-size:15px;margin-top:20px;margin-bottom:0}
.blog-thumb_placeholder{display:flex;align-items:center;justify-content:center;min-height:230px;background:rgba(255,255,255,0.04);border:1px solid var(--border-color)}
.blog-thumb_placeholder img{width:64px;height:auto;opacity:.55;transition:opacity .3s}
.blog-card:hover .blog-thumb_placeholder img{opacity:.9}

/* Каталог услуг (/uslugi): оглавление-якоря, групповые заголовки, компакт-прайс */
.toc-pills{margin:36px 0 8px;display:flex;flex-wrap:wrap;gap:10px}
.toc-pills a{display:inline-block;padding:10px 22px;border:1px solid var(--border-color);border-radius:999px;color:var(--title-color);font-size:15px;transition:border-color .25s,color .25s}
.toc-pills a:hover{border-color:var(--theme-color);color:var(--theme-color)}
.serv-group{font-size:36px;margin-top:48px;scroll-margin-top:130px}
.price-list{list-style:none;padding:0;margin:28px 0 18px;max-width:860px}
.price-list li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:13px 0;border-bottom:1px dotted rgba(255,255,255,0.18)}
.price-list .price-val{color:var(--theme-color);font-weight:700;white-space:nowrap}
.price-note{color:var(--gray-color);max-width:860px}
@media (max-width: 767px){
    .serv-group{font-size:28px;margin-top:36px;scroll-margin-top:110px}
    .toc-pills{margin:24px 0 4px}
    .price-list li{flex-direction:column;gap:2px}
}