@font-face { font-family: 'Raleway'; src: url('../fonts/raleway/Raleway-VariableFont_wght.ttf') format('opentype'); } @font-face { font-family: 'Manrope'; src: url('../fonts/manrope/Manrope-VariableFont_wght.ttf') format('opentype'); } :root { --gold: #a89a67; --red: #a71a39; --black: #1a1a1a; --red-light: #da291c; --text-color-reg: #666666; --text-color-light: #ffffff; } html { font-size: 18px; /* Базовый размер шрифта */ scroll-behavior: smooth; /* Плавная прокрутка */ } body { font-family: 'Manrope', sans-serif; color: var(--text-color-reg); font-weight: 400; line-height: 28px; letter-spacing: 0; } h1, h2, h3, h4, h5 { color: var(--black); font-family: 'Raleway'; } h1 { font-weight: 700; font-size: 48px; line-height: 60px; margin-bottom: 24px; } h4 { font-weight: 700; font-style: Bold; font-size: 24px; line-height: 32px; margin-bottom: 12px; } /* li { position: relative; list-style: none; font-size: 18px; line-height: 24px; font-weight: 300; margin-bottom: 10px; } li::before { position: absolute; top: 0; left: -30px; content: url('../img/li-star.svg'); } */ .main-title { font-family: 'Raleway', sans-serif; font-size: 36px; line-height: 48px; font-weight: 700; letter-spacing: 0; } .btn { background-color: var(--red); color: var(--text-color-light); border-radius: 6px; font-size: 16px; line-height: 24px; transition: none; font-weight: 500; width: 190px; height: 60px; display: flex; justify-content: center; align-items: center; } .btn.btn-small { background-color: var(--red); color: var(--text-color-light); border-radius: 6px; /* padding: 11px 24px; */ width: 132px; height: 48px; font-size: 16px; line-height: 24px; font-weight: 300; transition: none; } .btn.btn-small:hover { color: #d1d5db; text-decoration: none; } .btn:hover { background-color: var(--red-light); color: var(--text-color-light); transition: none; } .btnw { background-color: #fff; color: var(--red); border: var(--red) 1px solid; } .btnw:hover { background-color: var(--red-light); color: var(--text-color-light); } .title-wrap { display: flex; justify-content: space-between; } .text-link { text-decoration: none; font-size: 18px; line-height: 24px; font-weight: 500; color: var(--black); } .text-link:hover { color: var(--red-light); text-decoration: underline; } @media (width < 768px) { .main-title { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 6px; } } /* DEFAULT PAGE */ .default-page-content { padding: 100px 0; } .default-page-content h2, .default-page-content h3 { font-weight: 700; font-style: Bold; font-size: 24px; line-height: 32px; margin-bottom: 12px; } .default-page-content li { position: relative; list-style: none; margin-bottom: 12px; } .default-page-content li::before { content: url('../img/birja_check.svg'); position: absolute; top: 0; left: -25px; } .default-page-content a { color: #a71a39; } /* DEFAULT PAGE END */ /********************** HEADER */ /* --- Стили для смены хедера при скролле --- */ /* 1. Позиционируем второй хедер */ /* Он будет зафиксирован вверху экрана, но изначально скрыт за его пределами */ .secondary-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; /* Изначально сдвигаем его вверх, чтобы скрыть */ transform: translateY(-100%); transition: transform 0.4s ease-in-out; /* Плавная анимация появления */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Небольшая тень для выделения */ } /* 2. Показываем второй хедер при скролле */ /* Когда к добавляется класс .header-scrolled, хедер плавно выезжает */ body.header-scrolled .secondary-header { transform: translateY(0); } /* 3. Правило для мобильных устройств и планшетов */ /* Если ширина экрана меньше 1200px */ @media (max-width: 1199.98px) { /* Всегда скрываем второй хедер и отключаем его */ .secondary-header { display: none !important; } /* Убедимся, что первый хедер всегда виден */ .first-headear { display: block !important; } } header { padding: 26px 0; background-color: #ffffff; } .secondary-header { padding: 5px 0; } .logo-color { width: 120px; height: 60px; } .navbar a { color: #1a1a1a; font-size: 16px; line-height: 24px; font-weight: 600; } .navbar a:hover { color: var(--red-light); text-decoration: underline; } .navbar .wrapper { display: flex; align-items: center; gap: 25px; } .navbar .wrapper p { margin: 0; color: #1a1a1a; } .lng-switcher { margin-right: 35px; } .navbar-nav { gap: 48px; } /* second header */ .secondary-header { border-bottom: #a89a67 4px solid; } /* BURGER */ /* Custom Burger Menu Styles */ .custom-burger { position: relative; z-index: 1000; margin-right: 15px; } /* Burger button styles */ .burger-btn { display: block; width: 30px; height: 24px; position: relative; cursor: pointer; } .burger-btn span { display: block; position: absolute; height: 3px; width: 100%; background: #333; border-radius: 3px; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.25s ease-in-out; } .burger-btn span:nth-child(1) { top: 0px; } .burger-btn span:nth-child(2) { top: 10px; } .burger-btn span:nth-child(3) { top: 20px; } /* Burger animation when active */ .burger-btn.active span:nth-child(1) { top: 10px; transform: rotate(135deg); } .burger-btn.active span:nth-child(2) { opacity: 0; left: -60px; } .burger-btn.active span:nth-child(3) { top: 10px; transform: rotate(-135deg); } /* BURGER END */ .wpml-ls-menu-item { display: none; } @media (min-width: 1200px) { .navbar .wrapper { margin-top: 10px; } .wpml-ls-legacy-list-horizontal { padding: 0; } .navbar-expand-xl .navbar-nav .nav-link { padding: 0; padding-top: 15px; } .custom-burger { display: none; } .custom-collapse { display: flex; flex: 1; justify-content: center; } .navbar-nav { flex-direction: row; } } /* Menu container */ .custom-collapse { flex: none; } @media (width < 1200px) { .wpml-ls-menu-item { display: block; } .navbar .wrapper p, .navbar .wrapper .btn { display: none; } .header-container { justify-content: flex-end !important; position: relative; } .centered-item { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .navbar .wrapper { justify-content: flex-end; } .navbar .logo-link { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* Menu container */ .custom-collapse { position: absolute; top: 100%; left: 0; width: 100%; max-height: 0; overflow: hidden; background: white; transition: max-height 0.5s ease; box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); order: 5; z-index: 5; } .custom-collapse.show { max-height: calc(100vh - 70px); overflow-y: auto; } .navbar-nav { flex-direction: column; padding: 20px; margin: 0; gap: 0; } .navbar-nav li { /* margin: 8px 0; */ width: 100%; } .navbar-nav a { display: block; padding: 10px 0; font-size: 16px; } body.menu-open { overflow: hidden; padding-right: var(--scrollbar-width); } .lng-switcher { display: none !important; } } @media (width < 768px) { .logo-color { width: 80px; height: 40px; } .custom-burger { margin: 0; scale: 0.8; } .navbar .header-container { padding-bottom: 17px; } .navbar .logo-link { margin-top: -12px; } .nav-item-tel { width: auto !important; margin: 0 auto; } .navbar .wpml-ls-native { font-weight: bolder; font-size: 17px; } h2 { font-size: 24px !important; line-height: 32px !important; margin-bottom: 6px !important; } h4 { font-size: 20px !important; line-height: 28px !important; margin-bottom: 6px !important; } p { font-size: 16px !important; line-height: 24px !important; } } /********************** HEADER END */ /********************** FOOTER */ footer { background-color: #1d1d1b; padding: 100px 0; color: #ffffff; } .footer-row-1 { display: flex; justify-content: space-between; } footer .navbar-nav { font-weight: 500; font-size: 16px; line-height: 24px; margin-bottom: 60px; } footer .navbar-nav a { text-decoration: none; color: #ffffff; } footer .navbar-nav a:hover, footer .contacts a:hover { color: #da291c; } footer .contacts { display: inline-flex; flex-direction: column; gap: 20px; } footer .contacts .number { text-decoration: none; color: #ffffff; font-weight: 400; font-size: 16px; line-height: 24px; display: flex; } footer .contacts .number::before { content: url('https://birja.md/wp-content/uploads/2025/10/frame-2.png'); margin-right: 5px; } footer .contacts .mail::before { content: url('https://birja.md/wp-content/uploads/2025/11/mail.png'); margin-right: 5px; } footer .contacts .mail { text-decoration: none; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 24px; display: flex; } footer .socials { display: flex; gap: 24px; } .footer-row-2 { margin-top: 60px; display: flex; justify-content: space-between; } .copyright { font-weight: 400; font-size: 16px; line-height: 24px; } .perenos { display: none; } @media (width < 1200px) { footer .navbar-nav { padding: 0; gap: 24px; } footer .navbar-nav a { padding: 0; } } @media (width < 768px) { .footer-row-1, .footer-row-2 { flex-direction: column; } footer .navbar-nav { text-align: center; } footer .navbar-nav a { display: inline-block; } footer .contacts { display: inline-block; text-align: center; width: 100%; margin-bottom: 36px; } footer .contacts .number, footer .contacts .mail { display: inline-block; margin: 12px 20px; } footer .contacts .number::before, footer .contacts .mail::before { vertical-align: middle; } footer .socials { justify-content: center; } .footer-row-2 { margin-top: 48px; display: inline-block; text-align: center; width: 100%; } .footer-row-2 .footer_logo { margin-bottom: 36px; } .perenos { display: block; height: 0; } footer { padding: 60px 0; } } /********************** FOOTER END */ /********************** MAINPAGE *******/ /* Top Section */ .top-section { margin-top: 65px; } .top-section .wrapper { display: flex; flex-direction: column; align-items: center; text-align: center; } .top-section h1 { color: #1a1a1a; font-weight: 700; font-size: 48px; line-height: 60px; margin-bottom: 25px; } .top-section p { max-width: 800px; margin-bottom: 36px; } /* RU */ .page-id-14 .top-section p { max-width: 900px; } /* Contact Form */ .main-page-form { max-width: 713px; } .main-form { display: flex; gap: 12px; align-items: center; } .main-form .form-group { flex: 1; padding: 0; } .wpcf7-form-control { box-sizing: border-box; width: 100%; } .wpcf7-form-control-wrap input::placeholder { color: #d1d5db; } .wpcf7 input { border-radius: 6px; border: 1px solid #d1d5db; padding: 17px; font-size: 16px; line-height: 24px; } .wpcf7-form-control[name='your-name'] { background-image: url('https://birja.md/wp-content/uploads/2025/09/user.svg'); background-repeat: no-repeat; background-position: left 10px center; padding-left: 40px; } .wpcf7-form-control[name='your-phone'] { background-image: url('https://birja.md/wp-content/uploads/2025/09/phone.svg'); background-repeat: no-repeat; background-position: left 10px center; padding-left: 40px; } .main-form .btn { font-weight: 500; width: 190px; height: 60px; } /* Contact Form END*/ @media (width < 1200px) { .top-section h1 { font-size: 38px; line-height: 46px; } .top-section img { width: 100%; } } @media (width < 992px) { .top-section h1 { font-size: 34px; line-height: 44px; } } @media (width < 768px) { .top-section { margin-top: 0; } .top-section h1 { font-size: 28px; line-height: 36px; } .top-section p { font-size: 16px; line-height: 24px; margin-bottom: 0; } .main-form { flex-direction: column; } .top-section .main-page-form { order: 4; margin-top: 5px; margin-bottom: 50px; } .main-form .btn { width: 100% !important; } .main-form .form-group { width: 100%; } } /* Top Section END */ /***************** Custom slider */ .slick-slider img { border-radius: 12px; } .projects-slider-wrapper { overflow: hidden; white-space: nowrap; background-color: #a89a67; padding: 20px 0; } .projects-slider-track { display: inline-flex; animation: scroll 25s linear infinite; } .project-slide { flex-shrink: 0; margin-right: 80px; /* отступ между слайдами */ } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); /* -50% если дублируете контент */ } } /* Пауза при ховере */ .projects-slider-wrapper:hover .projects-slider-track { animation-play-state: paused; } @media (width < 768px) { .project-slide { margin-right: 35px; /* отступ между слайдами */ } .projects-slider-wrapper { padding: 10px 0; } } /****************** Custom slider End*/ /* Benefits */ .benefits { padding-top: 120px; padding-bottom: 100px; } .benefits-card { display: flex; } .benefits-card img { width: 60px; height: 60px; margin-right: 24px; } .benefits-card p { font-weight: 400; font-size: 16px; line-height: 24px; } @media (width < 1400px) { .benefits { padding-top: 80px; padding-bottom: 60px; } .page-id-14 .benefits .benefits-card h4 { height: 64px; } } @media (width < 1200px) { .benefits .benefits-card h4 { height: 64px; } } @media (width < 992px) { .benefits .benefits-card h4, .page-id-14 .benefits .benefits-card h4 { height: auto; } } @media (width < 768px) { .benefits { padding-top: 50px; padding-bottom: 60px; } .benefits-card img { width: 36px; height: 36px; margin-right: 12px; } .benefits-card p { margin: 0; } .benefits-card { margin-bottom: 35px; } } /* Benefits END */ /* Banners Slick Slider */ .banners-slider { position: relative; } .banners-slider-item.slick-slide { display: flex; justify-content: center; } .banners-slider .slick-arrow { position: absolute; top: 50%; z-index: 10; font-size: 0; width: 24px; height: 24px; border: none; } .banners-slider .slick-arrow.slick-prev { left: -45px; background: url('../img/icons/chevron_left.svg') 0 0 no-repeat; } .banners-slider .slick-arrow.slick-next { right: -45px; background: url('../img/icons/chevron_right.svg') 0 0 no-repeat; } .banners-slider .slick-arrow.slick-disabled { opacity: 0.3; } /* Обмежувальна оболонка */ .slick-list { overflow: hidden; } /* Стрічка слайдів */ .slick-track { display: flex; justify-content: space-between; /* gap: 18px; */ } .slick-dots { margin-top: 25px; display: flex; justify-content: center; align-items: center; padding: 0; } .slick-dots li { list-style: none; margin: 15px; display: flex; justify-content: center; align-items: center; } .slick-dots li::before { position: absolute; content: url('../img/ellipse1.png'); } .slick-dots li.slick-active::before { position: absolute; content: url('../img/ellipse2.png'); } .slick-dots button { display: none; } @media (width < 1400px) { .slick-track { justify-content: center; } } @media (width < 992px) { .banners-slider-item img { max-width: 340px; height: auto; } } @media (width < 768px) { .banners-slider-item img { max-width: 240px; height: auto; } } @media (width < 650px) { .banners-slider .slick-arrow.slick-prev { left: -35px; } .banners-slider .slick-arrow.slick-next { right: -35px; } } @media (width < 625px) { .banners-slider .slick-arrow.slick-prev { left: -25px; } .banners-slider .slick-arrow.slick-next { right: -25px; } .banners-slider-item img { max-width: 100%; } /* .slick-list { overflow: visible; } */ .slick-track { gap: 15px; } .banners-container { padding: 0; } } /* Banners Slick Slider END */ /* Offers */ section.offers { padding-top: 120px; } .offers .info-wrapper { display: flex; justify-content: space-between; margin-bottom: 30px; } .offers .info-wrapper p { max-width: 500px; } .cards-row { margin-bottom: 50px; } /* Offers small card */ .offers-card-small { overflow: hidden; margin-bottom: 25px; display: flex; border-radius: 12px; border: #d1d5db 1px solid; } .offers-card-small .offers-card-image-wrapper { width: 100%; max-width: 196px; height: 327px; position: relative; overflow: hidden; } .offers-card-small .offers-card-image-wrapper .offers-card-image { width: 100%; height: 100%; object-fit: cover; /* заставляет вести себя как background-size: cover */ object-position: center; display: block; } .offers-card .noua, .offers-card .popular, .offers-card .oferta_saptamanii, .offers-card .ultimile_locuri, .offers-card .inchisa { position: absolute; height: 48px; width: 100%; background-color: #a89a67; font-size: 16px; line-height: 24px; color: #1a1a1a; font-weight: 500; display: flex; justify-content: center; align-items: center; } .offers-card-small .offers-card-body { padding: 35px 25px 0 25px; display: flex; flex-direction: column; } .offers-card-body h4 a { color: #1a1a1a; text-decoration: none; overflow: hidden; } .offers-card-body h4 { height: 64px; } .offers-card-body p { font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 12px; overflow: hidden; } .offers-card-body .country-sal-wrapper { display: flex; justify-content: space-between; margin-top: 16px; margin-bottom: 34px; } .offers-card-body .btn { width: 180px; height: 48px; } .offers-card-body .btn-wrapper { display: flex; gap: 15px; } .offers-card-body .line { display: inline-block; height: 1px; width: 100%; background-color: #d1d5db; } .country-sal-wrapper { font-size: 16px; line-height: 24px; } .country-sal-wrapper .country-wrapper { display: flex; align-items: center; } .country-sal-wrapper .country-wrapper img { width: 24px; height: 18px; margin-right: 4px; } .country-sal-wrapper .salariul-wrapper { display: flex; align-items: center; } .country-sal-wrapper .salariul-wrapper .salariul { font-family: 'Raleway'; font-size: 30px; line-height: 32px; color: var(--red); font-weight: 600; margin-left: 9px; } /* .cere-oferta-btn.disabled { background: #000; } */ /* Offers small card END */ .offers-section-form { margin-bottom: 120px; justify-content: space-between; } .offers-section-form .main-title { max-width: 500px; } @media (width < 1400px) { .offers-card-small .offers-card-body { max-width: 365px; } .offers-section-form .main-title { max-width: 400px; } } @media (width < 1200px) { .offers-card-body h4 { font-size: 20px; line-height: 28px; height: 52px; } .country-sal-wrapper { font-size: 14px; line-height: 20px; } .offers-card-small .offers-card-body { padding: 25px 15px 0 15px; max-width: 305px; } .offers-card-body .btn { line-height: 18px; } .offers-section-form .main-title { max-width: 315px; } section.offers .main-page-form { max-width: 645px; } } @media (width < 992px) { section.offers { padding-top: 60px; } .offers .info-wrapper { flex-wrap: wrap; } .offers .info-wrapper p { max-width: 100%; } .offers-card-small .offers-card-body { max-width: 100%; flex-grow: 1; } section.offers .main-page-form { max-width: 100%; } .offers-section-form { margin-bottom: 60px; } } @media (width < 768px) { .offers-card-small { flex-direction: column; } .offers-card-small .offers-card-image-wrapper { max-width: 100%; max-height: 280px; } .offers-card-small .offers-card-body { padding: 18px; } .offers-card-body .btn-wrapper { justify-content: space-around; } .offers-section-form .main-title { max-width: 100%; margin-bottom: 20px !important; } } @media (width < 500px) { .offers-card-small .offers-card-image-wrapper { max-height: 250px; } .offers-card-body .btn-wrapper { justify-content: space-between; } .offers-card-body .btn { width: 100%; } } @media (width < 450px) { .offers-card-small .offers-card-image-wrapper { max-height: 230px; } } @media (width < 420px) { .offers-card-small .offers-card-image-wrapper { max-height: 210px; } } @media (width < 390px) { .offers-card-small .offers-card-image-wrapper { max-height: 180px; } } /* Offers END */ /* PDF */ .pdf-item { background-color: var(--gold); display: flex; border-radius: 12px; justify-content: space-between; } .pdf-item .info-wrapper { padding: 60px 0 60px 60px; } .pdf-item .info-wrapper h2 { margin-bottom: 24px; } .pdf-item .info-wrapper p { max-width: 500px; color: #1a1a1a; margin-bottom: 36px; } /* ru */ .page-id-14 .pdf-item .info-wrapper p { max-width: 635px; } @media (width < 1200px) { .pdf-item .info-wrapper { padding: 25px 0 25px 25px; } } @media (width < 992px) { .pdf-item { flex-direction: column; } .pdf-item .info-wrapper { padding: 36px 12px 18px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pdf-item .info-wrapper p { max-width: 100%; margin-bottom: 24px; } .pdf-item .info-wrapper .btn { width: 100%; } } @media (width < 768px) { .pdf-item .info-wrapper { align-items: start; } .pdf-item .info-wrapper h2 { margin-bottom: 24px !important; } } /* PDF END */ /* Engagement */ .engagement { margin: 120px 0; } .engagement .main-title { max-width: 500px; } .engagement p { max-width: 500px; } .engagement .title-wrap { margin-bottom: 95px; } .engagement-card { background-color: #f4f3ef; border-radius: 12px; padding: 48px 36px; margin-bottom: 25px; display: flex; flex-direction: column; align-items: center; text-align: center; } .engagement-card img { width: 60px; height: 60px; margin-bottom: 35px; } .engagement-card p { text-align: center; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 24px; } /* numbers */ .numbers { margin-top: 35px; background-color: #a89a67; padding: 48px 72px; border-radius: 12px; } .number-wrap { text-align: center; } .numbers .col-lg-3:nth-child(2), .numbers .col-lg-3:nth-child(3) { border-left: #666666 solid 1px; } .numbers .col-lg-3:nth-child(3) { border-right: #666666 solid 1px; } .number-wrap h4 { color: #212121; font-weight: 700; font-size: 60px; line-height: 72px; letter-spacing: 0%; text-align: center; } .number-wrap p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0%; text-align: center; color: #212121; margin: 0; } @media (width < 1400px) { .page-id-14 .engagement-card h4 { height: 64px; } .engagement-card p { height: 96px; } } @media (width < 1200px) { .engagement-card { padding: 30px 26px; } .engagement-card p { height: 120px; } .engagement-card h4 { height: 64px; } } @media (width < 992px) { .engagement .title-wrap { flex-wrap: wrap; margin-bottom: 30px; } .engagement .main-title, .engagement p { max-width: 100%; } .engagement-card h4 { height: auto; } .engagement-card p { height: 96px; } .numbers .col-lg-3:nth-child(2), .numbers .col-lg-3:nth-child(3) { border-left: none; } .numbers .col-lg-3:nth-child(3) { border-right: none; } .number-line { display: inline-block; width: 100%; height: 1px; background-color: #666666; margin-top: 18px; margin-bottom: 10px; } } @media (width < 768px) { .engagement { margin: 60px 0; } .engagement-card { padding: 24px 14px; } .engagement-card img { margin-bottom: 12px; width: 36px; height: 36px; } .page-id-14 .engagement-card h4, .engagement-card p { height: auto; } .number-wrap h4 { font-weight: 700 !important; font-size: 28px !important; line-height: 36px !important; } .numbers { padding: 36px 76px; } } @media (width < 576px) { .number-line { width: 100px; } } /* Engagement END */ /* Why Us */ .why-us { margin: 120px 0; } .why-us h2 { line-height: 45px; } .why-us span { color: var(--red); } .why-us .section-image { max-width: 606px; } .why-us .dece-row { justify-content: space-between; align-items: end; } .why-us-wrap { max-width: 530px; } .why-us-list { margin: 36px 0; } .why-us-list .list-item { display: flex; align-items: center; margin-bottom: 12px; } .why-us-list .list-item p { margin: 0; margin-left: 12px; } .cerere-row .why-us-wrap { } .cerere-row p { margin: 36px 0; } .why-us .cerere-row { justify-content: space-between; align-items: center; } .why-us .section-image2 { max-width: 725px; margin-right: -80px; } @media (width < 1400px) { .dece-row .why-us-wrap { padding-left: 60px; } .page-id-14 .dece-row .why-us-wrap { padding-left: 140px; } .why-us .section-image2 { max-width: 680px; } } @media (width < 1200px) { .why-us .section-image { width: 100%; max-width: 100%; } .dece-row .why-us-wrap, .page-id-14 .dece-row .why-us-wrap { padding-left: calc(var(--bs-gutter-x) * 0.5); } .why-us .dece-row { justify-content: center; align-items: center; } .why-us .section-image { margin-bottom: 25px; } .why-us .dece-row { justify-content: start; } .why-us .cerere-row .why-us-wrap { order: 2; } .why-us .section-image2 { margin-top: 25px; } } @media (width < 768px) { .why-us { margin: 0; margin-bottom: 60px; } .why-us-list { margin: 25px 0 45px 0; } .cerere-row p { margin: 25px 0; } } @media (width < 576px) { .why-us .dece-row .btn, .why-us .cerere-row .btn { width: 100%; height: 50px; } } /* Why Us END */ /********************** MAINPAGE END *********/ /********************** About us Page*********/ /* about-top-section */ .about-top-section { padding-top: 95px; margin-bottom: 120px; } .about-top-section-row { display: flex; justify-content: space-between; align-items: center; } .about-top-section .about-top-wrap { max-width: 620px; } .about-top-section .img-wrap { border-radius: 12px; overflow: hidden; } .about-top-section img { max-width: 556px; } .slogan { display: flex; justify-content: center; } .slogan p { margin-top: 120px; margin-bottom: 25px; max-width: 800px; font-family: 'Raleway'; font-weight: 600; font-size: 24px; line-height: 32px; text-align: center; color: var(--black); } .about-top-section .numbers { background-color: #ffffff; padding: 0; } /* about-top-section end */ /* About De Ce */ .about-dece-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 120px; } .about-dece .row-1 img, .about-dece .row-3 img { max-width: 585px; } .about-dece .row-2 img { max-width: 600px; } .about-dece .info-wrap { max-width: 650px; } .about-dece h2 { font-family: 'Raleway', sans-serif; font-size: 36px; line-height: 48px; font-weight: 700; letter-spacing: 0; margin-bottom: 12px; } .about-dece li { position: relative; list-style: none; margin-bottom: 12px; } .about-dece li:before { content: url('../img/birja_check.svg'); position: absolute; top: 0; left: -25px; } .popupLicentaContainer { position: fixed; top: 0; left: 0; padding: 10px 10px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; z-index: 999; } .licentaimg { width: 100%; max-width: 700px; margin-top: 100px; } .popupLicentaContent { position: relative; text-align: center; } .closeLicentaPopup { position: absolute; top: 99px; right: 17px; cursor: pointer; font-size: 48px; color: #15283f; font-weight: 500; } /* About De Ce end */ /* About brands */ .about-brands h2 { margin-bottom: 12px; text-align: center; } .about-brands .wrapper { margin-bottom: 60px; display: flex; justify-content: center; } .about-brands p { text-align: center; max-width: 800px; margin: 0; } .about-brands .brands-row { display: flex; flex-wrap: wrap; gap: 55px; justify-content: space-between; } .about-brands .brands-row .brand-image { margin-bottom: 60px; } /* About brands end */ /* About reviews */ .google-reviews { padding-top: 60px; padding-bottom: 120px; } .google-reviews h2 { margin-bottom: 12px; text-align: center; } .google-reviews .wrapper { margin-bottom: 30px; display: flex; justify-content: center; } .google-reviews p { text-align: center; max-width: 800px; margin: 0; } .ti-inner { display: flex !important; flex-direction: column; align-items: center; } .ti-widget.ti-goog .ti-review-header .ti-profile-details { justify-content: center; align-items: center; } .ti-widget.ti-goog .ti-widget-container, .ti-widget.ti-goog .ti-widget-container * { font-family: 'Manrope' !important; } .google-reviews .wrapper { display: flex; justify-content: center; } /* About reviews end */ @media (width < 1200px) { .about-top-section-row { flex-wrap: wrap; } .about-top-section .about-top-wrap, .about-top-section img { max-width: 100%; } } @media (width < 992px) { .about-dece-row { flex-wrap: wrap; } .about-dece .row-1 img, .about-dece .row-3 img, .about-dece .info-wrap, .about-dece .row-2 img { max-width: 100%; } .about-dece .row-1 img, .about-dece .row-3 img { margin-bottom: 25px; } .about-dece .row-2 img { order: 1; margin-bottom: 25px; } .about-dece .row-2 .info-wrap { order: 2; } } @media (width < 768px) { .about-top-section { padding-top: 30px; margin-bottom: 60px; } .about-top-section-row h1 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 6px; } .about-top-section-row p { margin-bottom: 24px; } .slogan p { margin-top: 48px; margin-bottom: 36px; font-size: 20px !important; line-height: 28px !important; } .about-top-section .numbers { margin-top: 0; } .number-line4 { display: none; } .about-dece li { font-size: 16px; line-height: 24px; } .about-dece-row { margin-bottom: 60px; } .about-dece-row .btn, .google-reviews .btn { width: 100%; height: 50px; } .about-dece .row-2 p { margin-bottom: 24px; } .about-dece h2 { margin-bottom: 24px !important; } .about-brands h2, .google-reviews h2 { margin-bottom: 24px !important; } .about-brands .brands-row { gap: 10px; justify-content: space-around; } .google-reviews { padding-top: 0; padding-bottom: 96px; } } /********************** About us page END *********/ /********************** FAQ Page *********/ .faq-section { padding-top: 70px; padding-bottom: 120px; } .faq-top-wrap { display: flex; justify-content: space-between; align-items: start; } .faq-top-wrap p { max-width: 500px; } .faq-section .faq-top-wrap { margin-bottom: 100px; } .faq-title { display: flex; margin-bottom: 36px; } .faq-title img { width: 60px; height: 60px; margin-right: 24px; } .faq-title h4 { margin-bottom: 6px; } .faq-title p { margin: 0; font-size: 16px; line-height: 24px; } .questions { display: flex; justify-content: space-between; margin-bottom: 70px; } .question { max-width: 395px; } .question h5 { font-family: 'Raleway'; font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 12px; } .question p { font-weight: 400; font-size: 16px; line-height: 24px; margin: 0; } .faq-tel-form { display: flex; justify-content: space-between; background-color: #a89a67; padding: 18px 24px; border-radius: 12px; margin-top: 120px; } .faq-tel-form .img-wrapper { width: 85px; height: 85px; overflow: hidden; border-radius: 50%; margin-right: 35px; } .faq-tel-form .img-wrapper img { width: 100%; height: 100%; object-fit: cover; } .faq-tel-form .intrebari { display: flex; align-items: center; } .faq-tel-form .intrebari h4 { margin-bottom: 6px; } .faq-tel-form .intrebari p { font-size: 16px; line-height: 24px; margin: 0; color: #1a1a1a; } .your-phone-form { max-width: 250px; } .your-phone-form .btn { width: 100%; margin-top: 6px; } .mobile-faq { display: none; } .faq-section .faq-tel-form .intrebari-mobile { display: none; } @media (width < 1400px) { .questions { gap: 10px; } } @media (width < 1200px) { .faq-section .faq-tel-form .intrebari p { max-width: 500px; } } @media (width < 992px) { .faq-section .faq-tel-form .intrebari { gap: 10px; } .faq-section .faq-tel-form .img-wrapper { margin-right: 0; } .faq-section .faq-tel-form .intrebari p { max-width: 285px; } } @media (width < 768px) { .faq-section { padding-top: 30px; padding-bottom: 96px; } .faq-top-wrap { flex-wrap: wrap; margin-bottom: 60px; } .faq-top-wrap p { max-width: 100%; margin-bottom: 0 !important; } .desctop-faq { display: none; } .mobile-faq { display: block; } .mobile-faq .faq-title { flex-direction: column; } .mobile-faq .faq-title .wrapper { display: flex; align-items: center; margin-bottom: 12px; } .mobile-faq .faq-title .wrapper h4 { margin: 0 !important; } .mobile-faq .faq-title img { margin-right: 12px; width: 36px; height: 36px; } .questions { flex-wrap: wrap; gap: 24px; margin-bottom: 60px; } .question { max-width: 100%; } .faq-section .faq-tel-form { margin-top: 0; flex-direction: column; padding: 36px 12px; } .faq-section .faq-tel-form .intrebari-desktop { display: none; } .faq-section .faq-tel-form .intrebari-mobile { display: flex; } .faq-section .intrebari-mobile { flex-direction: column; } .faq-section .your-phone-form { max-width: 100%; } .faq-section .faq-tel-form .intrebari p { max-width: 100%; margin-bottom: 24px; } .faq-section .intrebari-mobile .wrapper { display: flex; align-items: center; gap: 12px; width: 100%; justify-content: baseline; } .faq-section .faq-tel-form .intrebari h4 { margin: 0 !important; } } /********************** FAQ Page END *********/ /********************** CONTACTS Page *********/ .contacts-page { padding-top: 80px; padding-bottom: 120px; } .contacts-row { margin-top: 100px; margin-bottom: 25px; display: flex; width: 100%; gap: 24px; } .contacts-row .info-col { } .contacts-row .suna, .contacts-row .scrie { border: #d1d5db 1px solid; border-radius: 12px; padding: 36px 24px; display: flex; margin-bottom: 25px; } .contacts-row .urmareste { border: #d1d5db 1px solid; border-radius: 12px; padding: 36px 24px; display: flex; } .contacts-page .contacts-row img, .contacts-page .geo-info img { width: 24px; height: 24px; margin-right: 10px; margin-top: 4px; } .contacts-page .contacts-row h4, .contacts-page .geo-info h4 { font-weight: 600; color: #a89a67; margin-bottom: 6px; } .contacts-page .info-col a { text-decoration: none; color: #1a1a1a; font-weight: 700; } .contacts-page .info-col .suna .wrapper p:nth-child(3) { margin-bottom: 6px; } .contacts-page .info-col .suna .wrapper p:nth-child(4), .contacts-page .info-col .scrie .wrapper p:nth-child(3) { margin-bottom: 0; } .contacts-page .info-col .socials img.invert-black { filter: invert(1); margin: 0; } .contacts-page .info-col .socials { display: flex; gap: 24px; } .contacts-page .contacts-form { background-color: #f4f3ef; border-radius: 12px; padding: 36px 24px; width: 100%; } .contact-page-form .wrapper { display: flex; gap: 12px; margin-bottom: 24px; } .contact-page-form label { font-family: 'Raleway'; font-weight: 600; font-size: 18px; line-height: 24px; margin-bottom: 12px; color: #1a1a1a; } .contact-page-form .wpcf7-form-control[name='your-name'], .contact-page-form .wpcf7-form-control[name='your-phone'] { background-image: none; padding-left: 12px; padding: 12px; } .contact-page-form .wpcf7-form-control[name='your-message'] { padding: 12px; border-radius: 6px; border: 1px solid #d1d5db; font-size: 16px; line-height: 24px; margin-bottom: 36px; } .contact-page-form .wpcf7-form-control[name='your-message']::placeholder { color: #d1d5db; } .contacts-form h2 { font-weight: 700; font-style: Bold; font-size: 24px; line-height: 32px; margin-bottom: 6px; } .contacts-form p { font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 36px; } .contact-page-form .btn-wrapper { display: flex; justify-content: center; } .contact-page-form .btn-wrapper .btn { width: 250px; } .contacts-page .geo-row { border: #d1d5db 1px solid; border-radius: 12px; display: flex; overflow: hidden; } .contacts-page .geo-info { padding: 36px 24px; display: flex; width: 100%; max-width: 515px; } .contacts-page .geo-button h5 { font-family: 'Raleway'; font-weight: 700; font-style: Bold; font-size: 16px; line-height: 24px; color: #a89a67; margin-bottom: 6px; } .contacts-page .geo-button p { font-family: 'Raleway'; font-weight: 700; font-style: Bold; font-size: 18px; line-height: 28px; color: #1a1a1a; margin-bottom: 0; } .contacts-page .geo-button { padding-bottom: 20px; } .contacts-page .geo-button.active { background-color: #f4f3ef; border-radius: 12px; padding: 12px 36px; margin-left: -36px; margin-bottom: 6px; } .contacts-page .geo-button a { display: none; } .contacts-page .geo-button .map { display: none; } .contacts-page .big-map { overflow: hidden; width: 100%; } .contacts-page .big-map iframe { width: 100%; height: 100%; } @media (width < 1400px) { .contacts-page .geo-info { max-width: 485px; } } @media (width < 1200px) { .contacts-page .geo-info { max-width: 445px; } } @media (width < 992px) { .contact-page-form .wrapper { flex-direction: column; } .contacts-page .geo-info { max-width: 100%; min-width: 375px; } } @media (width < 768px) { .contacts-row { flex-wrap: wrap; margin-top: 60px; } .contacts-row .info-col { order: 2; } .contacts-row .contacts-form { order: 1; } .contacts-page .big-map { display: none; } .contacts-page .contacts-row img, .contacts-page .geo-info img { display: none; } .contacts-page .contacts-row .socials img { display: block; } .contacts-page .geo-button a { display: inline-block; text-decoration: none; color: #1a1a1a; font-weight: 500; font-size: 16px; line-height: 24px; margin-top: 12px; } } @media (width < 500px) { .contacts-page { padding-top: 30px; padding-bottom: 100px; } .contacts-page .contacts-form { padding: 36px 12px; } .contact-page-form .wpcf7-form-control[name='your-message'] { margin-bottom: 24px; } .contact-page-form .btn-wrapper .btn { width: 100%; height: 48px; } .contacts-row .suna, .contacts-row .scrie, .contacts-row .urmareste, .contacts-page .geo-info { padding: 36px 12px; } .contacts-page .contacts-row h4, .contacts-page .geo-info h4 { font-size: 24px !important; line-height: 32px !important; } } /********************** CONTACTS Page END *********/ /* Offers Page */ .offers-page { margin-top: 60px; padding-bottom: 120px; } .offers-top-wrap { display: flex; justify-content: space-between; margin-bottom: 100px; } .offers-top-wrap p { max-width: 500px; } /* Offers Card Big */ .offers-card-big .offers-card-image-wrapper { max-width: 240px; height: 296px; } .offers-card-big .offers-card-body { width: 100%; padding: 35px 22px 0 22px; } .offers-card-big .offers-card-body h4 { height: auto; } .offers-card-big .offers-card-body .line { margin-bottom: 17px; } .offers-card-big .big-wrapper { display: flex; justify-content: space-between; } .offers-card-big .country-sal-wrapper { flex-direction: column; margin: 0; } .offers-card-big .country-sal-wrapper .wrapper { display: flex; } .offers-card-big .country-sal-wrapper .wrapper p { margin: 0; height: auto; } .offers-card-big .country-sal-wrapper .country-wrapper { margin-right: 33px; } .offers-card-big .offers-card-body .btn-wrapper { flex-direction: column; gap: 6px; } @media (width > 1200px) { .offers-card-big .offers-card-body h4 { height: 60px; } .offers-card-big .offers-card-image-wrapper { height: 305px; } .offers-card-light .offers-card-body h4 { height: auto; } } /* Offers Card Big END */ /* Slider */ .op-banners-slider { position: relative; } .op-banners-slider-item.slick-slide { display: flex; justify-content: center; } .op-banners-slider .slick-arrow { position: absolute; top: 50%; z-index: 10; font-size: 0; width: 24px; height: 24px; border: none; } .op-banners-slider .slick-dots { margin-top: 15px; } /* Slider end */ /* Pagination */ .pagination { display: flex; justify-content: center; } .pagination-wrap { display: flex; justify-content: center; margin-top: 30px; } .pagination a, .pagination span { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid rgba(168, 154, 103, 0.3); border-right: none; color: #a89a67; text-decoration: none; font-weight: 500; transition: all 0.2s; margin-left: -1px; /* ← убирает удвоенный бордер */ } .pagination a:last-child, .pagination span:last-child { border-right: 1px solid rgba(168, 154, 103, 0.3); } .pagination a:hover { background: rgba(168, 154, 103, 0.3); color: #1a1a1a; } .pagination .current { background: #a89a67; color: #1a1a1a; } .prev-icon::before { content: url('../img/chevron_left.png'); display: inline-block; width: 24px; height: 24px; vertical-align: middle; } .next-icon::before { content: url('../img/chevron_right.png'); display: inline-block; width: 24px; height: 24px; vertical-align: middle; } .double-prev-icon::before { content: url('../img/chevron_left_double.svg'); display: inline-block; width: 24px; height: 24px; vertical-align: middle; } .double-next-icon::before { content: url('../img/chevron_right_double.svg'); display: inline-block; width: 24px; height: 24px; vertical-align: middle; } /* Pagination END */ /* filters */ .offers-page-row { justify-content: space-between; } .filter-col { max-width: 400px; } .offers-filter .filter-group { border: 1px solid #d1d5db; border-radius: 12px; padding: 24px; margin-bottom: 24px; } .offers-filter h4 { font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 24px; } .offers-filter .wrapper { color: #1a1a1a; font-size: 16px; line-height: 24px; display: flex; align-items: center; } .offers-filter .wrapper input[type='checkbox'] { height: 16px; width: 16px; margin-right: 10px; } .offers-filter .wrapper input[type='checkbox'] { position: relative; appearance: none; /* убираем стандартный вид */ -webkit-appearance: none; height: 17px; width: 16px; margin-right: 10px; border: 1px solid #1a1a1a; border-radius: 4px; cursor: pointer; transition: all 0.2s; } /* когда выбран */ .offers-filter .wrapper input[type='checkbox']:checked { background-color: #a71a39; border-color: #a71a39; } .offers-filter label:has(input[type='checkbox']:checked) .wrapper, .offers-filter label:has(input[type='checkbox']:checked) .count { color: #a89a67; } .offers-filter label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; font-size: 16px; } .offers-filter .count { color: #a89a67; color: #1a1a1a; } .filter-actions { display: flex; flex-direction: column; } .btn-apply { background: #a71a39; color: #fff; border: none; border-radius: 6px; cursor: pointer; height: 48px; display: flex; justify-content: center; align-items: center; } .btn-apply:hover { background-color: var(--red-light); color: var(--text-color-light); transition: none; } .btn-reset { margin-top: 6px; text-decoration: none; background-color: #fff; color: var(--red); border: var(--red) 1px solid; border-radius: 6px; height: 48px; display: flex; justify-content: center; align-items: center; } .btn-reset:hover { background-color: var(--red-light); color: var(--text-color-light); } .salarizare-wrapper { display: flex; gap: 7px; } .salarizare-wrapper input[type='number'] { width: 100%; height: 50px; border: #d1d5db 1px solid; border-radius: 6px; padding: 12px; } .salarizare-wrapper input[type='number']::placeholder { color: #d1d5db; } .filter-toggle { display: none; } /* filters end */ .offers-page .mobile-card { display: none; } .offers-page .desktop-card { display: block; } @media (width < 1400px) { .offers-page .offers-card-small .offers-card-body { max-width: 100%; } .offers-page .op-banners-slider img { max-width: 360px; } } @media (width < 1200px) { .offers-page-row .filter-col { order: 1; margin-bottom: 50px; } .offers-page-row .offers-cal { order: 2; } .filter-toggle { display: inline-block; font-size: 16px; line-height: 24px; font-weight: 500; color: #1a1a1a; margin-bottom: 20px; cursor: pointer; } .filter-toggle:before { content: url('https://birja.md/wp-content/uploads/2025/11/filter.svg'); margin-right: 5px; vertical-align: middle; } .offers-filter { display: none; } .offers-filter.active { display: block; margin-bottom: 30px; } .offers-page-row .filter-col { margin-bottom: 10px; } .offers-page .op-banners-slider img { max-width: 100%; } .offers-top-wrap { margin-bottom: 60px; } } @media (width < 992px) { .offers-page .op-banners-slider img { max-width: 340px; } .offers-top-wrap { flex-wrap: wrap; } } @media (width < 768px) { .offers-page .desktop-card { display: none; } .offers-page .mobile-card { display: block; margin-bottom: 25px; } .filter-col { max-width: 100%; } .offers-page { margin-top: 30px; } .offers-page .offers-top-wrap p { margin: 0; } .offers-top-wrap p { max-width: 100%; } } @media (width < 576px) { /* .offers-page .mobile-card { margin-left: calc(-1 * var(--bs-gutter-x, 0.75rem)); margin-right: calc(-1 * var(--bs-gutter-x, 0.75rem)); } */ } /* Offers Page END*/ /* SINGLE OFFER PAGE */ .single-offer { padding-top: 70px; padding-bottom: 120px; } .single-offer-row { display: flex; justify-content: space-between; } .simillar-offers { max-width: 411px; } .offers-info-col { max-width: 845px; } .offer-single-card { border: 1px solid #d1d5db; border-radius: 12px; padding: 36px 24px; /* width: 845px; */ } .offer-single-card-title-wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; } .offer-single-card-title-wrapper .info-wrapper { font-size: 16px; line-height: 24px; } .offer-single-card-title-wrapper .info-wrapper p { margin: 0; } .offer-single-card-title-wrapper h2 { font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 12px; max-width: 445px; } .offer-single-card-title-wrapper .wrapper { display: flex; } .offer-single-card-title-wrapper .btn-wrapper { display: flex; gap: 6px; } .offer-single-card-title-wrapper .btn-wrapper .btn { height: 48px; } .offer-single-card-title-wrapper .btn-wrapper .plus-btn { max-width: 182px; } .offer-single-card-title-wrapper .btn-wrapper .plus-btn:before { content: '+'; display: flex; align-items: center; justify-content: center; height: 18px; width: 18px; border: 1px #ffffff solid; border-radius: 50%; margin-right: 7px; } .offer-single-card-title-wrapper .btn-wrapper .btnw { max-width: 122px; } .offer-single-card-title-wrapper .country-wrapper { display: flex; margin-right: 50px; align-items: center; } .offer-single-card-title-wrapper .country-wrapper img { width: 24px; height: 18px; } .offer-single-card-body-wrapper { max-width: 360px; } .single-offer-ru .offer-single-card-body-wrapper .virste .title { max-width: 150px; } .offer-single-card-body-wrapper h4 { font-weight: 600; font-size: 18px; line-height: 24px; margin-bottom: 12px; } .offer-single-card-body-wrapper .wrapper { display: flex; margin-bottom: 6px; justify-content: space-between; } .offer-single-card-body-wrapper .wrapper .title { font-weight: 400; font-size: 16px; line-height: 24px; margin: 0; } .offer-single-card-body-wrapper .wrapper .text { font-weight: 600; font-size: 16px; line-height: 24px; margin: 0; color: #1a1a1a; width: 175px; text-align: left; } .offer-single-card-description-wrapper { font-weight: 400; font-size: 16px; line-height: 24px; color: #1a1a1a; margin-top: 48px; } .offer-single-card-description-wrapper h4, .offer-single-card-description-wrapper h3 { font-weight: 600; font-size: 18px; line-height: 24px; margin-bottom: 24px; } .offer-single-card-description-wrapper .wp-block-heading, .offer-single-card-description-wrapper .wp-block-heading strong { margin-bottom: 10px; font-weight: 600; font-size: 16px; line-height: 22px; } .offer-single-card-description-wrapper .wp-block-list { margin-bottom: 10px; } .offer-single-card-description-wrapper p { margin-bottom: 10px; font-size: 16px; } .offer-single-card-description-wrapper p:last-child, .offer-single-card-description-wrapper ul:last-child { margin-bottom: 0px; } .offer-single-card-description-wrapper ul { padding-left: 23px; margin: 0; } .single-offer .faq-tel-form { margin: 36px 0; } /* cards light */ .offers-card-light .offers-card-body { padding: 25px; } .offers-card-light .country-sal-wrapper .wrapper { margin-bottom: 25px; } .simillar-offers .current-offer .offers-card-light { background-color: #f4f3ef !important; border: #a71a39 1px solid; } .card-light-link { text-decoration: none; color: #666666; } .card-light-link:hover { color: #666666; } .simillar-offers .current-offer .card-light-link { pointer-events: none; } /* cards light end */ .single-offer .mobile-card, .offer-single-card-title-wrapper-2 { display: none; } @media (width < 1400px) { .offers-info-col { max-width: 835px; } .simillar-offers { max-width: 265px; } } @media (width < 1200px) { .offers-info-col { max-width: 100%; } .simillar-offers { display: none; } } @media (width < 992px) { .single-offer .op-banners-slider img { max-width: 340px; } } @media (width < 768px) { .offer-single-card-title-wrapper { flex-wrap: wrap; margin-bottom: 36px; } .offer-single-card-title-wrapper .btn-wrapper { margin-top: 24px; } .single-offer .desktop-card { display: none; } .single-offer .mobile-card { display: block; margin-bottom: 36px; } .single-offer { padding-top: 30px !important; padding-bottom: 90px !important; } .single-offer .offers-top-wrap p { margin: 0; } .offer-single-card-title-wrapper h2 { font-weight: 600 !important; font-size: 20px !important; line-height: 28px !important; } .offer-single-card-title-wrapper .wrapper, .offer-single-card-title-wrapper .info-wrapper p { font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important; } .offer-single-card-body-wrapper h4 { font-size: 18px !important; line-height: 24px !important; margin-bottom: 12px !important; } .offer-single-card-description-wrapper h4 { margin-bottom: 24px !important; } .faq-tel-form h4 { font-size: 24px !important; margin-bottom: 24px !important; } } @media (width < 576px) { .offer-single-card { padding: 0 !important; border: none !important; width: 100%; } .offer-single-card-title-wrapper-2 { display: block; } .offer-single-card-title-wrapper .btn-wrapper .btnw { width: 100%; max-width: 140px !important; } .offer-single-card-title-wrapper .btn-wrapper .btn { width: 100%; max-width: 100%; } .offer-single-card-title-wrapper .btn-wrapper { width: 100%; } .single-offer .faq-tel-form { flex-direction: column; padding: 36px 12px; } .single-offer .faq-tel-form .intrebari { margin-bottom: 24px; } .your-phone-form { max-width: 100%; } .your-phone-form .btn { height: 48px; } .your-phone-form .wpcf7 input { padding: 11px !important; padding-left: 45px !important; } .single-offer .mobile-card { margin-left: calc(-1 * var(--bs-gutter-x, 0.75rem)); margin-right: calc(-1 * var(--bs-gutter-x, 0.75rem)); } } /* SINGLE OFFER PAGE END*/ /* Modal Filters */ .modal-filters-popup { background-color: #f4f3ef; width: 100%; max-width: 860px; height: 100%; max-height: 780px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; display: flex; border-radius: 24px; overflow: hidden; } .modal-filters-popup.active { opacity: 1; visibility: visible; } .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .modal-overlay.active { opacity: 1; visibility: visible; } /* Modal Filters END */ /* PDF MODAL */ .birja-popup { background-color: #f4f3ef; width: 100%; max-width: 860px; height: 100%; max-height: 780px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); z-index: 1001; transition: all 0.3s ease-in-out; display: flex; border-radius: 24px; overflow: hidden; } .pdf-popup { opacity: 0; visibility: hidden; } .pdf-popup.active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .pdf-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .pdf-overlay.active { opacity: 1; visibility: visible; } .close-btn { position: absolute; top: 18px; right: 18px; font-size: 36px; font-weight: 200; cursor: pointer; color: #000; z-index: 2222; background-color: #f4f3ef; height: 36px; width: 36px; border-radius: 6px; display: flex; justify-content: center; align-items: center; } .close-btn:hover { color: #a71a39; } .birja-form { display: flex; flex-direction: column; padding: 24px; justify-content: center; } .birja-form .birja-head p { margin: 0; } .birja-form .birja-head { margin-bottom: 48px; } .birja-form .pdf-form .form-group { margin-bottom: 12px; } .birja-form .pdf-form .btn { width: 100%; } @media (width < 992px) { .birja-popup { flex-direction: column-reverse; width: 95%; } .birja-form { position: static; width: 100%; height: 80%; justify-content: center; } } .birja-form .birja-head { margin-bottom: 24px; } @media (width < 600px) { .birja-popup { max-height: 550px; } .birja-form { height: 86%; } } /* PDF MODAL END*/ /* CERE MODAL */ .birja-popup { background-color: #f4f3ef; width: 100%; max-width: 860px; height: 100%; max-height: 780px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); z-index: 1001; transition: all 0.3s ease-in-out; display: flex; border-radius: 24px; overflow: hidden; } .cere-popup { opacity: 0; visibility: hidden; } .cere-popup.active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .cere-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .cere-overlay.active { opacity: 1; visibility: visible; } .close-btn { position: absolute; top: 18px; right: 18px; font-size: 36px; font-weight: 200; cursor: pointer; color: #000; z-index: 2222; background-color: #f4f3ef; height: 36px; width: 36px; border-radius: 6px; display: flex; justify-content: center; align-items: center; } .close-btn:hover { color: #a71a39; } .birja-form { display: flex; flex-direction: column; padding: 24px; justify-content: center; } .birja-form .birja-head p { margin: 0; } .birja-form .birja-head { margin-bottom: 48px; } .birja-form .pdf-form .form-group { margin-bottom: 12px; } .birja-form .pdf-form .btn { width: 100%; } @media (width < 992px) { .birja-popup { flex-direction: column-reverse; width: 95%; } .birja-form { position: static; width: 100%; height: 80%; justify-content: center; } } .birja-form .birja-head { margin-bottom: 24px; } @media (width < 600px) { .birja-popup { max-height: 550px; } .birja-form { height: 86%; } } /* CERE MODAL END*/ /* Calculator Header */ .calc-btn, .calc-anchor-btn { width: 48px; height: 48px; border-radius: 12px; background-color: #a89a67; display: flex; justify-content: center; align-items: center; cursor: pointer; } .calc-btn:hover, .calc-anchor-btn:hover { background-color: #da291c; } .calc-btn:before, .calc-anchor-btn::before { content: url('https://birja.md/wp-content/uploads/2025/11/calc.svg'); line-height: 10px; } .calc-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 860px; height: 100%; max-height: 780px; z-index: 1001; } .close-calc { } .calc-modal { opacity: 0; visibility: hidden; } .calc-modal.active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .calc-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .calc-modal-overlay.active { opacity: 1; visibility: visible; } @media (width < 1200px) { .calc-btn { display: none; } } /* Calculator Header end*/ .wpcf7 form.sent .wpcf7-response-output { border-color: #a89a67; border-radius: 6px; }