*, *::before, *::after {
box-sizing: border-box;
} * {
margin: 0;
} @media (prefers-reduced-motion: no-preference) {
html {
interpolate-size: allow-keywords;
}
}
body { line-height: 1.5; -webkit-font-smoothing: antialiased;
} img, picture, video, canvas, svg {
display: block;
max-width: 100%;
} input, button, textarea, select {
font: inherit;
} p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
} p {
text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
} #root, #__next {
isolation: isolate;
}@font-face {
font-family: 'Unbounded';
src: local('Unbounded Regular'), local('Unbounded-Regular'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Regular.woff2) format('woff2'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Unbounded Blond';
src: local('Unbounded Blond'), local('Unbounded-Blond'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Blond.woff2) format('woff2'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Blond.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Unbounded';
src: local('Unbounded Black'), local('Unbounded-Black'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Black.woff2) format('woff2'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Unbounded';
src: local('Unbounded SemiBold'), local('Unbounded-SemiBold'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-SemiBold.woff2) format('woff2'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Unbounded';
src: local('Unbounded ExtraBold'), local('Unbounded-ExtraBold'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-ExtraBold.woff2) format('woff2'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-ExtraBold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Unbounded';
src: local('Unbounded Bold'), local('Unbounded-Bold'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Bold.woff2) format('woff2'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Unbounded';
src: local('Unbounded Medium'), local('Unbounded-Medium'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Medium.woff2) format('woff2'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Unbounded';
src: local('Unbounded Light'), local('Unbounded-Light'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Light.woff2) format('woff2'),
url(//target-design.uz/wp-content/themes/target-design/assets/fonts/Unbounded-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}html {
height: 100%;
}
.wrapper {
display: flex;
flex-direction: column;
gap: 80px;
min-height: 100%;
}
.container {
max-width: 1400px;
width: 100%;
padding: 0 20px;
margin: 0 auto;
}
.main {
display: flex;
flex-direction: column;
gap: 80px;
flex-grow: 1;
}
.section__inner {
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start;
}
.list {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%
} .page{
gap: 40px;
}
.page .main {
gap: 40px;
}:root {
--primary-600: #D0260C;
--primary: #FA4022;
--primary-400: #EF553E;
--secondary: #1C1C25;
--black: #161D2D;
--gray: #9898A9;
--white: #ffffff;
--neutral-50: #F1F1F3;
--radius: 20px;
--radius-inner: 10px;
}
* {
transition: all 0.2s ease-in;
}
.button {
cursor: pointer;
border: none;
display: flex;
padding: 0 30px;
height: 74px;
justify-content: center;
align-items: center;
gap: 15px;
background-color: var(--primary);
border-radius: var(--radius-inner); color: var(--white);
font-size: 20px;
font-weight: 550;
letter-spacing: 0.4px;
text-transform: uppercase;
}
button:hover,
.button:hover {
background-color: var(--black);
color: var(--primary)
}
.button__outline {
color: var(--primary);
background-color: transparent;
border: 3px solid var(--primary);
}
.button__outline:hover {
border: 3px solid var(--black);
}
.button__outline--secondary {
width: 100%;
border: 3px solid var(--gray);
color: var(--black);
}
a {
color: var(--black);
text-decoration: none;
}
a:hover {
color: var(--primary)
}
ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}
input {
width: 100%;
padding: 14px 16px;
font-size: 16px;
font-family: inherit;
color: var(--black);
background-color: var(--white);
border: 2px solid var(--gray);
border-radius: 12px;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
input::placeholder {
font-size: 16px;
color: var(--gray)
}
::selection {
background-color: var(--primary);
color: var(--white);
}
.badge {
display: inline-flex;
padding: 5px 20px;
gap: 10px;
background-color: var(--neutral-50);
border-radius: 999px; color: var(--black);
font-size: 14px;
font-weight: 400;
}
.badge-group {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
body {
font-family: 'Unbounded', sans-serif;
font-size: 18px;
font-weight: normal;
color: var(--black);
background-color: var(--neutral-50);
height: 100%;
} h1,
.h1 {
font-size: 72px;
font-weight: 550;
line-height: 110%;
}
h2,
.h2 {
font-size: 40px;
font-weight: 550;
}
h3,
.h3 {
font-size: 32px;
font-weight: 400;
}
h4,
.h4 {
font-size: 32px;
font-weight: 400;
line-height: 110%;
}
h5,
.h5 {
font-size: 28px;
font-weight: 400;
line-height: 110%;
}
p {
font-family: 'Inter', sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 110%;
}
.paragraph-2 {
color: var(--black);
font-size: 20px;
font-weight: 400;
line-height: 110%;
}
.paragraph-3 {
font-family: 'Inter', sans-serif;
color: var(--black);
font-size: 16px;
font-weight: 400;
line-height: 110%;
}
.icon-typo {
font-size: 32px;
font-weight: 400;
}
.numeric {
font-size: 138px;
font-style: normal;
font-weight: 250;
line-height: normal;
}
.tag {
font-size: 14px;
color: var(--primary);
}
.tag-group {
display: flex;
gap: 15px;
}  .section__title {
display: flex;
padding: 15px 25px;
align-items: center;
border-radius: 20px;
background: var(--white);
}  .breadcrumbs__inner {
display: flex;
}
.breadcrumbs__list {
list-style: none;
display: flex;
gap: 8px;
padding: 5px 20px;
font-size: 14px;
background-color: var(--white);
border-radius: var(--radius)
}
.breadcrumbs__item::after {
content: "/";
font-weight: 700;
margin-left: 4px;
color: var(--gray);
}
.breadcrumbs__item:last-child::after {
content: "";
margin: 0;
}
.breadcrumbs__link {
text-decoration: none;
color: var(--secondary);
}
.breadcrumbs__current {
color: var(--primary);
font-weight: bold;
} .header .btn-group .button__outline {
display: none;
}  .header__inner {
margin: 20px 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
background-color: var(--white);
padding: 10px 10px 10px 25px;
border-radius: var(--radius);
}
.header__logo {
flex-shrink: 0;
}
.header__nav {
display: flex;
flex-shrink: 1;
gap: 20px;
color: var(--secondary);
font-size: 18px;
font-weight: 400;
letter-spacing: 0.72px;
text-transform: uppercase;
}
.header__nav--active {
color: var(--primary)
}
.header .btn-group {
display: flex;
gap: 20px;
}  .hero__inner {
display: flex;
flex-direction: column;
gap: 40px;
padding: 30px;
background-color: var(--white);
border-radius: var(--radius);
}
.hero__top {
display: flex;
flex-direction: column;
gap: 20px;
}
.hero__bottom {
display: flex;
gap: 20px;
}  .card__inner {
display: flex;
gap: 40px;
background-color: var(--white);
border-radius: var(--radius);
padding: 20px;
}
.card__info {
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: space-between;
gap: 80px;
}
.card__info .top {
display: flex;
flex-direction: column;
gap: 20px;
}
.card__info .bottom {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.card__thumbnail {
flex: 1 1 0%;
max-width: 720px;
width: 100%;
background-color: var(--gray);
border-radius: var(--radius-inner);
overflow: hidden;
}
.card__thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}  .accordion__element {
display: flex;
width: 100%;
gap: 30px;
flex-direction: column;
padding: 20px;
border-radius: var(--radius);
background-color: var(--white);
}
.accordion__element:hover {
cursor: pointer;
color: var(--primary);
}
.accordion__element .top {
display: flex;
justify-content: space-between;
align-items: center;
}
.accordion__element .bottom {
display: none;
flex-direction: column;
gap: 28px;
align-items: flex-start;
} .offer {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px 20px;
gap: 20px;
flex-wrap: wrap;
border: 2px solid var(--gray);
border-radius: var(--radius); }
.offer .offer--left {
display: flex;
flex-direction: column;
gap: 8px;
padding-bottom: 5px;
}  .about-us__info {
display: flex;
flex-direction: column;
gap: 40px;
padding: 30px;
border-radius: var(--radius);
overflow: hidden;
color: var(--white);
background-image: url(//target-design.uz/wp-content/themes/target-design/assets/img/about_us.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-color: var(--neutral-50);
}
.about-us__info .bottom {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 80px 40px;
}  footer {
width: 100%;
}
.footer__inner {
display: flex;
background-color: var(--white);
padding: 32px 0;
}
.footer__inner .footer__navigation {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
gap: 50px;
font-size: 15px;
font-weight: 400;
}  .page .seo-text .section__inner {
display: flex;
flex-direction: row;
gap: 20px;
padding: 30px;
border-radius: var(--radius);
background-color: var(--white);
}
.page .seo-text .left {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 50%;
width: 100%;
}
.page .seo-text .right {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 50%;
width: 100%;
}
.page .seo-text .right .seo-title {
margin-top: 20px;
}
.page .seo-text .right h5:last-of-type {
color: var(--primary)
}  .page-case .case__layout {  display: flex;
gap: 20px;
}
.page-case .case__layout .left {
flex: 0 1 65%;
}
.page-case .case__layout .right {
flex: 0 1 35%;
}
.page-case .case__images-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.page-case .case__images-list-item {
border-radius: var(--radius);
background-color: var(--gray);
overflow: hidden;
}
.page-case .case__info {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
margin-bottom: 20px;
background-color: var(--white);
border-radius: var(--radius);
}
.page-case .case__info-head {
display: flex;
flex-direction: column;
gap: 20px;
}
.page-case .case__info-body {
display: flex;
flex-direction: column;
gap: 20px;
}
.page-case .case__info-body .text {
display: flex;
flex-direction: column;
gap: 18px;
}
.page-case .case__info-body .text ul {
display: flex;
flex-direction: column;
gap: 10px;
}
.page-case .case__info-body .text p>span {
font-size: 16;
font-weight: 700;
}  .modal {
display: none; position: fixed; z-index: 1; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .modal-content {
background-color: var(--white);
margin: 15% auto;
padding: 20px;
max-width: 600px;
border-radius: var(--radius);
overflow: hidden;
} .close {
color: var(--black);
float: right;
font-size: 32px;
font-weight: 400;
}
.close:hover,
.close:focus {
color: var(--primary);
text-decoration: none;
cursor: pointer;
} .modal-content__wrapper {
display: flex;
flex-direction: column;
gap: 30px;
}
.modal__head {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.modal__body form {
display: flex;
flex-direction: column;
gap: 20px;
}
.modal-content .user-info {
display: flex;
flex-direction: column;
gap: 10px;
}
.modal-content .modal__bottom button {
width: 100%;
}@media (max-width: 1030px) {
.header .nav {
display: none;
}
.header .btn-group .button {
display: none;
}
.header .btn-group .menu_btn{
display: block;
}
.page .seo-text .section__inner {
flex-direction: column;
gap: 50px;
}
.page .seo-text .left{
max-width: 100%;
max-width: 100%;
}
.page .seo-text .right {
max-width: 100%;
width: 100%;
}
}
@media (max-width: 800px) { .container {
padding: 0 10px;
min-width: 340px;
}
.wrapper {
gap: 40px;
} h1 {
font-size: 48px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 25px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 20px;
}
p {
font-size: 24px;
}
.numeric{
font-size: 110px;
} button, .button {
font-size: 18px;
} .hero__inner {
padding: 20px;
}
.hero__bottom {
display: flex;
}
.hero__bottom .button {
width: 100%;
} .card__inner {
display: flex;
flex-direction: column-reverse;
gap: 10px;
}
.card__inner .top{
gap: 10px;
}
.card__inner .bottom .button__outline {
width: 100%;
} .offer .offer--right{
width: 100%;
}
.offer .offer--right button {
width: 100%;
} .about-us__info .bottom {
gap: 20px 40px;
} .page-case .case__layout{
flex-direction: column-reverse;
}
}.wrapper > header {
transition: none;
}
.header.is-fixed {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 3;
transition: transform 0.3s ease;
}
.header.is-fixed .header__inner {
box-shadow: 0 10px 30px rgba(22, 29, 45, 0.08);
}
.header.is-hidden {
transform: translateY(-100%);
}
.header.no-animation {
transition: none;
}
.admin-bar .header.is-fixed {
top: var(--wp-admin--admin-bar--height, 0px);
}
@media (max-width: 600px) {
.admin-bar .header.is-fixed {
top: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.header.is-fixed {
transition: none;
}
} .mobile-menu {
display: none;
}
@media (max-width: 1030px) {
.header .container {
position: relative;
}
.mobile-menu:not([hidden]) {
position: absolute;
top: calc(100% + 10px);
right: 20px;
left: 20px;
z-index: 2;
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 25px;
background-color: var(--white);
border-radius: var(--radius);
box-shadow: 0 20px 50px rgba(22, 29, 45, 0.18);
}
}
.mobile-menu__list {
display: flex;
flex-direction: column;
gap: 15px;
color: var(--secondary);
font-size: 18px;
font-weight: 400;
letter-spacing: 0.72px;
text-transform: uppercase;
}
.mobile-menu__list .header__nav--active {
color: var(--primary);
}
@media (max-width: 800px) {
.mobile-menu:not([hidden]) {
right: 10px;
left: 10px;
padding: 20px;
}
} .accordion__element:focus-visible,
.close:focus-visible {
outline: 2px solid var(--primary);
outline-offset: 2px;
} .page-case .case__images-list-item img {
height: auto;
} @media (min-width: 801px) {
.page-case .case__info.is-sticky {
position: sticky;
top: calc(20px + var(--wp-admin--admin-bar--height, 0px) + var(--header-visible, 0px));
transition: top 0.3s ease;
}
} .page-case .case__info-body .text ul,
.page-case .case__info-body .text ol {
margin-bottom: 18px;
} .wpcf7 .screen-reader-response,
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
.wpcf7 .hidden-fields-container,
.wpcf7-spinner {
display: none;
}
.modal__body .wpcf7-form-control-wrap {
display: block;
}
.modal__body .wpcf7-submit {
appearance: none;
font-family: inherit;
}
.modal__body .wpcf7-submit:disabled {
opacity: 0.6;
cursor: wait;
}
.modal__body .wpcf7-not-valid {
border-color: var(--primary);
}
.modal__body .wpcf7-not-valid-tip {
display: block;
margin-top: 6px;
color: var(--primary);
font-size: 14px;
line-height: 1.3;
}
.modal__body .wpcf7-response-output {
padding: 14px 16px;
border-radius: 12px;
background-color: var(--neutral-50);
color: var(--black);
font-size: 14px;
line-height: 1.4;
}
.modal__body .wpcf7-response-output:empty {
display: none;
}
.modal__body .invalid .wpcf7-response-output,
.modal__body .unaccepted .wpcf7-response-output,
.modal__body .failed .wpcf7-response-output,
.modal__body .aborted .wpcf7-response-output,
.modal__body .spam .wpcf7-response-output {
color: var(--primary);
} .entry-content {
width: 100%;
padding: 30px;
border-radius: var(--radius);
background-color: var(--white);
font-family: 'Inter', sans-serif;
font-size: 18px;
line-height: 1.5;
}
.entry-content p {
font-size: inherit;
line-height: inherit;
}
.entry-content > * + * {
margin-top: 1em;
}
.entry-content a {
color: var(--primary);
}
.entry-content ul,
.entry-content ol {
padding-left: 1.2em;
}
.entry-content ul {
list-style: disc;
}
.entry-content ol {
list-style: decimal;
}
.entry-content img {
height: auto;
border-radius: var(--radius-inner);
}
@media (max-width: 800px) {
.entry-content {
padding: 20px;
}
} h1.heading-2 {
font-size: 40px;
font-weight: 550;
line-height: inherit;
}
@media (max-width: 800px) {
h1.heading-2 {
font-size: 30px;
}
}