html body, body, button, input, select, textarea { font-family: 'Montserrat', sans-serif; } .number { background: #50a72c; color: #fff; position: absolute; right: -10px; width: 25px; height: 25px; z-index: 1; text-align: center; padding: 2px; border-radius: 100%; display: flex; align-items: center; justify-content: center; top: -10px; } .home-products-section .home-product-card .inner-box { position: relative; margin-bottom: 30px; overflow: hidden; aspect-ratio: 1 / 1; } .home-products-section .home-product-card .image { position: absolute; inset: 0; } .home-products-section .home-product-card .image a { display: block; width: 100%; height: 100%; } .home-products-section .home-product-card .image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .home-products-section .home-product-card .inner-box:hover .image img { transform: scale(1.05); } .home-products-section .home-product-card .overlay-content { position: absolute; left: 0; bottom: 0; width: 58%; min-width: 220px; padding: 28px 24px 24px; background: rgba(255, 255, 255, 0.88); z-index: 2; } .home-products-section .home-product-card h4 { font-size: 22px; font-weight: 700; line-height: 1.3; text-transform: uppercase; margin-bottom: 12px; color: #222; overflow: hidden; min-width: 0; } .home-products-section .home-product-card h4 a { color: inherit; display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .home-products-section .home-product-card h4 a:hover { color: #F89D1D; } .home-products-section .home-product-card .desc { font-size: 14px; line-height: 1.65; color: #333; margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .home-products-section .home-product-card .link-btn { opacity: 1; transform: none; margin-top: 0; } .home-products-section .home-product-card .link-btn a { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #222; letter-spacing: 0.3px; } .home-products-section .home-product-card .link-btn a:hover { color: #F89D1D; } @media (max-width: 991px) { .home-products-section .home-product-card .overlay-content { width: 72%; padding: 22px 18px 18px; } .home-products-section .home-product-card h4 { font-size: 18px; } } @media (max-width: 575px) { .home-products-section .home-product-card .overlay-content { width: 85%; min-width: 0; } } .core-values-section { position: relative; padding: 80px 0 50px; } .core-values-section .core-values-row { align-items: stretch; } .core-values-section .core-value-card { display: flex; margin-bottom: 30px; } .core-values-section .core-value-card .inner-box { flex: 1; text-align: center; background-color: transparent; border-radius: 6px; padding: 36px 24px 32px; box-shadow: none; min-height: auto; } .core-values-section .core-value-card:nth-child(odd) .inner-box { background-color: #f5f5f5; } .core-values-section .core-value-card .icon { margin-bottom: 22px; } .core-values-section .core-value-card .icon img { height: 64px; width: auto; display: inline-block; } .core-values-section .core-value-card h4 { font-size: 20px; font-weight: 700; text-transform: uppercase; color: #222; margin-bottom: 16px; padding-bottom: 0; } .core-values-section .core-value-card h4:before { display: none; } .core-values-section .core-value-card .desc { font-size: 14px; line-height: 1.7; color: #555; margin-bottom: 0; } @media (max-width: 991px) { .core-values-section { padding: 60px 0 30px; } .core-values-section .core-value-card .inner-box { padding: 28px 20px 24px; } } .contact-page-layout { padding: 50px 0 80px; } .contact-page-layout .contact-page-row { align-items: flex-start; } .contact-page-layout .contact-page-left { padding-right: 40px; } .contact-page-layout .contact-page-title { font-size: 32px; font-weight: 700; line-height: 1.3; text-transform: uppercase; margin-bottom: 28px; color: #222; } .contact-page-layout .contact-page-list { list-style: none; padding: 0; margin: 0 0 30px; } .contact-page-layout .contact-page-list li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; font-size: 15px; line-height: 1.6; color: #333; } .contact-page-layout .contact-page-list li i { color: #222; font-size: 14px; margin-top: 5px; min-width: 14px; } .contact-page-layout .contact-page-list li a { color: #333; } .contact-page-layout .contact-page-list li a:hover { color: #F89D1D; } .contact-page-layout .contact-page-map { padding: 0; } .contact-page-layout .contact-page-map iframe { width: 100%; height: 320px; display: block; } .contact-page-layout .contact-page-form { padding: 0; box-shadow: none; background: transparent; } .contact-page-layout .contact-page-form-desc { font-size: 15px; line-height: 1.7; color: #444; margin-bottom: 22px; font-weight: 400; } .contact-page-layout .contact-page-form-desc strong { font-weight: 600; color: #444; } .contact-page-layout .contact-form .form-group { margin-bottom: 12px; } .contact-page-layout .contact-form.contact-page-form-fields .form-group input[type="text"], .contact-page-layout .contact-form.contact-page-form-fields .form-group input[type="email"], .contact-page-layout .contact-form.contact-page-form-fields .form-group textarea.form-control { height: 52px; font-size: 14px; font-weight: 400; color: #333; background-color: #fff !important; border: 1px solid #e8e8e8 !important; border-radius: 5px !important; padding: 14px 18px; line-height: 1.4; box-shadow: none !important; transition: border-color 0.2s ease; } .contact-page-layout .contact-form.contact-page-form-fields .form-group input[type="text"]::placeholder, .contact-page-layout .contact-form.contact-page-form-fields .form-group input[type="email"]::placeholder, .contact-page-layout .contact-form.contact-page-form-fields .form-group textarea.form-control::placeholder { color: #aaa; font-weight: 400; opacity: 1; } .contact-page-layout .contact-form.contact-page-form-fields .form-group input[type="text"]:focus, .contact-page-layout .contact-form.contact-page-form-fields .form-group input[type="email"]:focus, .contact-page-layout .contact-form.contact-page-form-fields .form-group textarea.form-control:focus { border-color: #d0d0d0 !important; outline: none; box-shadow: none !important; } .contact-page-layout .contact-form.contact-page-form-fields .form-group textarea.form-control { height: 200px; min-height: 200px; resize: vertical; padding-top: 16px; } .contact-page-layout .contact-form .row > .col-md-6:first-child { padding-right: 10px; } .contact-page-layout .contact-form .row > .col-md-6:last-child { padding-left: 10px; } .contact-page-layout .contact-form .form-group-two { margin-top: 6px; } .contact-page-layout .contact-page-submit.theme-btn { background-color: #F89D1D; border: none; border-radius: 0; padding: 14px 32px; font-weight: 600; letter-spacing: 0.5px; } .contact-page-layout .contact-page-submit.theme-btn:hover { background-color: #e08a0f; } @media (max-width: 991px) { .contact-page-layout .contact-page-left { padding-right: 15px; margin-bottom: 40px; } .contact-page-layout .contact-page-title { font-size: 26px; } } .home-projects-section { position: relative; padding: 70px 0 50px; background-color: #fff; } .home-projects-section .home-projects-row { align-items: flex-start; } .home-projects-section .home-project-column { margin-bottom: 40px; } .home-projects-section .home-project-group { height: 100%; } .home-projects-section .category-title { font-size: 28px; font-weight: 400; line-height: 1.35; text-transform: uppercase; color: #222; margin-bottom: 24px;text-align: center; } .home-projects-section .category-title span { color: #F89D1D; } .home-projects-section .home-project-carousel { max-width: 100%; margin: 0; } .home-projects-section .home-project-slide .image { position: relative; overflow: hidden; margin-bottom: 18px; aspect-ratio: 16 / 10; } .home-projects-section .home-project-slide .image a { display: block; width: 100%; height: 100%; } .home-projects-section .home-project-slide .image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .home-projects-section .home-project-slide .image:hover img { transform: scale(1.03); } .home-projects-section .home-project-slide .project-name { font-size: 18px; font-weight: 400; line-height: 1.45; text-transform: uppercase; color: #333; margin-bottom: 8px; } .home-projects-section .home-project-slide .project-name a { color: inherit; } .home-projects-section .home-project-slide .project-name a:hover { color: #F89D1D; } .home-projects-section .home-project-slide .link-btn { margin-top: 0; } .home-projects-section .home-project-slide .read-more-btn { font-size: 12px; font-weight: 400; text-transform: uppercase; color: #999; letter-spacing: 0.2px; } .home-projects-section .home-project-slide .read-more-btn:hover { color: #F89D1D; } @media (max-width: 991px) { .home-projects-section { padding: 50px 0 20px; } .home-projects-section .category-title { font-size: 22px; margin-bottom: 18px; } .home-projects-section .home-project-slide .project-name { font-size: 16px; } } .error-page .link-btn .btn-style-two { background-color: #f89d1d; color: #fff; border-radius: 5px; } .error-page .link-btn .btn-style-two:before { display: none; } .error-page .link-btn .btn-style-two:hover { background-color: #e08a0f; color: #fff; } .main-footer .iframe-map-footer iframe { width: 100%; height: 380px; min-height: 300px; } @media (max-width: 991px) { .main-footer .iframe-map-footer iframe { height: 300px; } } .showroom-page-section { padding: 50px 0 80px; } .showroom-page-section .showroom-intro { margin-bottom: 56px; } .showroom-page-section .showroom-quote { position: relative; margin: 0 0 30px; padding: 0 0 0 62px; border: 0; } .showroom-page-section .showroom-quote__icon { position: absolute; left: 0; top: -10px; font-size: 76px; line-height: 1; color: #222; font-weight: 700; font-family: Georgia, "Times New Roman", serif; } .showroom-page-section .showroom-quote__text, .showroom-page-section .showroom-quote__text p { margin: 0; font-size: 18px; line-height: 1.7; color: #9a9a9a; font-weight: 400; } .showroom-page-section .showroom-body { font-size: 15px; line-height: 1.75; color: #333; } .showroom-page-section .showroom-body p { margin: 0 0 18px; } .showroom-page-section .showroom-body p:last-child { margin-bottom: 0; } .showroom-page-section .showroom-meta-list { list-style: none; padding: 0; margin: 34px 0 0; } .showroom-page-section .showroom-meta-list li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; font-size: 15px; line-height: 1.6; color: #333; } .showroom-page-section .showroom-meta-list li:last-child { margin-bottom: 0; } .showroom-page-section .showroom-meta-list li i { color: #222; font-size: 15px; margin-top: 4px; min-width: 15px; } .showroom-page-section .showroom-meta-list li strong { font-weight: 600; color: #222; } .showroom-gallery { --showroom-gap: 8px; } .showroom-gallery__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--showroom-gap); } .showroom-gallery__hero, .showroom-gallery__cell { position: relative; margin: 0; min-width: 0; width: 100%; overflow: hidden; background-color: #f2f2f2; } .showroom-gallery__hero { grid-column: 1 / -1; } .showroom-gallery__hero::before, .showroom-gallery__cell::before { content: ""; display: block; width: 100%; } .showroom-gallery__hero::before { padding-top: 62.5%; } .showroom-gallery__cell::before { padding-top: 66.6667%; } .showroom-gallery__link { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: hidden; line-height: 0; } .showroom-page-section .showroom-gallery__link img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; display: block; object-fit: cover; object-position: center; transition: transform 0.45s ease; } .showroom-gallery__cell:hover .showroom-gallery__link img { transform: scale(1.03); } .showroom-page-section .showroom-loadmore { margin-top: 36px; } @media (max-width: 767px) { .showroom-page-section { padding: 36px 0 60px; } .showroom-page-section .showroom-intro { margin-bottom: 40px; } .showroom-page-section .showroom-quote { padding-left: 44px; margin-bottom: 24px; } .showroom-page-section .showroom-quote__icon { font-size: 52px; top: -6px; } .showroom-page-section .showroom-quote__text, .showroom-page-section .showroom-quote__text p { font-size: 16px; } .showroom-gallery__hero::before { padding-top: 62.5%; } .showroom-gallery__cell::before { padding-top: 75%; } } .about-us-section-four { background-position: left bottom; background-repeat: no-repeat; } .main-menu .navigation > li > ul > li > ul, .mobile-menu .navigation > li > ul > li > ul { min-width: 220px; width: max-content; } .main-menu .navigation > li > ul > li.dropdown > a, .mobile-menu .navigation > li > ul > li.dropdown > a { padding-right: 36px; } .mobile-menu .navigation > li > a { text-transform: uppercase; } .mobile-menu .navigation > li > ul > li > a { padding: 10px 25px 10px 35px; margin-left: 0; font-size: 14px; font-weight: 500; text-transform: capitalize; } .mobile-menu .navigation > li > ul > li > ul > li > a { padding: 10px 25px 10px 50px; margin-left: 0; font-size: 14px; font-weight: 500; text-transform: capitalize; } .mobile-menu .navigation > li > ul > li > ul { background: rgba(0, 0, 0, 0.12); } .mobile-menu .navigation li.dropdown > ul > li.dropdown .dropdown-btn { top: 4px; right: 6px; } .mobile-menu .navigation li > ul > li { border-top: 1px solid rgba(255, 255, 255, 0.08); }