/*p css code start*/
a{color: #00b8e5; }
/*p css code end*/



/*box3 sec css code start*/
.box3 .elementor-widget-wrap{
    display: flex !important;
    flex-wrap: wrap;
    /* justify-content: center; */
    gap: 30px;
}

.box3 .elementor-widget-wrap .box{
    width: calc((100% - 60px) / 3);
}

/* Tablet */
@media (max-width:1024px){
    .box3 .elementor-widget-wrap > *{
        width: calc((100% - 30px) / 2);
    }
    .box3 .elementor-widget-wrap{
        gap: 20px;
    }
}

/* Mobile */
@media (max-width:767px){
    .box3 .elementor-widget-wrap > *{
        width:100%;
    }
    .box3 .elementor-widget-wrap{
    gap: 15px;
    }
}
/*box3 sec css code end*/

/*cus-carousel css code start*/
.cus-carousel .eicon-chevron-left{
    background: #EC5757;
    padding: 8px;
    border-radius: 5px;
    color: #FFF;
    left: 15px;
    position: relative;
}
.cus-carousel .eicon-chevron-right{
    background: #EC5757;
    padding: 8px;
    border-radius: 5px;
    color: #FFF;
    right: 15px;
    position: relative;
}
.cus-carousel .eicon-chevron-right:hover,
.cus-carousel .eicon-chevron-left:hover{
    background: #00b8e5;
}
/*cus-carousel css code end*/

.row-gap-30 .elementor-widget-wrap{
    row-gap: 30px;
}
@media screen and (max-width: 767px) {
    .row-gap-30 .elementor-widget-wrap{
        row-gap: 10px;
    }
}

/*home page css code start*/

    /*banner css code start*/
    @media screen and (max-width: 1024px){
    .banner-heading h1{font-size: 40px !important;}
    .banner-content p{font-size: 17px !important;}
    }
    @media screen and (max-width: 767px){
    .banner-heading h1{font-size: 25px !important;}
    .banner-content p{font-size: 15px !important;}
    }
    /*banner css code end*/

    /*about-sec css code start*/
    .about-sec .img-part .elementor-widget-image,
    .about-sec .img-part .elementor-widget-container
    { height:100%;}
    .about-sec .img-part .elementor-widget-container img{ height: 100%; object-fit: cover;}

    @media screen and (min-width: 1025px) and (max-width: 1440px){
     .about-sec .img-part{ width: 70%;}
    }
    /*about-sec css code start*/

    /*powering-circular-economy-sec css code start*/
    .powering-circular-economy-sec .box .elementor-button-icon{ font-size: 18px;}
    .powering-circular-economy-sec .elementor-button-text{line-height: 20px;}
    /*powering-circular-economy-sec css code end*/

    /*home-blog-part css code start*/
    .home-blog-part .elementor-container{grid-template-columns: auto auto auto auto;display: grid;gap: 30px;}
    .home-blog-part .box{ width: 100% !important;}
    /*home-blog-part css code end*/

    @media screen and (max-width: 1024px){
    .home-blog-part .elementor-container{grid-template-columns: auto auto; gap:20px;}
    }

    @media screen and (max-width: 600px){
    .home-blog-part .elementor-container{grid-template-columns: auto; gap:15px;}
    }

    /*Shop by Category css code start*/
    .category-slider-part .elementor-image-carousel-caption a{
        width: 100%;
        float: left;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        align-items: end;
        display: flex;
        padding: clamp(16px, 4vw, 30px);
        background: rgba(0, 0, 0, 7.85);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(237, 221, 83, 0) 50%);
        border-radius: clamp(12px, 3vw, 25px);
    }
    .category-slider-part .elementor-image-carousel-caption a{ color: #FFF !important;}
    .category-slider-part .elementor-swiper-button{background: #EC5757; padding: 10px; border-radius:10px;}
    .category-slider-part .elementor-swiper-button-prev{left: 0px !important;}
    .category-slider-part .elementor-swiper-button-next{right: 0px !important;}
    /*Shop by Category css code end*/

    /*Product slider css code start*/
    .products-slider-part .wpcu-carousel-nav{ justify-content:center;}
    .products-slider-part .wpcu-carousel-nav__btn{width: 70px;}
    .products-slider-part .wpcu-carousel-nav__btn svg{
        width: 100% !important;
        padding: 10px !important;
    }
    .products-slider-part .wpcu-product__details{display: flex; text-align:left; align-items:start; flex-direction:column; }
    .products-slider-part .wpcu-product__title{
        min-height: 60px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .products-slider-part .wpcu-product__img img{
        border-radius: 20px;
    }
    /*Product slider css code end*/
  
/*home page css code end*/

/*tech-gifting-page css code start*/
.tech-gifting-sec .elementor-widget-html ul{font-family: "jost", Sans-serif; margin: 0 0 0 20px;}
.tech-gifting-sec .elementor-widget-html ul li{list-style: unset;}
@media screen and (max-width: 1024px) {
    .tech-gifting-sec .elementor-widget-html ul li a{font-size: 18px;}
}
@media screen and (max-width: 767px) {
    .tech-gifting-sec .elementor-widget-html ul li a{font-size: 17px;}
}
/*tech-gifting-page css code end*/

/*enquiry-sec css code start*/
.enquiry-sec .elementor-background-overlay{
    background: rgba(252, 252, 252, 0.09) !important;
    background: linear-gradient(90deg, rgba(252, 252, 252, 1) 0%, rgba(253, 253, 253, 1) 25%, rgba(253, 253, 253, 0.4) 100%) !important;
}
/*enquiry-sec css code end*/

/*top-slogan css code start*/
.top-slogan .elementor-widget-container::before {
    content: '';
    background-color: #f8eee6;
    width: clamp(70px, 10vw, 100px);
    height: clamp(40px, 5vw, 50px);
    padding: 1px;
    border-radius: 5px;
    visibility: visible;
    position: absolute;
    top: clamp(-12px, -1.5vw, -8px);
    bottom: auto;
    margin: auto;
    margin-left: clamp(-20px, -3vw, -8px);
    left: clamp(10px, 2vw, 20px);
}
.top-slogan p{
    position: relative;
    z-index: 1;
}
/*top-slogan css code end*/
	
/*cus-taps css code start*/
.cus-taps .elementor-tabs-wrapper{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 50vw;
    width: fit-content;
    margin: 0px auto 20px;
    gap: 5px;
    padding: 10px;
    background: #FFF;
}
.cus-taps .elementor-tab-title.elementor-active{
    background-color: #00b8e5 !important;
    border-radius: 50px;
}
.cus-taps .elementor-tab-title{
    padding: 10px 30px;
}
.cus-taps .elementor-tabs-content-wrapper{
    padding: 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 20px;
}
.cus-taps .elementor-tabs-content-wrapper .elementor-tab-content{
    padding: 0px;
}
@media screen and (max-width: 1024px) {
    .cus-taps .elementor-tabs-content-wrapper{
        padding: 30px;
    }
}
@media screen and (max-width: 639px) {
    .cus-taps .elementor-tab-content{
        margin-top: 15px;
    }
    .cus-taps .elementor-tabs-content-wrapper{
        padding: 20px;
    }
    .cus-taps .elementor-tab-title{
        text-align: center;
    }
}
/*cus-taps css code end*/
	
/*box-view4 css code start*/
.box-view4 .box-sec .elementor-container{
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 30px;
}

.box-view4 .box-sec .box{
    width: 25%;
}
.box-view4 .box-sec .box img{
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .box-view4 .box-sec .box{
        width: 50%;
    }
    .box-view4 .box-sec .elementor-container{
        row-gap: 0px;
    }
}
@media screen and (max-width: 600px) {
    .box-view4 .box-sec .box{
        width: 100%;
    }

}
/*box-view4 css code start*/

/*popup box css code start*/
.popup-box:hover .elementor-image-box-content{
    color: #FFF;
}
.popup-box .ue-simple-popup-trigger{
    visibility: hidden;
}
.popup-box .ui-resizable .ue-simple-popup-trigger{
    visibility: visible;
}

.popup-box .ue-simple-popup-wrapper{
    flex-direction: column;
    align-items: normal !important;
    gap: 15px;
    text-align: left !important;
    font-family: "jost", Sans-serif;
}
.popup-box .ue-simple-popup-wrapper h5{
   font-size: clamp(28px, 5vw, 40px);
   font-family: "AfacadFlux", Sans-serif !important;
   color: #000;
}
.popup-box .ue-simple-popup-wrapper h6{
   font-size: clamp(18px, 2vw, 25px);
   font-family: "AfacadFlux", Sans-serif !important;
   color: #000;
}
.popup-box .ue-simple-popup-wrapper p{
   font-size: clamp(16px, 1.5vw, 19px);
   color: #000;
   margin-bottom: 0px;
}
.popup-box .ue-simple-popup-wrapper a{
   color: #00b8e5;
}
.popup-box{cursor: pointer;}
@media screen and (max-width: 767px) {
    .popup-box .ue-simple-popup-wrapper{
        gap: 8px;
    }

}
/*popup box css code end*/

/*opportunities page css code start*/
.contact-form{
display: flex;
flex-flow: wrap;
gap: 30px;
flex-direction: column;
}
.contact-form .box-part{ display: flex; gap: 30px;}
.contact-form .box-part .box{ width: 100%;}
.contact-form input, .contact-form textarea{
background-color: #2c141400 !important;
border: 2px solid #000 !important;
border-radius: 10px !important;
padding: 20px 25px !important;
height: auto !important;
width: 100%;
font-family: "jost", sans-serif;
font-size: 18px;
}
.contact-form textarea{height: 180px !important;}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color:#000 ;
  opacity: 1;
}
.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
  color: #000;
}
.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
  color: #000;
}
.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
  color: #000;
}
.contact-form input::-ms-input-placeholder,
.contact-form textarea::-ms-input-placeholder {
  color: #000;
}
.contact-form .btn-box input{background-color: #EC5757 !important; border: 0 none !important; width: auto; color: #FFF;}

.wpcf7 form .wpcf7-response-output{
padding: 25px;
background-color: #00b8e5 !important;
border-radius: 15px;
margin: 20px 0 0 0;
color: #FFF !important;
}

@media screen and (max-width: 1024px) {
.contact-form, .contact-form .box-part{ gap: 20px;}   
}

@media screen and (max-width: 767px) {
.contact-form, .contact-form .box-part{ gap: 15px;}   
.contact-form .box-part{flex-direction: column;}
.contact-form input, .contact-form textarea{padding: 15px 20px !important;}
.enquiry-sec .mcb-background-overlay{background: rgba(255,255,255,0.5);}
}
/*opportunities page css code end*/

/*about page css code start*/

    /*impact sec css code start*/
    .impact-sec .top-slogan .elementor-widget-container::before{
        background-color: #e9ddd3;
    }

    .impact-sec .box3 .box .elementor-widget-container{
        height: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content:center;
    }
    /*impact sec css code end*/

    /*values sec css code start*/
    .values-sec .box3 .box .elementor-widget-container{
        height: 100%;
    }
    .values-sec .box3 .box:hover .elementor-image-box-img img{
        opacity: 0;
    }
    .values-sec .box3 .box-1:hover .elementor-image-box-img{
        background: url('/wp-content/uploads/2026/06/values-img3.jpg');
        background-size: cover;
    }
    .values-sec .box3 .box-2:hover .elementor-image-box-img{
        background: url('/wp-content/uploads/2026/06/values-img1.jpg');
        background-size: cover;
    }
    .values-sec .box3 .box-3:hover .elementor-image-box-img{
        background: url('/wp-content/uploads/2026/06/Trusted-logo-hover.jpg');
        background-size: cover;
    }
    .values-sec .box3 .box-4:hover .elementor-image-box-img{
        background: url('/wp-content/uploads/2026/06/values-img2.jpg');
        background-size: cover;
    }
    .values-sec .box3 .box-5:hover .elementor-image-box-img{
        background: url('/wp-content/uploads/2026/06/values-img5.jpg');
        background-size: cover;
    }
    /*values sec css code end*/

    /*Opportunities & Meet the team css code start*/
    .opportunities-sec .box .elementor-image-box-content{
        position: absolute;
        bottom: 0;
        height: 100%;
    }
    .opportunities-sec .box .elementor-image-box-title{
        height: 100%;
        justify-content: center;
        display: flex;
        align-items: center;
        background: #000000;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
        border-radius: 20px;
    }
    .opportunities-sec .box .elementor-image-box-title a{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: end;
        padding: 35px;
    }
    /*Opportunities & Meet the team css code end*/

/*about page css code end*/

/*awards page css code start*/
.awards-sec .popup-box:hover .elementor-image-box-content{
    color: #000 !important;
}
.awards-sec .popup-box .elementor-image-box-title a,
.awards-sec .popup-box .elementor-image-box-description{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.awards-sec .popup-box .elementor-image-box-title a{
    -webkit-line-clamp: 2;
}

.awards-sec .popup-box .elementor-image-box-description{
    -webkit-line-clamp: 3;
}
/*awards page css code end*/

/*blog page css code end*/
.blog-sec .uc_content-info-wrapper{
    display: flex;
    flex-direction: column;
}
.blog-sec .uc_post_title{
    order: 2;
}
.blog-sec .ue-meta-data{
    order: 1;
}
.blog-sec .uc-posts-pagination{
    padding: 5px;
    background: #FFF;
    width: min-content;
    margin: auto;
    margin-top: 25px;
    gap: 2px;
    display: flex;
    border-radius: 5px;
}
.blog-sec .page-numbers.current, .blog-sec .page-numbers:hover{ background-color: #EC5757; color: #FFF; }
.blog-sec .page-numbers{padding: 10px 15px; font-size: 17px; color: #000; border-radius: 5px; line-height: 1; }
/*blog page css code end*/

/*contact page css code start*/

    /*contact-info css code start*/
    .contact-info .elementor-icon-list-text{color: #797e88;}
    .contact-info .elementor-icon-list-text span{float: left; width: 100%; text-transform: uppercase; font-weight: 900; color: #000; }
    .contact-info .elementor-icon-list-icon{
        background: #00b8e5;
        border-radius: 50px;
        min-width: 50px;
        min-height: 50px;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
        margin: 0 15px 0 0 !important;
    }
    .contact-info .elementor-icon-list-icon svg{ margin: 0px !important;}
    .contact-info .elementor-icon-list-icon svg path{ fill:#FFF;}
    .contact-info .elementor-icon-list-icon a{color: #1F2524;}
    .contact-info .elementor-social-icons-wrapper{
    gap: 10px;
    display: flex;
    justify-content: left;
    }
    .map-sec .elementor-widget-google_maps,
    .map-sec .elementor-widget-container,
    .map-sec .elementor-custom-embed,
    .map-sec .elementor-widget-google_maps iframe{height: 100%; border-radius: 20px;}
    .contact-info .elementor-widget-wrap {
        z-index: 2;
    }
    /*contact-info css code end*/

    @media screen and (max-width: 767px) {
        .contact-info .elementor-icon-list-icon{ margin: 0 5px 0 0 !important;}
        .contact-info ul li a,
        .contact-info ul li{ 
            flex-direction: column;
            align-items: start !important;
            gap: 5px;
        }
        .contact-info ul li a .elementor-icon-list-text{
            float: left;
            width: 100%;
            word-wrap: break-word;
            line-height: 1;
        }
        .contact-info .elementor-icon-list-text span{
            margin: 5px 0 5px 0;
        }
        .contact-info .elementor-icon-list-text{
            width: 100%;
        }
    }

/*contact page css code end*/