*{margin:0;padding:0}@font-face{font-family:"Inter";src:url(https://modulstal.uz/static/fonts/Inter_Regular.ttf)}@font-face{font-family:"Inter-Medium";src:url(https://modulstal.uz/static/fonts/Inter_Medium.ttf)}@font-face{font-family:"Inter-Bold";src:url(https://modulstal.uz/static/fonts/Inter_Bold.ttf)}:root{--background-dark: #2d3548;--text-light: rgba(255, 255, 255, 0.6);--text-lighter: rgba(255, 255, 255, 0.9);--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-xxl: 64px;--width-container: 1200px}body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter"}html{scroll-behavior:smooth}a{text-decoration:none}.background-container{position:relative;width:100%;overflow:hidden}.background-image{position:absolute;top:50%;left:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate(-50.05%, -50.03%);-ms-transform:translate(-50.05%, -50.03%);transform:translate(-50.05%, -50.03%);z-index:-1;-webkit-filter:brightness(0.2) saturate(1.2) contrast(0.85);filter:brightness(0.2) saturate(1.2) contrast(0.85)}.header{height:100vh;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-product{height:100vh;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-logo img{max-width:100%;height:50px;border-right:1px solid hsla(0,0%,100%,.5);padding-right:40px}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:25px;max-width:1200px;margin:25px auto;background-color:rgba(84,76,78,.4588235294);border-radius:24px;padding:15px 30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-item{color:#fff;font-size:24px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.nav-item:hover{-webkit-transform:translate(0, -5px);-ms-transform:translate(0, -5px);transform:translate(0, -5px);text-decoration:underline}.lang-btn{background-color:inherit;border:none;cursor:pointer;color:#fff;font-size:18px}.active-lang{text-decoration:underline}.header-text{font-family:"Inter-Medium";font-size:64px;max-width:1200px;text-align:center}.header-button{color:#fff;font-family:"Inter-Bold";font-size:64px;background-color:rgba(92,92,92,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 30px;border-radius:10px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.header-button:hover{-webkit-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px);text-decoration:underline}.animationArrow{margin-bottom:50px;-webkit-animation:moveUpDown 1.5s infinite ease-in-out;animation:moveUpDown 1.5s infinite ease-in-out}@-webkit-keyframes moveUpDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveUpDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@media(max-width: 1150px){.nav{gap:15px}.nav-item{font-size:18px}}@media(max-width: 885px){.nav{gap:15px}.nav-item{font-size:16px}.header-text{font-size:32px;padding:0 15px}}@media(max-width: 768px){.nav{-ms-flex-wrap:wrap;flex-wrap:wrap}.header-logo img{border:none;text-align:center}.header-logo{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center}.header-button{font-size:32px}}@media(max-width: 500px){.header-text{font-size:24px}.header-button{font-size:28px}}.product{height:100%;padding:50px 0}.container{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1200px;margin:0 auto 50px auto;padding-top:50px}.slider-title{font-size:40px;text-align:center;font-family:"Inter-Medium";color:#fff;margin-bottom:30px}.sidebar{width:20%;background-color:hsla(0,0%,100%,.368627451);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid #ddd;border-radius:10px 0 0 10px;padding:10px}.sidebar-link{display:block;padding:10px 15px;text-decoration:none;color:#000;font-size:14px;border-bottom:1px solid #ddd;-webkit-transition:background-color .3s;transition:background-color .3s;color:#fff}.sidebar-link:hover{background-color:#f2f2f2}.sidebar-link.active{background-color:darkred;color:#fff}.slider-container{width:80%;padding:20px;background:hsla(0,0%,100%,.368627451);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 10px 10px 0}.slider-container h2{font-size:18px;margin-bottom:20px}.swiper{width:100%;height:400px;margin-bottom:20px}.swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.swiper-button-next:after,.swiper-button-prev:after{color:#000;background-color:#f2f2f2;padding:10px;border-radius:50%;width:40px;height:-webkit-fill-available;font-size:24px}.standards{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.standards a{padding:10px 15px;border:none;background-color:#d4ff00;font-size:14px;cursor:pointer;border-radius:5px;-webkit-transition:background-color .3s;transition:background-color .3s}.standards a:hover{background-color:#a3cc00}@media(max-width: 900px){section{padding:0 10px}.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;width:95%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;border-radius:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;margin-bottom:50px;border:none}.sidebar-link{font-size:18px}.slider-container{border-radius:10px;width:95%}}@media(max-width: 768px){.slider-title{font-size:24px}.slider-container{width:90%;margin:0 auto}.standards{-ms-flex-wrap:wrap;flex-wrap:wrap}}.tabs-container{background-color:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;max-width:1200px;margin:0 auto;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);color:#fff}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.tab-button{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 15px;border:none;background-color:hsla(0,0%,100%,.3);font-size:16px;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.tab-button:hover{background-color:hsla(0,0%,100%,.3)}.tab-button.active{background-color:hsla(0,0%,100%,.8);font-weight:bold;border-bottom:2px solid darkred}.tab-content{padding:15px;display:none;font-size:20px;line-height:28px}.tab-content:not(.hidden){display:block}.spec-table{width:100%;border-collapse:collapse;margin-top:10px}.spec-table th,.spec-table td{border:1px solid #ddd;text-align:left;padding:8px}.spec-table th{background-color:hsla(0,0%,100%,.3)}.product-content{max-width:1200px;margin:50px auto 0 auto;color:#fff}.product-content-title{font-family:"Inter-Bold";font-size:32px;padding-bottom:24px}.product-content-text{font-size:20px}main{color:#fff}.about{max-width:1200px;margin:0 auto;text-align:center;padding-top:70px}.about__title{font-family:"Inter-Bold";display:inline;font-size:32px;border-bottom:2px solid #fff}.about__txt{padding-top:32px;font-size:25px}.about__txt p{padding-bottom:20px}#more{display:none;text-align:start}.more__btn{font-family:"Inter-Bold";border:none;color:#f80;background:inherit;font-size:25px;text-decoration:underline;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;cursor:pointer}@media(max-width: 768px){.about__title{font-size:24px}.about__txt p{font-size:16px}.more__btn{font-size:16px}}.hero-section{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-l)}.hero-section-title{font-family:"Inter-Bold";font-size:32px;border-bottom:2px solid #fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:100px auto 0 auto}.card-grid{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:var(--spacing-l);grid-row-gap:var(--spacing-l);max-width:var(--width-container);width:100%}@media(min-width: 540px){.card-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 960px){.card-grid{grid-template-columns:repeat(4, 1fr)}}.card{list-style:none;position:relative;height:300px;overflow:hidden}.card:before{content:"";display:block;width:100%}.card__background{background-size:cover;background-position:center;border-radius:24px;bottom:0;-webkit-filter:brightness(0.75) saturate(1.2) contrast(0.85);filter:brightness(0.75) saturate(1.2) contrast(0.85);left:0;position:absolute;right:0;top:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);-webkit-transition:-webkit-filter 200ms linear,-webkit-transform 200ms linear;transition:-webkit-filter 200ms linear,-webkit-transform 200ms linear;transition:filter 200ms linear,transform 200ms linear;transition:filter 200ms linear,transform 200ms linear,-webkit-filter 200ms linear,-webkit-transform 200ms linear}.card:hover .card__background{-webkit-transform:scale(1.15) translateZ(0);transform:scale(1.15) translateZ(0)}.card-grid:hover>.card:not(:hover) .card__background{-webkit-filter:brightness(0.6) saturate(0) contrast(1.1) blur(0px);filter:brightness(0.6) saturate(0) contrast(1.1) blur(0px)}.card-hover{position:absolute;top:100%;left:0;width:100%;height:100%;background:inherit;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;text-align:center;padding:40px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(1.15) translateZ(0);transform:scale(1.15) translateZ(0);border-radius:24px}.card-hover p{text-align:start}.card:hover .card-hover{background:rgba(0,0,0,.1);top:0}.card__content{left:0;padding:var(--spacing-l);position:absolute;top:0;z-index:999}.card__category{color:var(--text-light);font-size:.9rem;margin-bottom:var(--spacing-s);text-transform:uppercase}.card__heading{color:var(--text-lighter);font-size:1.9rem;text-shadow:2px 2px 20px rgba(0,0,0,.2);line-height:1.4;word-spacing:100vw}@media(max-width: 768px){.hero-section-title{font-size:24px}}@media(hover: none){.card-grid:hover{-webkit-filter:none;filter:none}}@media(hover: hover){.card-grid:hover{-webkit-filter:none;filter:none}}.offers{color:#fff;padding:50px 0}.offers-title{font-family:"Inter-Bold";font-size:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;border-bottom:2px solid #fff}.offers-row{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1000px;margin:40px auto 0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:10px;padding:20px 50px;background-color:hsla(0,0%,100%,.3137254902);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.offers-row-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;border-right:2px solid #000;padding-right:50px}.offers-row-item:last-child{border:none}.offer-text{font-family:"Inter-Medium";font-size:18px}@media(max-width: 1000px){.offers-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.offers-row-item{border-right:none;text-align:center;padding:0}.offers-title{text-align:center;margin:0 auto;line-height:28px;font-size:24px}}aside{padding:100px 0 20px 0}.advantages{color:#fff;max-width:1200px;margin:0 auto}.advantages-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;padding:0 10px}.advantages-content{background-color:rgba(217,217,217,.3137254902);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;padding:15px}.advantages-content-title{font-family:"Inter-Bold";font-size:32px;text-align:center;padding:20px 0}.advantages-content-text{max-width:650px;font-size:20px}.advantages-content-text p{padding:10px 0}.advantages-card-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-preferred-size:520px;flex-basis:520px;gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.advantages-card{-ms-flex-preferred-size:250px;flex-basis:250px;background-color:rgba(217,217,217,.3137254902);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;text-align:center;margin-bottom:20px;padding:20px 0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.advantages-card:hover{-webkit-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}.advantages-card-img{margin-bottom:15px}.advantages-card-text{font-family:"Inter-Medium";font-size:20px}@media(max-width: 768px){.advantages-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media(max-width: 568px){.advantages-content-title{font-size:24px}.advantages-content-text{font-size:18px}.advantages-card{-ms-flex-preferred-size:170px;flex-basis:170px}}.contacts{color:#fff;max-width:1200px;margin:0 auto;margin-top:100px;padding:0 10px}.contacts-title{font-size:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:"Inter-Bold";margin:0 auto;margin-bottom:50px;border-bottom:2px solid #fff}.contacts-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:30px}.contacts-info-row{background-color:rgba(217,217,217,.3137254902);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;border-radius:10px;width:100%}.contacts-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:20px;gap:15px;font-size:18px}.contact-form{max-width:400px;margin:50px auto;text-align:center}.contact-form form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.contact-form form input{background-color:rgba(217,217,217,.3137254902);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;padding:10px;border-radius:10px;font-size:18px;outline:none}.contact-form form button{padding:10px;background-color:rgba(217,217,217,.4392156863);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;color:#fff;font-size:22px;font-family:"Inter-Bold";border-radius:10px;border:none;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.contact-form form button:hover{background-color:#c4c4c4}.bbo{margin-bottom:0}@media(max-width: 999px){.contacts-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contacts-info-row{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media(max-width: 600px){.contacts-map iframe{max-width:100%}}



