/*
Theme Name: CG Expert
Theme URI: https://cgexpert.uz
Author: Vagif Nakhnedov
Description: Professional trilingual consulting theme (RU/UZ/EN)
Version: 1.0.0
License: GPL-2.0+
Text Domain: cg-expert
*/

@font-face {
  font-family: 'TildaSans';
  font-style: normal;
  font-weight: 250 1000;
  src: url('fonts/TildaSans-VF.woff2') format('woff2-variations');     
}
@font-face {
  font-family: 'TildaSans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/TildaSans-VF.woff2') format('woff2-variations'),
       url('fonts/TildaSans-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'TildaSans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/TildaSans-VF.woff2') format('woff2-variations'),
       url('fonts/TildaSans-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'TildaSans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/TildaSans-VF.woff2') format('woff2-variations'),
       url('fonts/TildaSans-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'TildaSans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/TildaSans-VF.woff2') format('woff2-variations'),
       url('fonts/TildaSans-Semibold.woff2') format('woff2');
}
@font-face {
  font-family: 'TildaSans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/TildaSans-VF.woff2') format('woff2-variations'),
       url('fonts/TildaSans-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'TildaSans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/TildaSans-VF.woff2') format('woff2-variations'),
       url('fonts/TildaSans-Extrabold.woff2') format('woff2');
}
@font-face {
  font-family: 'TildaSans';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/TildaSans-VF.woff2') format('woff2-variations'),
       url('fonts/TildaSans-Black.woff2') format('woff2');
}

:root{--or:#F26521;--dk:#111;--wh:#fff;--lg:#f5f5f5;--tx:#333;--mu:#666;--bd:#e0e0e0;--gf:#ff7752;}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'TildaSans',Arial,sans-serif;color:var(--tx);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'TildaSans',sans-serif;line-height:1.2}
a{text-decoration:none;transition:color .2s}
img{display:block;max-width:100%;object-fit:cover}
.c{max-width:1140px;margin:0 auto;padding:0 24px}

.site-header{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(8,8,8,.9);backdrop-filter:blur(12px);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.site-logo{display:flex;align-items:center;gap:10px}
.site-logo img{height:34px;width:auto}
.logo-text{font-family:'TildaSans',sans-serif;font-weight:800;font-size:1.3rem;color:#fff;letter-spacing:2px}
.header-right{display:flex;align-items:center;gap:34px}
.main-nav ul{display:flex;gap:26px;list-style:none}
.main-nav a{color:rgba(255,255,255,.82);font-family:'TildaSans',sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.5px}
.main-nav a:hover{color:var(--or)}
.lang-switcher{display:flex;gap:3px}
.lang-btn{padding:3px 9px;border-radius:2px;font-family:'TildaSans',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:1px;color:rgba(255,255,255,.55);cursor:pointer;border:none;background:none;transition:all .2s}
.lang-btn:hover,.lang-btn.active{background:var(--or);color:#fff}
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.menu-toggle span{display:block;width:24px;height:2px;background:#fff;transition:all .3s}

.hero{position:relative;height:100vh;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero-sm{height:55vh;min-height:420px}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);transition:transform 8s}
.hero:hover .hero-bg{transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.68)0%,rgba(0,0,0,.5)50%,rgba(0,0,0,.68)100%)}
.hero-content{position:relative;z-index:2;max-width:1200px;padding:70px 24px 0 24px;}
.hero-content h1{font-size:64px;font-weight:600;color:#fff;margin-bottom:18px;line-height: 1.3;}
.hero-sub{font-size:32px;color:rgba(255,255,255,.82);margin-bottom:36px;max-width:960px;margin-left:auto;margin-right:auto}
.hero-ph{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:10px}
.hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero-input-row{display:flex;max-width:460px;margin:26px auto 0}
.hero-input-row input{flex:1;padding:12px 16px;border:none;background:rgba(255,255,255,.93);font-size:.9rem;font-family:'Open Sans',sans-serif;border-radius:2px 0 0 2px;outline:none}
.hero-input-row .btn{border-radius:0 5px 5px 0;white-space:nowrap}

.btn{display:inline-block;padding:13px 28px;font-family:'TildaSans',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;border-radius:5px;cursor:pointer;transition:all .2s;border:2px solid transparent}
.btn-primary{background:var(--or);color:#fff;border-color:var(--or);cursor: pointer;}
.btn-primary:hover{background:transparent;color:var(--or)}
.btn-outline{background:transparent;color:#fff;border-color:#fff}
.btn-outline:hover{background:#fff;color:var(--dk)}
.btn-wh-or{background:transparent;color:#fff;border-color:rgba(255,255,255,.8)}
.btn-wh-or:hover{background:#fff;color:var(--or)}

.section{padding:84px 0}
.section-gray{background:var(--lg)}
.section-orange{background:var(--gf)}
.section-title{font-size:42px;font-weight:600;color:var(--dk);margin-bottom:13px}
.section-title.center{text-align:center}
.section-title.white{color:#fff}
.section-sub{font-size:26px;color:var(--mu);text-align:center;max-width:560px;margin:0 auto 52px;line-height:32px;font-weight: 300;}
.section-sub.white{color:rgba(255,255,255,.84)}
.divider{width:46px;height:3px;background:var(--or);margin:13px 0 22px}
.divider.center{margin:13px auto 22px}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.two-col.rev{direction:rtl}
.two-col.rev>*{direction:ltr}
.col-img{overflow:hidden;border-radius:3px}
.col-img img{width:100%;height:340px;transition:transform .5s}
.col-img:hover img{transform:scale(1.04)}

.about-label{font-family:'TildaSans',sans-serif;font-weight:600;font-size:42px;color:var(--dk);margin-bottom:13px}
.about-text{font-size:20px;line-height:1.55;color:var(--tx)}
.about-text strong{font-weight:700;color:var(--dk)}
.mission-text{text-align:center;font-size:20px;line-height:1.8;color:var(--tx);max-width:370px}

.why-features{display:flex;flex-direction:column;gap:42px;max-width:720px;margin:0 auto}
.feature-item{display:flex;gap:22px;align-items:flex-start}
.feature-icon{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:var(--lg);display:flex;align-items:center;justify-content:center}
.feature-icon svg{width:21px;height:21px;stroke:var(--mu);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.feature-body h3{font-family:'TildaSans',sans-serif;font-weight:600;font-size:22px;color:var(--dk);margin-bottom:7px}
.feature-body p{font-size:20px;color:var(--mu);line-height:1.7}

.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{background:#fff;padding:26px 16px;border-radius:2px;text-align:center;box-shadow:0 1px 6px rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s}
.service-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)}
.service-card h3{font-family:'TildaSans',sans-serif;font-weight:700;font-size:.88rem;color:var(--dk);margin-bottom:10px;line-height:1.35}
.service-card p{font-size:.78rem;color:var(--mu);line-height:1.62}

.image-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.image-card{position:relative;height:400px;overflow:hidden;cursor:pointer}
.image-card img{width:100%;height:100%;transition:transform .5s}
.image-card:hover img{transform:scale(1.08)}
.image-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1)0%,rgba(0,0,0,.72)100%);display:flex;align-items:center;padding:16px 12px;text-align: center;}
.image-card-overlay h3{font-family:'TildaSans',sans-serif;font-weight:600;font-size:20px;color:#fff;line-height:1.35}

.expert-title{font-family:'TildaSans',sans-serif;font-weight:600;font-size:52px;color:var(--dk);line-height:1.23;margin-bottom:16px;text-align:center;}
.expert-tagline{font-family:'TildaSans',sans-serif;font-weight:600;font-size:32px;color:var(--gf);text-align:center;}
.expert-body{font-size:22px;;line-height:1.8;color:var(--tx);text-align: center;}
.expert-body strong{font-weight:700}

.cta-banner{padding:72px 0;text-align:center}
.cta-banner h2{font-family:'TildaSans',sans-serif;font-weight:600;font-size:48px;color:#fff;margin-bottom:14px}
.cta-banner p{color:rgba(255,255,255,.85);margin-bottom:32px;font-size:24px;max-width:600px;margin: 0 auto;}
.t580__buttons {margin-top: 70px;}
.t-margin_auto {margin-left: auto;margin-right: auto;}
.t580__buttons-wrapper {position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 20px;margin-bottom: 20px;width: max-content;max-width: 100%;}
.t580__arrow-icon_mobile {display: none;}
.t580__arrow-icon {width: 45px;position: absolute;left: -30px;-webkit-transform: translateX(-100%);transform: translateX(-100%);fill: #fff;top: 0;bottom: 0;margin: auto;}
.t-btnflex__text {max-width: 100%;overflow: hidden;text-align: center;white-space: inherit;text-overflow: ellipsis;}
.t580 .t-btn {margin-bottom: 0 !important;margin-right: 0 !important;}
.t-btnflex, .t-btn.t-btnflex, .t-submit.t-btnflex {display: inline-flex;align-items: center;justify-content: center;gap: 1ch;max-width: 100%;height: unset;padding: 0;overflow: hidden;font-family: 'TildaSans',Arial,sans-serif,Arial,sans-serif;font-weight: 600;line-height: var(--line-height,1.4);padding-top: calc(((var(--height,0px) - 1em * var(--line-height,1.4)) / 2) - var(--border-width,0px));padding-bottom: calc(((var(--height,0px) - 1em * var(--line-height,1.4)) / 2) - var(--border-width,0px));box-sizing: border-box;border-style: solid;border-color: transparent;border-width: var(--border-width,0);background-image: none;cursor: pointer;user-select: none;text-decoration: none;color: inherit;border-radius: 0;background-color: transparent;white-space: nowrap;}
.t-btnflex_md, .t-btn.t-btnflex_md, .t-submit.t-btnflex_md {--height: 60px;font-size: 16px;padding-left: 60px;padding-right: 60px;}
.t-btnflex.t-btnflex_type_button {color: #ff5c33;background-color: #ffffff;--border-width: 0px;border-style: none !important;border-radius: 5px;box-shadow: none !important;transition-duration: 0.2s;transition-property: background-color, color, border-color, box-shadow, opacity, transform, gap;transition-timing-function: ease-in-out;text-decoration:none;}
/*.t-btn {display: inline-block;font-family: 'TildaSans',Arial,sans-serif;border: 0 none;text-align: center;white-space: nowrap;vertical-align: middle;font-weight: bold;background-image: none;cursor: pointer;-webkit-appearance: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*/
.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px}
.advantage-item{text-align:center}
.adv-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.adv-icon svg{stroke:var(--or);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.advantage-item p{font-size:18px;color:var(--mu);line-height:1.72}

.contacts-section{padding:84px 0;background:var(--lg)}
.contacts-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.contacts-info h2{font-family:'TildaSans',sans-serif;font-weight:700;font-size:42px;color:var(--dk);margin-bottom:26px}
.contact-line{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;font-size:20px;color:var(--tx)}
.contact-line svg{width:17px;height:17px;stroke:var(--or);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:8px}
.cslinks{display:flex;gap:10px;margin-top:20px}
.cslinks a{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.cslinks a:hover{transform:scale(1.12)}
.cslinks svg{width:16px;height:16px;fill:#fff}

.form-section{padding:84px 0;background:#fff}
.form-inner{max-width:560px;margin:0 auto;text-align:center}
.contact-form{text-align:left;margin-top:10px}
.form-field{margin-bottom:13px}
.form-field input,.form-field textarea{width:100%;padding:12px 16px;border:1px solid var(--bd);border-radius:5px;font-family:'Open Sans',sans-serif;font-size:.9rem;color:var(--tx);outline:none;transition:border-color .2s}
.form-field input:focus,.form-field textarea:focus{border-color:var(--or)}
.form-field input::placeholder,.form-field textarea::placeholder{color:#bbb}
.form-field textarea{height:108px;resize:vertical}
.form-submit{text-align:center;margin-top:20px}
.form-submit .btn{min-width:180px}
.form-privacy{text-align:center;margin-top:12px;font-size:.75rem;color:#aaa}
.form-msg{padding:11px 15px;border-radius:2px;margin-top:12px;font-size:.85rem;display:none}
.form-msg.ok{background:#d4edda;color:#155724;display:block}
.form-msg.err{background:#f8d7da;color:#721c24;display:block}

.site-footer{background:#0d0d0d;padding:36px 0 22px;text-align:center}
.footer-contacts{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}
.footer-contacts a{color:rgba(255,255,255,.68);font-size:.88rem}
.footer-contacts a:hover{color:var(--or)}
.footer-contacts span{color:rgba(255,255,255,.4);font-size:.8rem}
.social-btns{display:flex;justify-content:center;gap:8px}
.social-btn{width:52px;height:52px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;text-decoration:none}
.social-btn:hover{transform:translateY(-3px)}
.social-btn svg{width:20px;height:20px;fill:#fff}
.s-phone{background:#222}
.s-wa{background:#25D366}
.s-tg{background:#2AABEE}
.s-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.footer-bottom{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);font-size:.74rem;color:rgba(255,255,255,.3)}

.fade-up{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.fade-up.in{opacity:1;transform:none}
.t-cover__arrow {bottom: 40px;left: 0;position: absolute;right: 0;text-align: center;z-index: 9;}
.t-cover__arrow-wrapper {cursor: pointer;display: inline-block;transition: all .2s ease-in-out;}
.t-cover__arrow-wrapper_animated {
    -webkit-animation: t-arrow-bottom 1.7s ease infinite;
    animation: t-arrow-bottom 1.7s ease infinite;
}
@media(prefers-reduced-motion:reduce){.fade-up{opacity:1;transform:none}}

@media(max-width:1024px){.services-grid,.image-cards{grid-template-columns:repeat(2,1fr)}}
@media screen and (max-width: 960px) {
    .t580__buttons {margin-top: 30px;}
	.t580__buttons-wrapper {flex-direction: column;gap: 10px;margin-bottom: 20px !important;}
	.t580__arrow-icon_mobile {display: block;width: 20px;margin: 0 auto 20px;fill: #fff;}
	.t580__arrow-icon {display: none;}
}
@media(max-width:768px){
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,.97);padding:20px 24px}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column;gap:14px}
  .menu-toggle{display:flex}
  .two-col,.two-col.rev{grid-template-columns:1fr;gap:34px;direction:ltr}
  .hero-btns{flex-direction:column;align-items:center}
  .advantages-grid{grid-template-columns:1fr;gap:32px}
  .contacts-grid{grid-template-columns:1fr;gap:36px}
  .section{padding:60px 0}
}
@media screen and (max-width: 640px) {
    .t-cover__arrow {bottom: 14px;}
	.t-cover__arrow_mobile {-webkit-transform: scale(.7);transform: scale(.7);}
	.t580 .t-btn, .t580__buttons-wrapper {margin-bottom: 10px !important;width: 100%;}
	.hero-content h1, .expert-title, .cta-banner h2, .section-title, .contacts-info h2 { font-size: 30px;}
	.expert-tagline {font-size: 14px;}
	.image-card-overlay h3 {font-size:16px;}
	.cta-banner p {font-size: 20px;}
	.contact-line {font-size:18px;}
}
@media(max-width:480px){
  .services-grid,.image-cards{grid-template-columns:1fr}
  .hero-input-row{flex-direction:column}
  .hero-input-row input,.hero-input-row .btn{border-radius:2px}
}
@keyframes t-arrow-bottom{
	0% {-webkit-transform: translateY(0);transform: translateY(0);}
	50% {-webkit-transform: translateY(-7px);transform: translateY(-7px);}
	55% {-webkit-transform: translateY(-7px);transform: translateY(-7px);}
	100% {-webkit-transform: translateY(0);transform: translateY(0);}
}