/** * Theme Name: Spaciaz Child * Description: This is a child theme of Spaciaz, generated by Merlin WP. * Author: Opalthemes * Template: spaciaz * Version: 1.2.4 */ :root { --error: #F2545B; --primary: #0C72BA; --secondary: #417099; --global-text: #4B4B4B; --text-light:#8A8A8A; --transparent: rgba(0,0,0,0); --white: #ffffff; --black: #000000; --border:#E0E0E0; --background-light:#F5F5F5; --text-0a0a0a:#0A0A0A; --primary-light:#E0EDF6; } /**/ .main-navigation ul.menu li.menu-item a span {cursor: pointer;} .main-navigation ul.menu li.menu-item a span:before {height: 3px; bottom: -3px;} .main-navigation ul.menu li.menu-item-has-children > a span:after{content:""; height: 13px; width: 15px; display: inline-block; background: url(images/menuarrow.svg) no-repeat center center; position: absolute; right: -18px; top: 6px;} .logoSlider .elementor-scrolling-item-inner {height: 141px; width: 207px; text-align: center; justify-content: center;} .testimonial01 .elementor-testimonial-image {padding: 0 !important;} .testimonial01 .elementor-testimonial-image img {position: unset !important;} .scrollup { color: var(--white) !important; display: none !important;} .service-item .service-button {background: var(--primary) !important;} .service-item .service-button .btn-icon, .service-item .service-button .btn-icon-hover {color: var(--white);} .service-item.service-style-3 .service-inner:hover {border-color: var(--white) !important; background-color: var(--white) !important;} .service-item.service-style-3 .service-content {padding: 30px 64px;} .service-item .service-style-inner .service-title {line-height: 54px;} .casestudies01 .grid-item.project-inner.active{ width: 50% !important;} .project-item .project-button .btn-icon, .project-item .project-content .project-button-wrap a:hover, .project-item.project-style-5 .project-content a:hover {color: var(--white) !important;} .project-item .project-button .btn-icon-hover{color: var(--primary) !important;} .casestudies01 .project-location{display: none;} .elementor-shape-circle .elementor-icon {border-radius: 50%; margin-bottom: 30px;} .testimonialSlider .slick-slide {margin: 0 22px;} .testimonialSlider .slick-track{ display:flex !important; } .counter01 .elementor-counter-number-suffix sup {top: -8px !important; bottom: 0 !important; right: -8px; } /* the parent */ .testimonialSlider .slick-list {margin: 0 -22px;} .testimonialSlider .testimonialItem{display: block; width: 100%; overflow: hidden; padding: 50px; background: var(--white); border: 1px solid #C4BEBE; border-radius: 20px; } .testimonialSlider .elementor-testimonial-image, .testimonialSlider .wrap_content {padding: 0 !important;} .testimonialSlider .elementor-testimonial-image{margin-bottom: 48px !important} .testimonialSlider .elementor-testimonial-item-wrapper .content{border: 0 !important;} .testimonialSlider .details-info{border-left: 1px solid var(--primary); padding-left: 5px;} .testimonialSlider .details-info .name, .testimonialSlider .details-info .job{font-family: DM Sans; font-size: 16px; line-height: 22px; letter-spacing: 0%;} .testimonialSlider .details-info .name{font-weight: 700; color: #090909;} .testimonialSlider .details-info .job{font-weight: 500; color:#ABABAB;} .testimonialSlider .testimonialItem.testimonialItemVideo .elementor-widget-video {position: absolute; left:0; top:0; height: 100%; width: 100% !important;border-radius:20px;} .testimonialSlider .testimonialItem.testimonialItemVideo .elementor-widget-video * {height: 100%; width: 100%;} .testimonialSlider .elementor-widget-video .elementor-custom-embed-image-overlay img {height: 100% !important; aspect-ratio: auto; object-fit: cover; object-position: center;} .testimonialSlider .elementor-widget-video .elementor-custom-embed-image-overlay .elementor-custom-embed-play {height: auto !important;} .testimonialSlider .slick-dots {display: flex; justify-content: center; margin: 32px 0 0; } .testimonialSlider .slick-dots li {list-style: none;} .testimonialSlider .slick-dots li button {font-size: 0; background: #000; padding:0 !important; height: 12px; width: 12px; border:0; margin: 0 5px; cursor: pointer; } .testimonialSlider .slick-dots li.slick-active button {background: var(--primary);} .testimonialSlider .slick-prev{left:-100px !important;} .testimonialSlider .slick-next{ right:-100px !important} .testimonialSlider .elementor-testimonial-item-wrapper .content {font-size: 16px !important; } .slick-arrow {position: absolute; transform: translateY(-50%); top: 50%; background: var(--white) !important; color: var(--primary); height: 70px; width: 70px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 100%;} .slick-prev{left:0px !important;} .slick-next{ right:0px !important} .slick-arrow svg path {fill:var(--primary) !important;} .slick-arrow:hover { background:var(--primary) !important;} .slick-arrow:hover svg path {fill:var(--white) !important;} ul.slick-dots {list-style: none; display: flex; justify-content: center;} ul.slick-dots li{margin:0 6px;} ul.slick-dots li button{background:var(--border); display:block; font-size:0; padding:0; height:6px; width:6px; } .slick-dots .slick-active button{ background:var(--primary); border-color:var(--primary); transform:scale(1.5);} .menu-mobile-nav-button svg path {fill: var(--white);} .spaciaz-mobile-nav .menu-scroll-mobile .site-branding {display: none;} .submit-btn .elementor-button {color: var(--primary); padding: 5px 5px 5px 50px;} .submit-btn .elementor-button:hover{background: var(--primary); border-color:var(--primary); color:var(--white);} .submit-btn .elementor-button:hover .elementor-button-icon{background:var(--white);} .submit-btn .elementor-button .btn-icon{color:var(--white);} .submit-btn .elementor-button:hover .btn-icon-hover{color:var(--primary);} .contactForm .wpcf7-form-control-wrap {margin-bottom: 30px;} .contactForm .wpcf7-form-control-wrap span.wpcf7-not-valid-tip { margin-bottom: 10px; font-size:14px;} .tabGallery .elementor-image-gallery .gallery-item{padding: 15px !important;} .tabGallery .elementor-image-gallery .gallery-icon {border: 1px solid #0872B9; border-radius: 23px; overflow: hidden; padding: 25px !important; aspect-ratio: 21/13; display: flex; align-items: center; justify-content: center;} .tabGallery .elementor-image-gallery .gallery-icon img {height: 100%; object-fit: contain;} .tabGalleryawards .elementor-image-gallery .gallery-icon {border: 0;border-radius: 0;overflow: hidden;padding: 0px !important;aspect-ratio: 4/3;display: flex;align-items: center;justify-content: center;} .tabGalleryawards .elementor-image-gallery .gallery-icon img {height: 100%;object-fit: cover;} .tabGallery .elementor-image-gallery .gallery{display: flex; flex-wrap:wrap; align-items: center; justify-content: center;} .navigation-post-filter a{ border-color: var(--primary);} .navigation-post-filter a.active, .navigation-post-filter a:hover {color: var(--white); background: var(--primary); border-color: var(--primary);} .categories-link, .categories-link a{ color: var(--white);} .post-content .entry-title {line-height:1.3 !important; font-size: 2em !important; letter-spacing: 0 !important;} .pagination ul.page-numbers li .page-numbers.current, .pagination ul.page-numbers li .page-numbers.current:hover {color: var(--white);} .widget .wp-block-group__inner-container > h2, .widget .widget-title, .widget .widgettitle, .widget-area .widget_search .wp-block-search .wp-block-search__label{font-size: 22px; letter-spacing: 0;} .eventGrid .uc_content-info-wrapper .uc_post_title{margin-top:15px !important;} .eventGrid .uc_content-info-wrapper .uc_post_title a {line-height: 1.2 !important; font-size: 35px !important; letter-spacing: 0 !important;} .eventGrid .uc_content-info-wrapper .uc_post_title a {color: var(--black); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-image: linear-gradient(to right, #000000 0%, #000000 100%); background-position: 0 calc(100% - 0em); background-size: 0 2px; transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; background-repeat: no-repeat; text-decoration: none;} .eventGrid .uc_content-info-wrapper .uc_post_title a:hover {background-size: 100% 2px;} .ue-grid-item-meta-data {font-size: 14px !important; line-height: 1 !important; font-weight: 600 !important; color: var(--text-light); !important; gap: 0 !important; position: absolute; right: 0; top: 14px; background: var(--white); padding-left: 14px; } .uc_content-info-wrapper, .ue-grid-item-category {position: relative;} .ue-grid-item-category a{position: unset;} .ue-grid-item-category a:before{content: ""; height: 1px; width: 300%; background-color: #ccc; position: absolute; right: calc(-300% - 15px); top: 21px; } .page-numbers:not(ul) {height: 45px; width: 45px; border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 50px; font-weight: 600; color: var(--text_light); width: 50px; height: 50px; border-radius: 50%; text-transform: uppercase; transition: all ease 0.3s; background-color: var(--white);} .uc-posts-pagination {display: flex; align-items: center; justify-content: center;} .uc-posts-pagination .page-numbers.current {color: var(--white); background-color: var(--primary); z-index: 2; position: relative;} .single-post .single-content .entry-title, .single-event .single-content .entry-title, .single-news .single-content .entry-title{margin-bottom: 37px; font-size: 51px !important;} .single-event .content-area, .single-news .content-area {width: 100%;} /*.single-event .breadcrumb-wrap h2.elementor-heading-title, .single-event .content-area:before, .single-event .breadcrumb-wrap .elementor-widget-page-title, .single-news .breadcrumb-wrap h2.elementor-heading-title, .single-news .content-area:before, .single-news .breadcrumb-wrap .elementor-widget-page-title{display: none;} */ .single-event .content-area:before, .single-news .content-area:before{display: none;} .single-news .site-content .col-full {max-width: 100%; padding: 0 !important;} .single-news .site-content .col-full .elementor-widget-page-title a{pointer-events: none;} .cptGallery .gallery .gallery-item{} .cptGallery .gallery .gallery-item .gallery-icon img{width:100%;} .ug-thumb-wrapper.ug-tile img.ug-thumb-image {width:100% !important; height: auto !important; position: unset !important; object-fit: contain !important; display: flex; align-items: center; justify-content: center;} .ug-thumb-wrapper.ug-tile.ug-tile-clickable {cursor: pointer; background: transparent !important; display: inline-flex; justify-content: center; align-items: center;} .form-submit .button-style .btn-icon, .form-submit .button-style:hover, .project-form-filter .filter-wrap-button button, .project-item.project-style-2 .project-content .project-status a {color: var(--white);} .project-form-filter .filter-wrap-button button:hover, .project-item.project-style-2 .project-content .project-status a:hover{color: var(--primary); background:var(--black);} .form-submit .button-style .btn-icon-hover {color: var(--primary);} /**/ #powerTip{background: var(--white) !important;box-shadow: 24.03px 15.55px 42.41px 5.65px #B5B5B599;box-shadow: 0px 14.14px 56.55px 0px #00000033; transform: translateY(-10px);padding: 10px 25px !important;border-radius: 5px !important;text-align: center;} #powerTip:before {border-top: 15px solid var(--white) !important; border-right: 11px solid transparent !important; border-left: 11px solid transparent !important; left:50% !important; right: unset !important; transform: translateX(-50%); margin: 0 !important;} #powerTip span.close_ihp svg {display: none !important;} #powerTip .box_view_html p, #powerTip .box_view_html {margin: 0 !important; color:var(--primary) !important; font-size:20px; font-weight:500 } .point_style{cursor:pointer !important} .point_style img {width: 18px !important; height: 18px !important;} /*Product single page*/ .single-spaciaz_project .breadcrumb-wrap {background-image: unset !important; background-color: var(--e-global-color-primary); } .single-spaciaz_project .site-main{position: relative;} .single-spaciaz_project .site-main:after{content:""; background: url(/dhanvantieng/wp-content/uploads/2026/01/abouplane.svg)no-repeat; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index:-1;} .relatedProductSlider .uc_image_carousel_content_holder .ue-meta-data {position: absolute; top: 21px; right: 0; width: 100%; display: none !important; opacity: 0;} .relatedProductSlider .uc_image_carousel_content_holder .ue-meta-data:after{content:""; height: 1px; width: 100%; background-color: #ccc; position: absolute; left: 0; top: 21px; display: block;} .relatedProductSlider .uc_image_carousel_content_holder {position: relative; padding: 0;} .relatedProductSlider .ue-grid-item-meta-data {background: var(--white); z-index:1;} .row>*{max-width: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; padding:0 15px;} .row{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; flex-wrap: wrap; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; margin: 0 -15px;} .col-50{width:50%} .col-40{width:40%} .col-60{width:60%} .container{max-width: 1360px; margin: 0 auto; width: 100%; display: block;} .globalFooter {overflow: hidden; } .tax-project_type .breadcrumb-wrap {display: none;} .tax-project_type .col-full {width: 100%; max-width: 100% !important; padding: 0 !important;} .tax-project_type .site-content {margin: 0 !important;} /**/ .productBannerWrapper{position: relative; padding: 135px 0 75px; min-height: 700px; margin-bottom: -108px; position: relative; display: flex; width: 100%; justify-content: flex-start; align-items: center;} .productBannerWrapper:after {content:""; background: var(--black); opacity:0.3; height:100%; width:100%; display:block; position:absolute; left:0; top:0;} .productBannerWrapper .bannerHeading {z-index: 1; position: relative; max-width: 1730px; width: 100%; margin:0 auto;} .productBannerWrapper .bannerHeading h1{color: var(--white); font-weight: 700; font-size: 60px; line-height: 65px; letter-spacing: -2px; margin-top:-50px; text-align: center;} .productBannerWrapper .bannerImageWrap {position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: block; background-color: var(--e-global-color-primary); background-repeat: no-repeat; background-size: cover; background-position: center center;} .spacer02 {background: var(--white); width: 100%; height: 108px; position:relative; z-index: 1; border-radius: 50px 50px 0px 0px;} .infoBlock{position: relative; margin-bottom:120px;} .relatedProducts .relatedProductswrapper:before, .infoBlock:after, .faq-block:before{content:""; height: 100%; width: 100%; display: block; position: absolute; background-repeat: no-repeat;} .relatedProducts .relatedProductswrapper > *, .infoBlock > *, .faq-block > *{position: relative; z-index: 1;} .infoBlock:after{left: 0; top: 0; background-image: url(images/abouplane.svg); background-position: top left; z-index:-1;} .infoBlock .infoWrapper{} .tag {border: 1px solid var(--primary); height: 36px; display: inline-flex; justify-content: center; align-items: center; padding: 0 25px; border-radius: 50px; font-family: "Inter", Sans-serif; font-size: 13px; font-weight: 600; line-height: 20px; letter-spacing: 0px; text-transform: uppercase; color: var(--black); } .infoBlock .infoWrapper .tag{margin-bottom: 30px} .infoBlock .infoWrapper h2{max-width: 100%; font-size: 45px; line-height: 1.2;} .infoBlock .infoWrapper .content{max-width: 690px;} .infoBlock .imgBlock {border-radius: 0 30px 30px 30px; overflow: hidden; width: 100%; position: relative;} .infoBlock .imgBlock img{object-fit: cover;} .infoBlock .imgBlock figure.swiper-slide-inner img{aspect-ratio:1/1 } .infoBlock .imgBlock .swiper-pagination {display: flex; align-items: center; justify-content: center; } .infoBlock .imgBlock .elementor-element {overflow:hidden; } .infoBlock .col-40{display: flex; align-items: center; } .term-aluminium-recycling-plant .infoBlock .row {flex-wrap: wrap;} .term-aluminium-recycling-plant .infoBlock .col-60, .term-aluminium-recycling-plant .infoBlock .col-40 {width: 100%;} .term-aluminium-recycling-plant .infoBlock .imgBlock figure.swiper-slide-inner img {aspect-ratio: 21/9;} .term-aluminium-recycling-plant .infoBlock .infoWrapper {display: flex; flex-wrap:wrap; margin-bottom: 40px;} .term-aluminium-recycling-plant .infoBlock .infoWrapper .infoWrappertitle, .term-aluminium-recycling-plant .infoBlock .infoWrapper .content {width:50%; } .term-aluminium-recycling-plant .infoBlock .infoWrapper .infoWrappertitle{padding-right: 80px;} .shapeonimg {position: absolute !important;left: 0;top: -1px;height: 60px;width: 220px;background: var(--white);border-radius: 0px 0px 30px 0px;} .shapeonimg .spaciaz-border-shape{display: block; position:absolute; background-color:var(--white); width: 30px; height: 30px; clip-path: path("M0 0 Q0,30 30,30 L 0 30 Z"); transform: rotate(90deg);} .shapeonimg .spaciaz-border-shape.bottom-left {bottom: -30px; left: 0px;} .shapeonimg .spaciaz-border-shape.top-right {top: 0px; right: -30px; } .buttonBlock.elementor-button-outline .elementor-button:hover {color: var(--white); border-color: var(--primary); background-color: var(--primary);} .buttonBlock.elementor-button-outline .elementor-button:hover .elementor-button-icon {background-color: var(--white);} .buttonBlock.enable-style-icon-yes .elementor-button .btn-icon{color: var(--white);} .buttonBlock.enable-style-icon-yes .elementor-button .btn-icon-hover{color: var(--primary); } /**/ .relatedProducts{margin-bottom:392px;} .relatedProducts .container{max-width: 1760px; padding: 0 15px;} .relatedProducts .relatedProductswrapper {background: var(--primary); position: relative; border-radius: 30px 0 30px 30px; position:relative;} .relatedProducts .relatedProductswrapper, .relatedProducts .relatedProductswrapper .turnkeySolutionrelatedProduct{padding: 130px 202px 403px; } .relatedProducts .relatedProductswrapper .turnkeySolutionrelatedProduct{position:absolute; left:0; top:403px; width:100%; padding-bottom: 0 !important; padding-top: 0 !important;} .relatedProducts .relatedProductswrapper .shapeonimg {left: unset; right: 0; top: -1px; border-radius: 0px 0px 0 30px; } .relatedProducts .relatedProductswrapper .shapeonimg .spaciaz-border-shape { transform: rotate(180deg);} .relatedProducts .relatedProductswrapper .shapeonimg .spaciaz-border-shape.top-right {top: 0px; left: -30px; right: unset;} .relatedProducts .relatedProductswrapper .shapeonimg .spaciaz-border-shape.bottom-left {bottom: -30px; right: 0px; left: unset;} .relatedProducts .relatedProductswrapper:before {right: 0; top: 0; z-index:0;background-position: top right ; background-image: url(images/relatedproductblock.svg); background-attachment: fixed; background-size: 766px !important; } .relatedProducts .relatedProductswrapper .headerBlock{text-align: center; color: var(--white);} .relatedProducts .relatedProductswrapper .tag {border: 1px solid var(--white); color: var(--white); margin-bottom: 32px;} .relatedProducts .relatedProductswrapper h2{color: var(--white); margin-bottom: 10px;} .sliderBlock .item {border: 1px solid var(--border); background:var(--white); border-radius: 30px; overflow: hidden; padding: 11px; height: auto !important; display: flex;} .sliderBlock .slick-track {display: flex; gap: 30px;} .sliderBlock .slick-dots {margin-top:106px; margin-left: 0} .sliderBlock .item a.itemWrapper {display: flex; width: 100%; flex-direction: column; } .sliderBlock .item img{border-radius: 25px; width:100%; object-fit:cover; aspect-ratio:4/3; } .sliderBlock .item h4{font-family: Montserrat; font-weight: 700; font-size: 35px; line-height: 46px; letter-spacing: -1px; margin:30px 0; padding:0 30px; } .relatedProducts .elementor-button-icon {position: absolute; right: 62px; top: -34px; z-index: 1; } .relatedProducts .elementor-button-icon:before {content: ""; display: block; height: 33px; width: 100px; position: absolute; left: -24px; top: 2px; background-image: url(images/producturlshape.svg); z-index: 1; } .relatedProducts .elementor-button-icon .btn-icon-wrap {height: 100%; width: 100%; background: var(--primary); position: relative; z-index: 1; border-radius: 50%; top: 10px; transform: rotate(-45deg); display: flex; flex-direction: column;} .relatedProducts .item .elementor-button-icon .btn-icon{color: var(--white);} .relatedProducts .item:hover .elementor-button-icon .btn-icon-wrap{background:var(--white);} .relatedProducts .item .elementor-button-icon .btn-icon-hover i{color: var(--primary);} .relatedProducts .item .elementor-button-icon .btn-icon-hover, .relatedProducts .item .elementor-button-icon .btn-icon {display: flex; align-items: center; justify-content: center; height: 100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; width: 100%;} .relatedProducts .item .elementor-button-icon .btn-icon-hover{left: -50px;} .relatedProducts .item:hover .elementor-button-icon .btn-icon-hover{left:0} .relatedProducts .contentBlk {position: relative;} .faq-block {background: linear-gradient(180deg, #EDF5FB 20.85%, rgba(246, 243, 236, 0) 92.64%); padding: 113px 0 88px; position: relative;} .faq-block:before{right: 0; top: 0; background-position: top right ; background-image: url(images/faqpalne.svg); z-index: 1; } .faq-block h2{font-weight: 700; /*font-size: 66px; line-height: 74px; letter-spacing: -2px; */text-align: center; color: var(--black); max-width: 640px; margin: 0 auto 78px; } .faq-block .accordion-list {counter-reset: section; border-bottom: 1px solid #D5D8DC; max-width: 1236px; margin: 0 auto;} .faq-block .item {border-top: 1px solid #D5D8DC; padding: 37px 0;} .faq-block .question {padding: 0; position: relative; display: flex; align-items: center; cursor: pointer; font-weight: 700; font-size: 26px; line-height: 32px; letter-spacing: 0; margin-bottom: 0; color: var(--text-0a0a0a); padding-right: 40px; padding-left: 67px;} .faq-block .question:before {counter-increment: section; content: "Q "counter(section) "."; color: var(--text-0a0a0a); position: absolute; left: 0; top: 0;} .faq-block .question span.btn-arrow {cursor: pointer; position: absolute; right: 0; top: 13px; display: block; } .faq-block .question .btn-arrow::after, .faq-block .question .btn-arrow::before {content: ""; border-radius: 20px; position: absolute; display: block; background-color: var(--primary); transition: 0.2s; } .faq-block .question .btn-arrow::after{height: 18px; width: 3px; right: 7px; top:-7px} .faq-block .question .btn-arrow::before {height: 3px; width: 18px; right: 0; top:0} .faq-block .question.active .btn-arrow::after {opacity: 0; visibility: hidden;} .faq-block .answercont {max-height: 0; overflow: hidden; transition: 0.3s;} .faq-block .answercont .answer { font-family: DM Sans; font-weight: 400; font-size: 18px; line-height: 26px; color: var(--black);padding:30px 95px 0 0; } .faq-block .question.active + .answercont {} .single-post .breadcrumb-wrap {background-image: unset !important; background-color: var(--primary) !important; } /**/ .singlepostCat {border-radius: 20px; padding: 40px 15px; margin: 60px 0 0; } .singlepostCat .spaciaz-taxonomies {display: flex; width: 100%; flex-wrap: wrap;} .singlepostCat .spaciaz-taxonomies .tax-block:not(:last-child) {border-right: 1px solid var(--e-global-color-primary); } .singlepostCat .spaciaz-taxonomies .tax-block {padding: 0 31px; width: 33.33%;} .singlepostCat .spaciaz-taxonomies .tax-block h4 {font-size: 20px; margin: 0 0 16px; color: var(--e-global-color-primary); border-bottom: 1px solid #ccc; padding: 0 0 8px; } .singlepostCat .spaciaz-taxonomies .tax-block ul.tax-inline {display: flex; flex-wrap: wrap; padding: 0 !important; margin: 0 !important; list-style: none;} .singlepostCat .spaciaz-taxonomies .tax-block ul.tax-inline a {border-radius: 50px; padding: 0; color: var(--black); font-size: 16px; font-weight: 600; } .singlepostCat .spaciaz-taxonomies .tax-block ul.tax-inline a:hover{color: var(--e-global-color-primary); text-decoration: underline;} .singlepostCat .spaciaz-taxonomies .tax-block ul.tax-inline li {display: inline-flex; position: relative; padding:5px 26px 5px 0;} .single-projects-header .project-location {display: none;} /**/ .dp-cards {margin: 40px 0;} .dp-cards .container{display: flex; flex-wrap: wrap; flex-direction: column; gap: 30px;} .dp-card {border-radius:40px; padding: 10px; background: var(--white); position: sticky; top: 100px; transform-origin: center top; transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; /*margin-bottom: 40px;*/ } .dp-card:not(:first-child) {transform: translateY(40px); } .dp-card.active {transform: translateY(0); } .dp-cards .card-inner {display: flex; gap: 0; flex-wrap: wrap; } .dp-cards .card-img{width: 60%;} .dp-cards .card-content{width: 40%; padding: 70px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;} .dp-cards .card-img img {width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 20px; } .dp-cards .card-content h2 {margin-bottom: 32px; border-bottom: 1px solid var(--border); padding-bottom: 20px; font-size: 45px; line-height: 1.2;} .dp-cards .card-content .description {font-size: 18px; line-height: 1.55; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .dp-cards .btn {position: absolute; right: 10px; bottom: 10px; z-index: 2; background: var(--primary) !important; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .dp-card.reverse a.btn {left: 10px; right: unset; } .dp-cards .btn .btn-icon-wrap {align-items: center; justify-content: center; width: 18px; height: 18px; display: flex; position: relative; overflow: hidden;} .dp-cards .btn .btn-icon-wrap .btn-icon {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(-45deg); transform-style: preserve-3d; } .dp-cards .btn .btn-icon-wrap .btn-icon-hover {position: absolute; transform: translate3d(-17px, 17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);} .dp-cards .btn .btn-icon-wrap .btn-icon, .dp-cards .btn .btn-icon-wrap .btn-icon-hover {display: flex; color: var(--white); transition: transform 0.35s linear; font-size: 13px; } .dp-cards .btn:hover .btn-icon-wrap .btn-icon-hover {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(-45deg); } .dp-cards .btn:hover .btn-icon-wrap .btn-icon {transform: translate3d(17px, -17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg); } /* reverse layout */ .dp-cards .dp-card.reverse .card-inner {flex-direction: row-reverse; } .dp-cards .dp-card {transform-origin: center top; will-change: transform; transition: transform 0.35s ease, opacity 0.35s ease; } .casestudies {display: flex; position: relative; column-gap: 10px;} .casestudies .item {width: calc(25% - 10px); position: relative; transition: width 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), flex-shrink 0.6s cubic-bezier(0.38, 0.005, 0.215, 1); overflow: hidden;} .casestudies .item .imgblock {width: 100%; border-radius:30px; overflow: hidden; height: 630px; } .casestudies .item .imgblock img {width: 100%; height: 100%; display: block; object-fit: cover; } .casestudies .item .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 30px; z-index: 3; color: var(--white); } .casestudies .item .project-button-wrap a{margin-top:0; color: var(--accent); transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 10px; justify-content: center; padding: 5px 5px 5px 30px; border-radius: 30px; background-color: var(--white); } .casestudies .item .project-button-wrap .project-button-text {font-size: 14px; font-weight: 700; line-height: 1.7; font-family: var(--e-global-typography-accent-font-family); text-transform: capitalize; } .casestudies .item .project-button-wrap .project-button-icon {background-color: var(--primary); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .casestudies .item .project-button-wrap .btn-icon-wrap {align-items: center; justify-content: center; width: 18px; height: 18px; display: flex; position: relative; overflow: hidden; } .casestudies .item .project-button-wrap .btn-icon, .project-item .project-button-wrap .btn-icon-hover {display: flex; color: var(--accent); transition: transform 0.35s linear; font-size: 13px; } .casestudies .item .project-button-wrap .btn-icon, .casestudies .item .project-button-wrap:hover a {color: var(--white) !important;} .casestudies .item .project-button-wrap .btn-icon {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(-45deg); transform-style: preserve-3d;} .casestudies .item .project-button-wrap .btn-icon-hover {position: absolute; transform: translate3d(-17px, 17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg); color: var(--primary) !important;} .casestudies .item .project-button-wrap:hover a{background-color: var(--primary);} .casestudies .item .project-button-wrap:hover a .project-button-icon{background-color:var(--white);} .casestudies .item .project-button-wrap:hover .btn-icon {transform: translate3d(17px, -17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);} .casestudies .item .project-button-wrap:hover .btn-icon-hover {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(-45deg);} @media(min-width:768px){ .casestudies .item .content .title{font-size: clamp(24px, 2.5vmax, 36px); line-height:1.2; max-height: 350px;} .casestudies .item .content .title a{ display: inline-block; writing-mode: sideways-lr; transition: all 0.4s ease-out; color: var(--white);} .casestudies .item .content .project-button-wrap{transition: all 0.4s ease-out; max-height: 0; transform: translateY(60px);} .casestudies .item.active{width:75%;} .casestudies .item.active .content .title{font-size: clamp(30px, 2.5vmax, 36px); } .casestudies .item.active .content .title a{ writing-mode: horizontal-tb; color:var(--white);} .casestudies .item.active .content .project-button-wrap{transition: all 0.4s ease-out; max-height: 90px; transform: translateY(0); } } .iframeHtml {height: 100%;} .iframeHtml iframe {height: 100%; width: 100%; border-radius: 30px;} .error-404 .error-content .text-404{ color: var(--primary); } .error-404 .error-content .button-error .elementor-button{ display:none; } .error-404 .error-content .button-error .elementor-button .btn-icon, .error-404 .error-content .button-error .elementor-button .btn-icon-hover { color: #fff; } /**********************---------------------------------------**********************/ /**********************--------------Responsive--------------**********************/ /**********************-------------------------------------**********************/ @media(max-width:1650px){ .container{padding: 0 30px;} .infoBlock {margin-bottom: 120px;} .relatedProducts .relatedProductswrapper, .relatedProducts .relatedProductswrapper .turnkeySolutionrelatedProduct {padding: 100px 100px 350px;} .relatedProducts .relatedProductswrapper .turnkeySolutionrelatedProduct {top: 356px;} .sliderBlock .slick-dots {margin-top: 80px;} .relatedProducts {margin-bottom: 420px;} .faq-block .accordion-list {max-width: 70%;} } @media(max-width:1450px) and (min-width: 1367px){ .main-navigation ul.menu > li.menu-item > a {padding: 30px 15px !important; font-size: 15px !important;} } @media(max-width:1366px){ .testimonialSlider .testimonialItem {padding: 30px;} .main-navigation ul.menu li.menu-item-has-children > a span:after {height: 10px; width: 10px; right: -14px; top: 7px;} .tabGallery .elementor-image-gallery .gallery-item {padding: 15px !important;} #powerTip{padding: 7px 20px !important; transform: translateY(-6px);} #powerTip .box_view_html p, #powerTip .box_view_html {font-size:15px;} /**/ .sliderBlock .item h4 {font-size:30px; line-height:1.2; padding:0 20px;} .relatedProducts .relatedProductswrapper, .relatedProducts .relatedProductswrapper .turnkeySolutionrelatedProduct {padding:80px 70px 400px;} .relatedProducts .relatedProductswrapper .turnkeySolutionrelatedProduct {top:320px;} .sliderBlock .slick-track {gap:15px;} .relatedProducts {margin-bottom:300px;} .infoBlock {margin-bottom:100px;} .faq-block .item {padding:30px 0;} .faq-block .question {font-size:22px; line-height:1.2;} .faq-block {padding:77px 0 62px;} .faq-block h2 {margin:0 auto 55px;} .term-aluminium-recycling-plant .infoBlock .infoWrapper .infoWrappertitle{padding-right: 40px;} } @media(max-width:1200px){ .testimonialSlider .slick-slide {margin: 0 10px;} .testimonialSlider .slick-list {margin: 0 -10px;} .testimonialSlider .testimonialItem {padding: 30px;} .counter01 .elementor-counter-number-suffix sup {top: -6px !important;} .tabGallery .elementor-image-gallery .gallery-item {padding: 10px !important;} .eventGrid .uc_content-info-wrapper .uc_post_title a {font-size: 26px !important;} /**/ .container {padding:0 15px;} .infoBlock .col-60, .infoBlock .col-40 {width:50%;} .dp-cards .card-content{padding: 40px;} } @media(max-width:1024px){ .casestudies01 .grid-item.project-inner.active {width: 66% !important;} .point_style img {width: 13px !important; height: 13px !important;} } @media(max-width:980px){ .dp-cards .card-content h2 {margin-bottom: 20px; padding-bottom: 16px; font-size: 34px; line-height: 1.2;} .dp-cards .card-content {padding: 15px 60px;} .dp-cards .btn {width: 40px; height: 40px;} .dp-cards .card-img{width: 50%;} .dp-cards .card-content{width: 50%;} } @media(max-width:880px){ .w-100{width: 100% !important;} .testimonialSlider .testimonialItem {padding: 15px; /*min-height: 400px !important;*/} .tabGallery .elementor-image-gallery .gallery-item {padding: 5px !important; width: 33.33% !important; max-width: 33.33% !important;} .tabGallery .elementor-image-gallery .gallery-icon {border-radius: 15px; padding: 12px !important; aspect-ratio: 4/3;} .cptGallery .gallery .gallery-item{max-width:50%;} /**/ .productBannerWrapper {min-height:600px;} .infoBlock .infoWrapper .tag {margin:0 0 20px;} .relatedProducts .relatedProductswrapper, .relatedProducts .relatedProductswrapper .turnkeySolutionrelatedProduct {padding:80px 15px 330px;} .relatedProducts .relatedProductswrapper .turnkeySolutionrelatedProduct {top:270px;} .sliderBlock .item h4 {font-size:25px;} .sliderBlock .slick-dots {margin-top:65px;} .faq-block .accordion-list {max-width:80%;} .faq-block .question {font-size:20px;} .faq-block {padding:65px 0 45px;} .productBannerWrapper .bannerHeading h1 {margin-top:-85px;} .infoBlock:after {background-size:80%;} .relatedProducts .relatedProductswrapper:before {background-size:100% !important; background-position:top right -50px;} .faq-block:before {background-size:60%;} .cptGallery .gallery.gallery-columns-3 .gallery-item {width: 50%; } .term-aluminium-recycling-plant .infoBlock .infoWrapper .infoWrappertitle, .term-aluminium-recycling-plant .infoBlock .infoWrapper .content {width:100%; max-width: 100%;} .term-aluminium-recycling-plant .infoBlock .infoWrapper .infoWrappertitle{padding-right: 0;} .iframeHtml {height: 450px;} .iframeHtml iframe {border-radius: 20px;} } @media(max-width:767px){ .casestudies01 .grid-item.project-inner.active {width: 100% !important;} .logoSlider .elementor-scrolling-item-inner {height: 110px; width: 184px;} .contactForm .wpcf7-form-control-wrap {margin-bottom: 20px;} .point_style img {width:12px !important; height:12px !important;} .post-content .entry-title {font-size: 1.5em !important;} .eventGrid .uc_content-info-wrapper .uc_post_title a {font-size: 25px !important;} #page .site-content {margin-top: 0; margin-bottom: 50px;} nav.post-navigation .nav-previous, nav.post-navigation .nav-next {padding-top: 24px; padding-bottom: 24px;} nav.post-navigation .title {line-height: 1.3;} .single-post .single-content .entry-title, .single-event .single-content .entry-title, .single-news .single-content .entry-title {margin-bottom: 37px; font-size: 38px !important;} .spaciaz-project-filter {margin-top: 50px;} /**/ .infoBlock .col-60, .infoBlock .col-40 {width:100%;} .productBannerWrapper {padding:135px 30px 75px; min-height:480px; margin-bottom:-46px;} .productBannerWrapper .bannerHeading h1 {font-size:40px;} .productBannerWrapper .bannerHeading h1 {font-size:40px; line-height:1.2; margin-top:-41px;} .spacer02 {width:100%; height:50px; border-radius:20px 20px 0px 0px;} .faq-block .accordion-list {max-width:100%;} .shapeonimg {height:60px; width:155px;} .infoBlock .imgBlock {margin:30px 0 0;} .faq-block .question {font-size: 20px; align-items: flex-start; position: relative; padding-left: 51px; } .faq-block .question:before {/* width: 120px; */ /* display: flex; */ position: absolute; left: 0; top: 0;} .faq-block .answercont .answer {font-size:16px; line-height:1.2; padding:20px 0 0;} .singlepostCat {padding: 20px 30px; margin: 50px 0 0; } .singlepostCat .spaciaz-taxonomies .tax-block {padding: 15px 0; width: 100%;} .singlepostCat .spaciaz-taxonomies .tax-block:not(:last-child) { border-right: 0;} /**/ .dp-cards .card-img, .dp-cards .card-content{width:100%;} .dp-cards .card-content{padding: 30px 15px;} .dp-card{border-radius: 20px;} .dp-cards .card-img img {border-radius: 20px;} /* reverse layout */ .dp-cards .dp-card.reverse .card-inner {flex-direction: row;} .dp-card.reverse a.btn {left: unset; right: 10px; } /**/ .casestudies {flex-wrap:wrap; gap: 30px;} .casestudies .item{width:100%;} .casestudies .item .content .title{font-size: clamp(30px, 2.5vmax, 36px); } .casestudies .item .content .title a{ writing-mode: horizontal-tb; color:var(--white);} .casestudies .item .content .project-button-wrap{transition: all 0.4s ease-out; max-height: 90px; transform: translateY(0); } .dp-cards .btn {right: 5px !important; bottom: 5px !important; width: 35px; height: 35px;} .dp-cards .card-content h2 { font-size: 27px;} } @media(max-width:480px){ .tabGallery .elementor-image-gallery .gallery-item {width: 50% !important; max-width: 50% !important;} .point_style img {width: 8px !important; height: 8px !important;} body .point_style a img, body .point_style img {top: -4.5px !important; left: -3.5px !important;} #powerTip {padding: 0px 12px !important; transform: translateY(3px); border-radius: 4px !important;} #powerTip .box_view_html p, #powerTip .box_view_html {font-size:10px;} #powerTip:before {border-top: 9px solid var(--white) !important; border-right: 6px solid transparent !important; border-left: 6px solid transparent !important; bottom: -5px !important; } }