.nobottomspacing p:last-child, .nobottomspacing20 p:last-child, .nobottomspacing20 ul, .nobottomspacing20 ul li:last-child, .nobottomspacing ul, .nobottomspacing ul li:last-child {
margin-bottom: 0px !important;
} @media (max-width: 1024px) {
:is(.s3i-related-products-carousel, .s3i-unrelated-products-carousel) .custom-product-box,
:is(.s3i-related-products-carousel, .s3i-unrelated-products-carousel) .custom-product-box:focus-within {
border-color: transparent !important;
outline: none !important;
outline-offset: 0 !important;
}
:is(.s3i-related-products-carousel, .s3i-unrelated-products-carousel) .custom-product-box.is-mobile-selected,
:is(.s3i-related-products-carousel, .s3i-unrelated-products-carousel) .custom-product-box.is-mobile-selected:focus-within {
border-color: #000000 !important;
outline: none !important;
}
:is(.s3i-related-products-carousel, .s3i-unrelated-products-carousel) .custom-product-box a:not(.product-action-right) {
cursor: default;
}
}
.ast-woo-shop-archive .site-content > .ast-container {
max-width: 100%;
padding: 0px;
}
.ast-woo-shop-archive .site-content h1,
.ast-woo-shop-archive .site-content h2,
.ast-woo-shop-archive .site-content h3,
.ast-woo-shop-archive .site-content h4,
.ast-woo-shop-archive .site-content h5,
.ast-woo-shop-archive .site-content h6 {
margin-bottom: 0px;
}
.s3i-parent-cat-wrap{
display:flex;
flex-wrap:wrap;
gap:20px;
}
body.ast-woo-shop-archive .s3i-sort-wrap.s3i-shop-control-wrap {
display: none !important;
}
.s3i-parent-cat-card{
width:calc(((100% - 60px) / 4) - 10px);
border-radius:30px;
background:#FFF;
overflow:hidden;
text-decoration:none;
transition:all .3s ease;
box-sizing:border-box;
}
.page-id-30 a.s3i-parent-cat-card {
background: #F5F5F5 !important;
}
body.page-id-30 .elementor-5601 .elementor-element.elementor-element-7675ee44 {
background-color: #FFFFFF !important;
}
.s3i-parent-cat-card:hover{
background:#61737E !important;
}
.s3i-parent-cat-card:focus-visible{
background:#61737E !important;
outline:2px solid #465961;
outline-offset:4px;
}
.s3i-parent-cat-thumb{
border-radius:0 0 30px 30px;
overflow:hidden;
height: 192px;
}
.s3i-parent-cat-thumb img {
width: 100%;
display: block;
height: 192px;
object-fit: cover;
}
.s3i-parent-cat-content{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
padding:20px 40px 40px;
align-self:stretch;
border-radius:0 0 30px 30px;
}
.s3i-parent-cat-title{
margin:0;
color:#292929;
text-align:center;
font-family:"Source Sans Pro";
font-size:22px;
font-style:normal;
font-weight:600;
line-height:32px;
transition:all .3s ease;
}
.s3i-parent-cat-arrow svg path{
transition:all .3s ease;
}
.s3i-parent-cat-card:hover .s3i-parent-cat-title{
color:#FFF;
}
.s3i-parent-cat-card:focus-visible .s3i-parent-cat-title{
color:#FFF;
}
.s3i-parent-cat-card:hover .s3i-parent-cat-arrow svg path{
stroke:#FFF;
}
.s3i-parent-cat-card:focus-visible .s3i-parent-cat-arrow svg path{
stroke:#FFF;
}
.s3i-parent-cat-wrap--figma-static .s3i-parent-cat-card{
display:flex;
flex-direction:column;
min-height:284px;
}
.s3i-parent-cat-wrap--figma-static .s3i-parent-cat-thumb{
display:flex;
align-items:center;
justify-content:center;
height:210px;
min-height:210px;
border-radius:30px 30px 0 0;
}
.s3i-parent-cat-wrap--figma-static .s3i-parent-cat-thumb img{
width:100%;
height:100%;
object-fit:contain;
}
.s3i-parent-cat-wrap--figma-static .s3i-parent-cat-content{
margin-top:auto;
} @media(max-width:1024px){
.s3i-parent-cat-card{
width:calc((100% - 20px) / 2);
}
} @media(max-width:767px){
.cie-category-parent-intro .cie-category-parent-intro__pills > .elementor-widget-button, .cie-category-parent-intro .cie-category-parent-intro__pills > .elementor-widget-button .elementor-button, .cie-category-parent-intro .elementor-widget-button.cie-category-parent-intro__pill, .cie-category-parent-intro .elementor-widget-button.cie-category-parent-intro__pill .elementor-button, .cie-category-parent-intro .cie-category-parent-intro__pills .s3i-subcat-item {
flex:auto !important
}
.elementor-widget-wc-archive-products .products {
grid-template-columns: repeat(1, 1fr) !important;
}
.s3i-parent-cat-wrap{
gap:20px;
}
.s3i-parent-cat-card{
width:100%;
}
.s3i-parent-cat-thumb img{
height:260px;
}
.s3i-parent-cat-wrap--figma-static .s3i-parent-cat-thumb img{
height:100%;
}
.s3i-parent-cat-content{
padding:20px 25px 30px;
}
.s3i-parent-cat-title{
font-size:20px;
line-height:28px;
}
}
.s3i-brand-wrap{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
}
.s3i-brand-item{
text-decoration:none;
}
.s3i-brand-img-wrap{
width:180px;
height:75px;
border-radius:30px;
background:#FFF;
border:2px solid transparent;
box-sizing:border-box;
transition:all .3s ease;
display:flex;
align-items:center;
justify-content:center;
padding:10px;
}
.s3i-brand-item img{
display:block;
max-width:100%;
max-height:120px;
width:auto;
height:auto;
object-fit:contain;
}
.s3i-brand-item:hover .s3i-brand-img-wrap{
border-color:#A6CE39;
}
@media(max-width:767px){
.s3i-product-catalogues-carousel .s3i-catalogue-item {
flex-direction: column;
}
.s3i-catalogue-left {
width: 100%;
}
.s3i-catalogue-right {
width: 100%;
}
.cie-category-parent-intro .cie-category-parent-intro__pills > .elementor-widget-button .elementor-button, .cie-category-parent-intro .elementor-widget-button.cie-category-parent-intro__pill .elementor-button, .cie-category-parent-intro .cie-category-parent-intro__pills .s3i-subcat-item {
margin-left: auto;
margin-right: auto;
}
.s3i-brand-wrap{
gap:15px;
}
.s3i-brand-img-wrap{
width:140px;
height:60px;
border-radius:20px;
}
}
.custom-product-item{
list-style:none;
}
.custom-product-box{
border-radius:30px;
background:var(--White, #FFF);
border:2px solid transparent;
overflow:hidden;
transition:all .3s ease;
height:100%;
box-sizing:border-box;
}
.custom-product-box:hover{
border-radius:30px;
border:2px solid var(--Very-Dark-Grey, #465961);
background:var(--White, #FFF);
}
.productthumb {
display: flex;
align-items: flex-end;
justify-content: center;
height: clamp(150px, 10.417vw, 200px);
box-sizing: border-box;
text-decoration: none;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 0;
}
.productthumb img{
display:block;
width:100%;
height:100%;
object-fit:contain;
object-position:center bottom;
}
.productthumb img[src*="/dpa600s"],
.productthumb img[src*="/dpa900s"]{
object-position:center calc(100% + clamp(4px, calc(0.625vw - 5px), 7px));
}
.productthumb img[src*="/dpa300d"]{
object-position:center calc(100% + clamp(20px, calc(1.667vw - 4px), 28px));
}
.productthumb img[src*="/dpa600d"]{
object-position:center calc(100% + clamp(7px, calc(0.833vw - 5px), 11px));
}
.s3i-best-seller-wrap{
width:100%;
}
.s3i-best-seller-carousel .owl-stage{
display:flex;
}
.s3i-best-seller-carousel.owl-carousel .owl-stage-outer,
.s3i-unrelated-products-carousel.owl-carousel .owl-stage-outer{
overflow:clip;
overflow-clip-margin:3px;
}
.s3i-best-seller-carousel .owl-item{
height:auto;
}
.s3i-best-seller-carousel .product{
margin-bottom:0 !important;
height:100%;
padding: 0px
}
.product-info-wrap{
padding:0 20px clamp(32px, 1.875vw, 36px) 20px;
margin-top:clamp(2px, 0.208vw, 4px);
}
.product-brand-image{
display:flex;
align-items:center;
min-height:clamp(32px, 2.5vw, 48px);
margin:0 0 clamp(14px, 0.833vw, 16px);
}
.product-brand-image img{
display:block;
width:auto !important;
height:auto;
max-width:clamp(72px, 5.208vw, 100px);
max-height:100%;
object-fit:contain;
}
.custom-product-title{
min-height:clamp(56px, 3.125vw, 60px);
margin:0 0 clamp(14px, 0.833vw, 16px) !important;
}
.custom-product-title a{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
color:var(--Charcoal, #292929);
font-family:"Source Sans Pro";
font-size:20px;
font-style:normal;
font-weight:400;
line-height:30px;
text-decoration:none;
}
.custom-product-subtitle {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
min-height:clamp(52px, 3.125vw, 60px);
color: var(--Very-Dark-Grey, #465961);
font-family: "Source Sans Pro";
font-size:clamp(16px, 0.938vw, 18px);
font-style: normal;
font-weight: 600;
line-height:clamp(26px, 1.563vw, 30px);
margin:0 0 clamp(14px, 0.833vw, 16px);
}
.productactionwrap{
display:flex;
justify-content:space-between;
align-items:center;
align-self:stretch;
margin-top:20px;
gap:15px;
} .custom-product-box .productactionwrap{
flex-flow:row nowrap !important;
align-items:center !important;
gap:clamp(8px, .625vw, 12px);
}
.custom-product-box .product-action-left{
flex:1 1 auto;
min-width:0;
}
.custom-product-box .product-action-right{
flex:0 0 auto;
}
.custom-product-box a.button.custom-add-to-cart,
.custom-product-box .login-to-view-price{
width:max-content;
max-width:100%;
padding:clamp(8px, .521vw, 10px) clamp(10px, 1.25vw, 24px);
gap:clamp(7px, .521vw, 10px);
font-size:clamp(11px, .729vw, 14px);
line-height:clamp(14px, .938vw, 18px);
white-space:nowrap !important;
flex-wrap:nowrap !important;
}
.custom-product-box a.button.custom-add-to-cart span,
.custom-product-box .login-to-view-price span{
white-space:nowrap !important;
}
.product-action-left{
display:flex;
align-items:center;
}
a.button.custom-add-to-cart, .login-to-view-price {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
transition: all .3s ease;
}
.login-to-view-price{
padding:10px 30px;
border-radius:60px;
background:var(--CIE-Green, #A6CE39);
color:var(--Black, #000);
font-family:"Source Sans Pro";
font-size:13px;
font-style:normal;
font-weight:600;
line-height:20px;
}
a.button.custom-add-to-cart {
padding: 10px 40px;
justify-content: center;
border-radius: 40px;
background: var(--CIE-Green, #A6CE39);
color: var(--Black, #000);
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 25px;
}
a.button.custom-add-to-cart:hover,
.login-to-view-price:hover{
border-radius:40px;
background:var(--Very-Dark-Grey, #465961);
color:#FFF;
}
a.button.custom-add-to-cart:hover svg path,
.login-to-view-price:hover svg path{
fill:#FFF;
stroke:#FFF;
}
.product-action-right{
text-decoration:none;
}
.product-action-right span{
display:flex;
width:35px;
height:35px;
padding:10px 9px;
flex-direction:column;
justify-content:center;
align-items:center;
gap:10px;
border-radius:30px;
background:var(--Very-Dark-Grey, #465961);
transition:all .3s ease;
box-sizing:border-box;
}
.product-action-right:hover span{
border-radius:30px;
background:var(--CIE-Grey, #8597A3);
}
.product-brand-image img {
width: auto !important;
}
@media(max-width:767px){
.productactionwrap{
flex-direction:column;
align-items:flex-start;
}
.custom-add-to-cart{
padding:10px 25px;
font-size:16px;
}
.login-to-view-price{
padding:10px 20px;
}
.custom-product-title a{
font-size:18px;
line-height:28px;
}
.custom-product-subtitle{
font-size:16px;
line-height:26px;
}
}
.woocommerce-breadcrumb{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
}
.custom-breadcrumb-separator{
display:flex;
align-items:center;
justify-content:center;
}
nav.woocommerce-breadcrumb {
gap: 16px;
}
.s3i-subcat-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px;
justify-content: center;
}
.s3i-subcat-item{
width:calc((100% - 120px) / 4);
box-sizing:border-box;
display:flex;
padding:15px 20px;
justify-content:center;
align-items:center;
gap:20px;
align-self:stretch;
flex-direction:column;
border-radius:30px;
background:#FFF;
color:#292929;
text-align:center;
font-family:"Source Sans Pro";
font-size:20px;
font-style:normal;
font-weight:600;
line-height:32px;
text-decoration:none;
transition:all .3s ease;
min-width: 322px;
}
.s3i-subcat-item:hover{
background:#61737E;
color:#FFF;
}
@media(max-width:1200px){
.s3i-subcat-item{
width:calc((100% - 60px) / 3);
}
}
@media(max-width:767px){
.s3i-subcat-wrap{
gap:20px;
}
.s3i-subcat-item{
width:calc((100% - 20px) / 2);
font-size:18px;
line-height:28px;
padding:14px 18px;
}
}
.s3i-subcat-item:hover {
background: var(--CIE-Grey, #8597A3);
color: #ffffff;
}
.s3i-apf-top{
display:flex;
align-items:flex-start;
gap:30px;
position:relative;
}
.s3i-apf-dropdown-wrap{
position:relative;
}
.s3i-apf-btn{
color:#000;
font-family:"Source Sans Pro";
font-size:18px;
font-style:normal;
font-weight:600;
line-height:25px;
display:flex;
padding:10px 40px;
justify-content:center;
align-items:center;
gap:10px;
border-radius:40px;
background:#A6CE39;
border:none;
cursor:pointer;
}
.s3i-apf-btn.active{
background:#61737E; }
.s3i-apf-dropdown{
position:absolute;
top:calc(100% + 10px);
left:0;
min-width:260px;
display:none;
padding:30px;
flex-direction:column;
align-items:flex-start;
gap:10px;
border-radius:20px;
background:#FFF;
z-index:99;
}
.s3i-filter-item,
.s3i-sort-item, .s3i-brand-item {
color:#000;
font-family:"Source Sans Pro";
font-size:18px;
font-style:normal;
font-weight:400;
line-height:30px;
cursor:pointer;
}
.s3i-apf-btn {
background: #A6CE39 !important;
}
.s3i-apf-btn.active {
background: #8597A3 !important;
}
.s3i-sort-btn {
background: #8597A3 !important;
}
.s3i-sort-btn.active {
background: #A6CE39 !important;
}
.woocommerce-cart .woocommerce {
max-width: 100%;
}
.s3i-apf-search-wrap{
flex:1;
display:flex;
align-items:center;
gap:19px;
border-radius:80px;
border:1px solid #F5F5F5;
background:#F5F5F5;
padding:0 25px;
min-height:56px;
}
.s3i-apf-search{
width:100%;
border:none;
background:none;
outline:none;
color:#636363;
font-family:"Source Sans Pro";
font-size:16px;
font-style:normal;
font-weight:400;
line-height:20px;
}
.s3i-apf-results{
display:flex;
flex-wrap:wrap;
gap:30px;
margin-top:30px;
}
.s3i-apf-results > .product{
width:calc((100% - 90px) / 4);
margin:0 !important;
}
.s3i-apf-loadmore-wrap{
margin-top:30px;
display:flex;
justify-content:center;
}
.s3i-apf-loadmore{
display:flex;
padding:10px 40px;
justify-content:center;
align-items:center;
gap:10px;
border-radius:40px;
background:#A6CE39;
color:#000;
font-family:"Source Sans Pro";
font-size:18px;
font-style:normal;
font-weight:600;
line-height:25px;
border:none;
cursor:pointer;
}
@media(max-width:1200px){
.s3i-apf-results > .product{
width:calc((100% - 60px) / 3);
}
}
@media(max-width:991px){
.s3i-apf-top{
flex-wrap:wrap;
}
.s3i-apf-search-wrap{
width:100%;
flex:none;
}
.s3i-apf-results > .product{
width:calc((100% - 30px) / 2);
}
}
@media(max-width:767px){
.s3i-apf-results > .product{
width:100%;
}
.s3i-apf-top{
gap:20px;
}
}
input.s3i-apf-search {
background: transparent ! IMPORTANT;
border: 0px;
}
.categorybulletlist ul {
list-style-position: outside;
margin-left: 28px;
margin-bottom: 0px;
}
.greyboldfont strong, .greyboldfont li::marker {
color: #465961;
font-weight: 600;
}
.greyboldfont li:not(:last-child) {
margin-bottom: 15px;
}
.greyboldfont ol {
margin-bottom: 0px;
margin-left: 20px;
}
.custom-product-item {
list-style: none;
padding: 0px;
}
.s3i-related-products-carousel .owl-stage{
display:flex;
}
.s3i-related-products-carousel .owl-item{
display:flex;
height:auto;
}
.s3i-related-products-carousel .product{
width:100%;
display:flex;
flex-direction:column;
height:100%;
} .custom-product-item{ }
.custom-product-box{
display:flex;
flex-direction:column;
height:100%;
} .product-info-wrap{
display:flex;
flex-direction:column;
flex:1;
height:100%;
} .productactionwrap{
margin-top:auto;
} .products .product,
.owl-item .product,
.owl-item .custom-product-item{
height:100%;
} .owl-stage{
display:flex;
}
.owl-item{
display:flex;
height:auto;
}
.s3i-catalogue-item{
display:flex;
align-items:flex-start;
gap:30px;
height:100%;
}
.s3i-catalogue-left{
width:44%;
flex-shrink:0;
}
.s3i-catalogue-left img{ height:auto;
display:block;
}
.s3i-catalogue-right{
display:flex;
flex-direction:column;
height:100%;
}
.s3i-catalogue-title{
color:var(--Very-Dark-Grey, #465961);
font-family:"Source Sans Pro";
font-size:22px;
font-style:normal;
font-weight:600;
line-height:32px;
margin:0;
}
.s3i-catalogue-description{
margin-top:10px;
color:var(--Very-Dark-Grey, #465961);
font-family:"Source Sans Pro";
font-size:18px;
font-style:normal;
font-weight:400;
line-height:30px;
}
.s3i-catalogue-download-btn{
margin-top:20px;
display:inline-flex;
padding:10px 40px;
justify-content:center;
align-items:center;
gap:10px;
border-radius:40px;
background:var(--CIE-Green, #A6CE39);
color:var(--Black, #000);
font-family:"Source Sans Pro";
font-size:18px;
font-style:normal;
font-weight:600;
line-height:25px;
text-decoration:none;
transition:all .3s ease;
width:max-content;
}
.s3i-catalogue-download-btn svg path{
transition:all .3s ease;
}
.s3i-catalogue-download-btn:hover{
background:#465961;
color:#fff;
}
.s3i-catalogue-download-btn:hover svg path{
stroke:#fff;
}
.s3i-product-catalogues-carousel .owl-stage{
display:flex;
}
.s3i-product-catalogues-carousel .owl-item{
height:auto;
display:flex;
}
.s3i-product-catalogues-carousel .s3i-catalogue-item{
width:100%;
}
.catalognavigation{
display:flex;
justify-content:flex-end;
align-items:center;
gap:30px;
}
.catalognavigation button.catalogue-nav-prev, .catalognavigation button.catalogue-nav-next{
display:flex;
width:40px;
height:40px;
padding:10px 9px;
flex-direction:column;
justify-content:center;
align-items:center;
gap:10px;
border-radius:30px;
border:2px solid var(--Bright-Green, #C1E000);
background:transparent;
cursor:pointer;
transition:all .3s ease;
}
.catalognavigation button svg path{
transition:all .3s ease;
}
.catalognavigation button:hover{
background:#C1E000;
} .s3i-filter-search-wrap{
display:flex;
flex-direction:column;
gap:16px;
}
.s3i-filter-wrap{
position:relative;
display:inline-block;
}
.s3i-filter-btn{
cursor:pointer;
}
.s3i-filter-dropdown{
display:none;
position:absolute;
top:100%;
left:0;
background:#fff;
min-width:220px;
border:1px solid #eee;
z-index:999;
}
.s3i-filter-wrap.active .s3i-filter-dropdown{
display:block;
}
.s3i-filter-dropdown a{
display:block;
padding:12px 15px;
text-decoration:none;
color:#000;
}
.s3i-filter-dropdown a:hover{
background:#f5f5f5;
}
.s3i-shop-search-wrap input[type="search"]{ max-width:100%;
height:45px;
border-radius:80px;
border:1px solid #F5F5F5;
background-color:#FFF;
color:var(--Dark-Grey, #636363);
font-family:"Source Sans Pro";
font-size:16px;
font-style:normal;
font-weight:400;
line-height:20px;
background-image:url(//cie-group.com/wp-content/uploads/2026/06/Group.svg);
background-repeat:no-repeat;
background-position:left 19px center;
background-size:16px;
padding-left:54px;
padding-right:20px;
outline:none;
}
.s3i-shop-search-wrap input[type="search"]::placeholder{
color:var(--Dark-Grey, #636363);
}
.s3i-filter-search-wrap {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
margin-bottom: 50px;
}
.s3i-shop-search-wrap {
margin-right: auto; margin-left: auto;
}
form.s3i-shop-search-form {
width: 100%;
}
.left-col1 {
width: 54vw !important;
margin-left: calc(-54vw + 54% - 0px) !important;
left: 0px !important;
}
.left-col1 div {
width: 100% !important;
height: 100% !important;
}
.left-col1 img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
} body.parent-pageid-30.elementor-page .elementor .elementor-element-4ec4766 .elementor-element-0b58d52 {
--justify-content: center !important;
justify-content: center !important;
padding-top: clamp(32px, 2.604vw, 50px) !important;
padding-bottom: clamp(40px, 3.333vw, 64px) !important;
}
body.parent-pageid-30.elementor-page .elementor .elementor-element-4ec4766 .elementor-element-9883a92 {
margin-top: 0 !important;
margin-bottom: clamp(6px, 0.625vw, 12px) !important;
}
body.parent-pageid-30.elementor-page .elementor .elementor-element-4ec4766 .elementor-element-1c373d5 {
margin-bottom: clamp(6px, 0.625vw, 12px) !important;
} body.parent-pageid-30.elementor-page .entry-content > .elementor[data-elementor-post-type="page"] > .e-con:nth-of-type(2) .elementor-widget-image,
body.parent-pageid-30.elementor-page .entry-content > .elementor[data-elementor-post-type="page"] > .e-con:nth-of-type(2) .elementor-widget-image .elementor-widget-container,
body.parent-pageid-30.elementor-page .entry-content > .elementor[data-elementor-post-type="page"] > .e-con:nth-of-type(2) .elementor-widget-image img {
border-radius: 20px !important;
overflow: hidden !important;
}
body.page-id-20643.parent-pageid-30.elementor-page .elementor .elementor-element-4ec4766 .elementor-element-9883a92 {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: min(100%, clamp(150px, 9.896vw, 190px)) !important;
max-width: min(100%, clamp(150px, 9.896vw, 190px)) !important;
height: clamp(30px, 2.5vw, 48px) !important;
max-height: clamp(30px, 2.5vw, 48px) !important;
overflow: hidden !important;
}
body.page-id-20643.parent-pageid-30.elementor-page .elementor .elementor-element-4ec4766 .elementor-element-9883a92 img {
display: block !important;
width: clamp(150px, 9.896vw, 190px) !important;
max-width: none !important;
height: auto !important;
flex: 0 0 auto !important;
object-fit: contain !important;
}
.page-id-30 .s3i-brand-wrap {
row-gap: 50px;
}
@media (min-width: 768px) and (max-width: 880px) {
.formcolsec {width: 26%;}
}
@media (max-width: 880px) {
.left-col1 {
width: 100% !important;
margin: 0 !important;
left: auto !important;
right: auto !important;
}
.left-col1 div {
width: 100% !important;
height: 100% !important;
}
.left-col1 img {
width: 100% !important;
height: auto !important; 
object-fit: cover;
}
}
.contactbox:hover * {
color: #fff !important;
}
.contactbox:hover .iconarrow svg {
transform: rotate(90deg);
}
.contactbox:hover .iconarrow svg path {
stroke: #ffffff;
}
.contactbox:hover .contactarrow {
display: none !important;
}
.contactbox .contacttitle {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height 0.4s ease, opacity 0.3s ease;
}
.contactbox:hover .contacttitle {
max-height: 300px; 
opacity: 1;
}
.contactbox {
display: block !important;
}
.contactbox .e-con {
height: auto !important;
}
.contactbox {
align-self: flex-start !important;
}
.s3i-blog-carousel .owl-stage {
display:flex;
}
.s3i-blog-card{
position:relative;
overflow:hidden;
border-radius:20px;
height:400px;
}
.s3i-blog-image,
.s3i-blog-image img{
width:100%;
height:100%;
}
.s3i-blog-image img{
object-fit:cover;
display:block;
}
.s3i-blog-overlay{
position:absolute;
inset:0;
background:linear-gradient(
180deg,
rgba(255,255,255,0) 0%,
#fff 100%
);
z-index:1;
}
.s3i-blog-content{
position:absolute;
left:40px;
right:40px;
bottom:40px;
z-index:2;
}
.s3i-blog-content h3{
margin:0;
}
.s3i-blog-content a{
text-decoration:none;
color:#292929;
} .s3i-blog-hover-content{
position:absolute;
inset:0;
background:#F5F5F5;
padding:40px;
z-index:5;
display:flex;
flex-direction:column;
justify-content:center;
opacity:0;
visibility:hidden;
transition:.3s ease;
}
.s3i-blog-card:hover .s3i-blog-hover-content{
opacity:1;
visibility:visible;
} .s3i-blog-card:hover .s3i-blog-image,
.s3i-blog-card:hover .s3i-blog-overlay,
.s3i-blog-card:hover .s3i-blog-content{
opacity:0;
} .s3i-hover-title{
margin:0;
color:#292929;
font-family:"Source Sans Pro";
font-size:22px;
font-style:normal;
font-weight:600;
line-height:32px;
} .s3i-hover-excerpt{
margin-top:15px;
color:#000;
font-family:"Source Sans Pro";
font-size:18px;
font-style:normal;
font-weight:400;
line-height:30px;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
} .s3i-read-more{
display:flex;
width:fit-content;
padding:10px 40px;
justify-content:center;
align-items:center;
gap:10px;
margin-top:15px;
border-radius:40px;
background:#A6CE39;
color:#000;
font-family:"Source Sans Pro";
font-size:18px;
font-style:normal;
font-weight:600;
line-height:25px;
text-decoration:none;
}
.s3i-blog-image,
.s3i-blog-image img{
width:100%;
height:100%;
}
.s3i-blog-image img{
object-fit:cover;
display:block;
transition:0.4s ease;
}
.s3i-blog-card:hover img{
transform:scale(1.05);
}
.s3i-blog-card:after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(
180deg,
rgba(255,255,255,0) 0%,
#fff 100%
);
z-index:2;
}
.s3i-blog-content {
position: absolute;
left: 40px;
right: 40px;
bottom: 40px;
z-index: 8;
}
.s3i-blog-content h3 {
margin: 0;
color: var(--Charcoal, #292929); font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.s3i-blog-content a{
color:#222;
text-decoration:none;
}
.s3i-blog-navigation{
display:flex;
align-items:center;
gap:20px;
}
.s3i-blog-navigation button{
background:none;
border:none;
padding:0;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
}
.s3i-blog-navigation img{
display:block;
width:auto;
height:auto;
} .s3i-blog-carousel.owl-carousel .owl-stage{
display:flex !important;
align-items:stretch;
gap:0 !important;
}
.s3i-blog-carousel.owl-carousel .owl-item{
display:flex;
align-items:stretch;
min-width:0;
margin-right:0 !important;
}
.s3i-blog-carousel.owl-carousel .owl-item > .s3i-blog-card{
box-sizing:border-box !important;
width:100% !important;
min-width:100% !important;
max-width:100% !important;
flex:1 1 auto;
background:#f5f5f5;
}
.s3i-blog-carousel .s3i-blog-image{
display:block;
background:#f5f5f5;
}
body.woocommerce-checkout #content>.ast-container {
max-width: 100% !important;
margin: 0px;
padding: 0px;
}
body.woocommerce-checkout header.entry-header .entry-title {
color: var(--Very-Dark-Grey, #465961);
text-align: center;
font-family: Quenda;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 50px;
margin-bottom: 20px;
}
.woocommerce-js form .form-row {
padding: 0px;
margin-bottom: 30px;
}
#customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3) {
color: var(--Dark-Grey, #3F4D4E);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
text-transform: capitalize;
border: 0px;
padding: 0px;
margin-bottom: 30px;
}
.woocommerce-js form .form-row label {
color: var(--Charcoal, #292929);
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
margin-bottom: 10px;
}
.woocommerce-js form .form-row input.input-text, .woocommerce-js form .form-row textarea {
display: flex;
height: 50px;
padding: 12px 15px;
align-items: center;
gap: 16px;
color: var(--Charcoal, #292929);
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
align-self: stretch;
background: var(--Light-Grey, #F5F5F5);
border: 0px;
border-radius: 20px;
background: var(--Pale-Grey, #F5F5F5);
}
.woocommerce-js form .form-row textarea {
height: 159px;
align-self: stretch;
}
.woocommerce .select2-container .select2-selection--single, .woocommerce select, .woocommerce-page .select2-container .select2-selection--single, .woocommerce-page select {
display: flex;
padding: 12px 25px;
justify-content: space-between;
align-items: center;
align-self: stretch;
background-color: var(--Light-Grey, #F5F5F5);
border: 0px;
border-radius: 20px;
}
.woocommerce-shipping-fields {
margin-top: 60px;
}
.whitelabelform .getintouch label {
color: #ffffff;
}
.whitelabelform .upload-label img {
filter: brightness(0) invert(1);
}
form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
display: flex;
padding: 60px 60px 30px 60px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
border-radius: 20px 20px 0px 0px;
background: var(--Light-Grey, #F5F5F5);
flex-shrink: 0;
border: 0px;
color: var(--Dark-Grey, #3F4D4E);
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 35px;
text-transform: capitalize;
}
form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
border-radius: 0px 0px 20px 20px;
background: var(--Light-Grey, #F5F5F5);
border: 0px;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 60px;
}
.woocommerce-page.woocommerce-checkout #payment div.form-row {
padding-bottom: 0px !important;
}
.woocommerce-checkout-review-order-table td {
padding: 0 !important;
border: none !important;
}
.checkout-product-row {
display: flex;
padding: 20px 40px 20px 20px;
align-items: center;
gap: 17px;
align-self: stretch;
background: #FFF;
margin-bottom: 20px;
}
.checkout-product-image img {
min-width: 122px;
width: 122px;
height: auto;
margin-right: 17px;
} .checkout-product-info {
display: flex;
flex-direction: column;
}
.checkout-product-title {
color: var(--Dark-Grey, #3F4D4E);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
text-transform: capitalize;
text-align: left;
color: var(--Black, #000);
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 30px;
}
.checkout-product-image {
min-width: 20%;
margin-right: 17px;
}
.checkout-product-sku {
margin-top: 10px;
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
text-align: left;
}
.checkout-product-meta {
margin-left: auto;
display: flex;
align-items: center;
gap: 22px;
flex-direction: column;
}
.checkout-product-qty {
font-size: 15px;
}
.checkout-product-price {
font-weight: 500;
}
.woocommerce-page.woocommerce-checkout form #order_review th {
border-bottom: 0px;
color: var(--Charcoal, #292929);
font-family: "Source Sans Pro";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.woocommerce-js table.shop_table .woocommerce-Price-amount, .woocommerce-page table.shop_table .woocommerce-Price-amount {
font-weight: 400;
color: var(--Black, #000);
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}
.price-breakdown-row {
display: none;
}
.toggle-price-breakdown {
font-size: 14px;
cursor: pointer;
text-decoration: underline;
display: inline-block;
margin: 10px 0;
}
tr.price-breakdown-toggle-row td a {
display: flex;
gap: 10px;
color: var(--Charcoal, #292929);
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
text-decoration: none;
}
tr.price-breakdown-toggle-row, tr.price-breakdown-toggle-row * {
text-align: left;
display: block;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
display: inline-flex;
padding: 10px 35px;
justify-content: center;
align-items: center;
gap: 10px;
background: var(--Green, #326439);
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-transform: capitalize;
width: auto;
max-width: 178px;
}
.checkout-product-info {
display: flex;
width: 50%;
flex-direction: column;
}
.checkout-product-meta {
width: 20%;
align-items: baseline;
}
button.qty-btn.qty-minus, button.qty-btn.qty-plus {
background: transparent !important;
padding: 0px;
line-height: 0px;
}
.woocommerce-js .quantity .qty {
padding: 0px !important;
height: 25px;
border: 0px;
color: var(--Black, #000);
font-family: Lexend;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 25px;
width: 40px;
text-align: center !important;
}
.woocommerce-js .quantity {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
}
.woocommerce-billing-fields h2 {
color: var(--Green, #326439);
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 35px;
text-transform: capitalize;
margin-bottom: 60px;
}
.woocommerce-form-coupon-toggle {
display: none !important;
}
.checkout_coupon {
display: flex !important;
}
input#coupon_code {
border-radius: 20px;
background: var(--White, #FFF);
display: flex;
height: 50px;
padding: 12px 25px;
align-items: center;
gap: 16px;
flex: 1 0 0;
}
.woocommerce form.checkout_coupon .button {
display: flex;
padding: 10px 40px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 40px;
border: 2px solid var(--CIE-Green, #A6CE39);
color: var(--Charcoal, #292929);
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 25px;
background: transparent;
width: 100%;
}
.woocommerce form.checkout_coupon .button:hover {
background: #A6CE39 !important;
}
.woocommerce form.checkout_coupon {
background: var(--Light-Grey, #F5F5F5);
padding: 20px;
gap: 30px;
border-radius: 20px;
margin-bottom: 50px;
}
.checkout_coupon br {
display: none;
}
h2.checkouthead {
margin-bottom: 60px;
color: var(--Green, #326439); font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 35px; text-transform: capitalize;
} #ship-to-different-address input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
position: relative;
width: 15px;
height: 15px;
margin: 0 8px 0 0;
cursor: pointer;
background: transparent ! IMPORTANT;
} #ship-to-different-address input[type="checkbox"]::before {
content: '';
position: absolute;
top: 70%;
left: 0;
width: 15px;
height: 15px;
border: 2px solid #A6CE39;
border-radius: 50%;
transform: translateY(-50%);
box-sizing: border-box;
}
#ship-to-different-address input[type="checkbox"]:checked::before {
border: 2px solid #DB222E;
}
h2.doyouneedlabel {
color: var(--Charcoal, #292929);
font-family: "Source Sans Pro";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 15px;
}
h3#ship-to-different-address span {
text-transform: none;
color: var(--Black, #000);
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
} #ship-to-different-address input[type="checkbox"]:checked::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 7px;
background: #DB222E;
border-radius: 50%;
transform: translate(-50%, -50%);
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox br {
display: none;
}
.backtobasket a {
display: inline-flex;
padding: 10px 35px;
justify-content: center;
align-items: center;
gap: 10px;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
background: var(--Green, #326439);
text-transform: capitalize;
}
.iti__arrow {
border: 0px;
background-image: url(//cie-group.com/wp-content/uploads/2026/06/Vector-1.svg);
width: 8px;
height: 9px;
background-repeat: no-repeat;
background-position: center;
margin-left: 10px;
}
.iti .iti__selected-dial-code {
display: none;
}
button.iti__selected-country {
background: transparent;
border: 0px;
padding: 0px;
box-shadow: none;
}
.tel-fields-row {
display: flex;
gap: 20px;
width: 100%;
margin-bottom: 20px;
}
.tel-fields-row .thwcfd-field-tel {
flex: 1;
width: auto !important;
margin: 0 !important;
}
.woocommerce form.checkout_coupon p:first-child {
width: 80%;
}
.woocommerce form.checkout_coupon p:nth-child(2) {
width: 20%;
}
@media (min-width: 1300px) {
form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
margin-top: -140px;
}
form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
margin-top: -16px;
} }
@media (max-width: 767px) {
.tel-fields-row {
flex-direction: column;
gap: 15px;
}
.woocommerce-js form .form-row {
width: 100%;
float: none;
}
form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
padding: 20px;
}
form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.checkout-product-row {
display: flex;
flex-wrap: wrap;
}
.checkout-product-image {
width: 40%;
}
.checkout-product-info {
width: 50%;
}
.checkout-product-meta {
width: 100%;
}
}
.wpcf7 .solutionform input:not([type=submit]) {
border-radius: 20px !important;
outline: none !important;
}
.wpcf7 .solutionform input:not([type=submit]):focus {
border-radius: 20px !important;
outline: none !important;
border: 0px !important
} .cie-category-product-grid .cie-category-product-grid__controls {
gap: 50px !important
}
.cie-category-why-choose__heading h2 {
font-size: 30px !important;
}
.cie-category-parent-intro .elementor-widget-button.cie-category-parent-intro__pill a, .cie-category-parent-intro .cie-category-parent-intro__pills > .elementor-widget-button, .cie-category-parent-intro .cie-category-parent-intro__pills > .elementor-widget-button .elementor-button, .cie-category-parent-intro .elementor-widget-button.cie-category-parent-intro__pill, .cie-category-parent-intro .elementor-widget-button.cie-category-parent-intro__pill .elementor-button, .cie-category-parent-intro .cie-category-parent-intro__pills .s3i-subcat-item {
min-width: 299px !important;
min-height: 62px !important;
color: var(--Charcoal, #292929);
text-align: center;
font-family: "Source Sans Pro";
font-size: 20px !important;
font-style: normal;
font-weight: 600 !important;
line-height: 32px !important;
}
.categorynamelowercase span {
text-transform: lowercase !important;
}
span.cie-breadcrumb-item a {
color: var(--Light-Grey, #CAD1D6) !important;
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}
.cie-breadcrumb-separator+span.cie-breadcrumb-item {
color: var(--White, #FFF); font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
.cie-category-parent-intro__pills a.elementor-button:hover {
background: var(--CIE-Grey, #8597A3) !important;
color: #ffffff !important;
}
.cie-category-why-choose__inner {
width: 100% !important;
}
.cie-category-why-choose__card-title h3 {
color: var(--Very-Dark-Grey, #465961);
text-align: center; font-family: "Source Sans Pro";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 32px; }
.cie-category-why-choose__card-copy p {
color: #000;
text-align: center; font-family: "Source Sans Pro";
font-size: 18px !important;
font-style: normal;
font-weight: 400;
line-height: 30px !important; }
.cie-category-other-categories__action--speak a, .cie-category-other-categories__action--speak a span {
color: var(--Black, #000);
font-family: "Source Sans Pro";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 25px;
}
.cie-category-other-categories__action--shop a {
color: var(--Black, #000);
font-family: "Source Sans Pro";
font-size: 18px !important;
font-style: normal;
font-weight: 600 !important;
line-height: 25px !important;
min-width: 216px !important;
}
.cie-category-other-categories__action--speak a {
min-width: 247px !important;
}
button.s3i-apf-btn.s3i-brand-btn {
background: var(--CIE-Grey, #8597A3) !important; color: var(--Black, #000);
font-family: "Source Sans Pro";
font-size: 18px !important;
font-style: normal;
font-weight: 600;
line-height: 25px;
}
button.s3i-apf-btn.s3i-brand-btn:hover {
background: #A6CE39 !important;
}
button.s3i-apf-loadmore:hover {
background: #8597A3 !important;
}
.vdglabel .solutionform label {
color: #465961 !important;
}
.s3i-parent-cat-thumb {
border-radius: 0px !important;
}
.s3i-parent-cat-thumb img {
object-fit: contain;
} .elementor-5601 .s3i-parent-cat-thumb {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.elementor-5601 .s3i-parent-cat-card {
--cie-category-image-scale: 1;
}
.elementor-5601 .s3i-parent-cat-thumb img {
width: clamp(112px, 60%, 260px) !important;
max-width: 88% !important;
height: clamp(72px, 55%, 129px) !important;
max-height: 78% !important;
margin: 0 auto !important;
object-fit: contain !important;
transform: scale(var(--cie-category-image-scale)) !important;
transform-origin: center !important;
}
.elementor-5601 .s3i-parent-cat-card[href*="/product-category/door-intercom/"] {
--cie-category-image-scale: 1.4;
}
.elementor-5601 .s3i-parent-cat-card[href*="/product-category/connectivity/"] {
--cie-category-image-scale: 0.86;
}
.elementor-5601 .s3i-parent-cat-card[href*="/product-category/access-control/"] {
--cie-category-image-scale: 1.12;
}
.elementor-5601 .s3i-parent-cat-card[href*="/product-category/audio-visual/"],
.elementor-5601 .s3i-parent-cat-card[href*="/product-category/audio/"] {
--cie-category-image-scale: 0.88;
}
.elementor-5601 .s3i-parent-cat-card[href*="/product-category/test/"] {
--cie-category-image-scale: 0.98;
}
@media (max-width: 1024px) {
.elementor-5601 .s3i-parent-cat-wrap {
justify-content: center !important;
}
} @media (max-width: 1024px) {
html body .elementor-5601 .s3i-parent-cat-thumb {
min-height: clamp(180px, 26vw, 230px) !important;
}
html body .elementor-5601 .s3i-parent-cat-thumb img {
width: clamp(220px, 30vw, 260px) !important;
height: clamp(118px, 15vw, 129px) !important;
max-width: 92% !important;
max-height: 129px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
} body.page-id-29 .elementor-element-5d496d6,
body.page-id-30 .elementor-element-00d11aa,
body.page-id-396 .elementor-element-f13113c,
body.page-id-1473 .elementor-element-150c97a9,
body.page-id-2465 .elementor-element-9365ad7,
body.page-id-3478 .elementor-element-f28b9d8,
body.page-id-4310 .elementor-element-a9d8b65 {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.page-id-29 .elementor-element-5d496d6 > .e-con-inner,
body.page-id-30 .elementor-element-00d11aa > .e-con-inner,
body.page-id-396 .elementor-element-f13113c > .e-con-inner,
body.page-id-1473 .elementor-element-150c97a9 > .e-con-inner,
body.page-id-2465 .elementor-element-9365ad7 > .e-con-inner,
body.page-id-3478 .elementor-element-f28b9d8 > .e-con-inner,
body.page-id-4310 .elementor-element-a9d8b65 > .e-con-inner {
max-width: none !important;
padding: 0 !important;
}
body.page-id-29 .elementor-element-5d496d6 > .e-con-inner > .elementor-element:not(.elementor-element-8d8caf4),
body.page-id-30 .elementor-element-00d11aa > .e-con-inner > .elementor-element:not(.elementor-element-95c0598),
body.page-id-396 .elementor-element-f13113c > .e-con-inner > .elementor-element:not(.elementor-element-2421d8b),
body.page-id-1473 .elementor-element-150c97a9 > .e-con-inner > .elementor-element:not(.elementor-element-1464bf2),
body.page-id-2465 .elementor-element-9365ad7 > .e-con-inner > .elementor-element:not(.elementor-element-24889c0),
body.page-id-3478 .elementor-element-f28b9d8 > .e-con-inner > .elementor-element:not(.elementor-element-36755dc),
body.page-id-4310 .elementor-element-a9d8b65 > .e-con-inner > .elementor-element:not(.elementor-element-e140151) {
display: none !important;
} body.page-id-29 .elementor-5601 .s3i-parent-cat-thumb img {
width: clamp(112px, 60%, 260px) !important;
max-width: 88% !important;
height: clamp(72px, 55%, 129px) !important;
max-height: 78% !important;
margin: 0 auto !important;
object-fit: contain !important;
transform: scale(var(--cie-category-image-scale)) !important;
} .footnewsletter .newsletterorm input[type="email"] {
margin-top: 0;
} .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
padding-bottom: clamp(22px, 1.5625vw, 30px);
}
#colophon .site-footer-primary-section-5 .cie-footer-back-to-top {
appearance: none;
-webkit-appearance: none;
display: flex;
align-items: center;
gap: 10px;
width: max-content;
min-width: 0;
min-height: 0;
margin: clamp(22px, 1.5625vw, 30px) 0 0 auto;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: #fff;
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 30px;
text-align: left;
text-decoration: none;
cursor: pointer;
}
@media (min-width: 1200px) {
#colophon .site-footer-primary-section-5 .cie-footer-back-to-top { margin-right: -15%;
}
}
#colophon .site-footer-primary-section-5 .cie-footer-back-to-top:hover,
#colophon .site-footer-primary-section-5 .cie-footer-back-to-top:focus,
#colophon .site-footer-primary-section-5 .cie-footer-back-to-top:active {
border: 0;
background: transparent;
box-shadow: none;
color: #fff;
}
#colophon .site-footer-primary-section-5 .cie-footer-back-to-top:focus-visible {
outline: 2px solid #a6ce39;
outline-offset: 5px;
}
#colophon .site-footer-primary-section-5 .cie-footer-back-to-top img {
display: block;
width: 13px;
height: 18px;
flex: 0 0 13px;
object-fit: contain;
} #colophon .footregister a {
display: inline-flex;
align-items: center;
gap: 10px;
white-space: nowrap;
}
#colophon .footregister a::before {
content: "";
display: block;
width: 22px;
height: 16px;
flex: 0 0 22px;
margin: 0;
background: url(//cie-group.com/wp-content/uploads/2026/07/figma-node-1264-2723-2.svg) center / 22px 16px no-repeat;
vertical-align: initial;
filter: none;
-webkit-filter: none;
}
body.page-id-2465 .elementor-5951 .elementor-element.elementor-element-d3204f3 .elementor-button:hover,
body.page-id-2465 .elementor-5951 .elementor-element.elementor-element-d3204f3 .elementor-button:focus{
background-color:#465961 !important;
color:#fff !important;
}
body.page-id-2465 .elementor-5951 .elementor-element.elementor-element-d3204f3 .elementor-button:hover svg,
body.page-id-2465 .elementor-5951 .elementor-element.elementor-element-d3204f3 .elementor-button:focus svg,
body.page-id-2465 .elementor-5951 .elementor-element.elementor-element-d3204f3 .elementor-button:hover svg path,
body.page-id-2465 .elementor-5951 .elementor-element.elementor-element-d3204f3 .elementor-button:focus svg path{
fill:none !important;
}
body.page-id-2465 .elementor-5951 .elementor-element.elementor-element-d3204f3 .elementor-button:hover svg path,
body.page-id-2465 .elementor-5951 .elementor-element.elementor-element-d3204f3 .elementor-button:focus svg path{
stroke:#fff !important;
} @media (min-width: 768px) and (max-width: 1024px) {
#colophon .footnewsletter h5,
#colophon .site-primary-footer-wrap .widget-title {
font-size: clamp(22px, 2.34375vw, 24px) !important;
line-height: clamp(32px, 3.515625vw, 36px) !important;
}
#colophon .site-primary-footer-wrap .footregister a,
#colophon .site-primary-footer-wrap .widget_nav_menu a,
#colophon .site-primary-footer-wrap .footcontact,
#colophon .site-primary-footer-wrap .footcontact a,
#colophon .site-primary-footer-wrap .footcontact > div {
font-size: clamp(18px, 1.953125vw, 20px) !important;
line-height: clamp(27px, 2.929688vw, 30px) !important;
}
#colophon .footnewsletter input[type="email"] {
font-size: clamp(18px, 1.953125vw, 20px) !important;
}
#colophon .footnewsletter .cf7-btn1 {
font-size: clamp(18px, 1.953125vw, 20px) !important;
line-height: clamp(25px, 2.734375vw, 28px) !important;
}
#colophon .site-primary-footer-wrap .cie-footer-back-to-top {
font-size: clamp(18px, 1.953125vw, 20px) !important;
line-height: clamp(30px, 3.125vw, 32px) !important;
}
#colophon .site-below-footer-wrap .accrehead {
font-size: clamp(30px, 3.125vw, 32px) !important;
line-height: clamp(40px, 4.199219vw, 43px) !important;
} body .footbottom {
background-image: none !important;
}
.footbottom .footlast {
font-size: clamp(20px, 2.34375vw, 24px) !important;
line-height: clamp(30px, 3.320313vw, 34px) !important;
}
.footbottom .footlast > a img {
display: block;
width: clamp(176px, 19.53125vw, 200px);
height: auto;
}
} @media (max-width: 767px) {
body .footbottom .footlast {
font-size: clamp(18px, 5.128205vw, 20px) !important;
line-height: clamp(28px, 7.692308vw, 30px) !important;
}
body .footbottom .footlast > a img {
width: clamp(176px, 48.717949vw, 190px);
height: auto;
}
} @media (min-width: 768px) and (max-width: 1024px) {
body #colophon .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
padding-top: clamp(14px, 1.5625vw, 16px) !important;
padding-bottom: clamp(28px, 3.125vw, 32px) !important;
}
} @media (min-width: 768px) and (max-width: 1024px) {
body #colophon .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack .site-primary-footer-inner-wrap > .site-footer-section:last-child {
margin-bottom: 0 !important;
}
} @media (max-width: 1024px) {
body .s3i-parent-cat-thumb,
body .cie-category-other-categories__card-image,
body .cie-category-other-categories__card-image .elementor-widget-container {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body .s3i-parent-cat-thumb img,
body .cie-category-other-categories__card-image img {
width: clamp(220px, 30vw, 260px) !important;
height: clamp(118px, 15vw, 129px) !important;
max-width: 92% !important;
max-height: 129px !important;
padding: 0 !important;
margin: auto !important;
object-fit: contain !important;
}
} body .cie-category-other-categories__card {
position: relative;
isolation: isolate;
cursor: pointer;
}
body .cie-category-other-categories__card-row,
body .cie-category-other-categories__card-title,
body .cie-category-other-categories__card-title .elementor-widget-container,
body .cie-category-other-categories__card-title .elementor-heading-title,
body .cie-category-other-categories__card-title a {
position: static !important;
}
body .cie-category-other-categories__card-title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 5;
cursor: pointer;
}
body .cie-category-other-categories__card-image a,
body .cie-category-other-categories__card-arrow .elementor-button {
position: relative;
z-index: 6;
} @media (max-width: 1024px) {
body .cie-sp-linked-products-section .cie-product-card.is-touch-active {
border-color: #465961 !important;
}
}