﻿@media (min-width:1024px) {
.caption-textbox h2{font-weight:400; font-size:3rem!important;}
.caption-textbox h3{font-size:2rem!important;font-weight:400;}
}

@media (min-width: 1024px) {
.hm-intro-panle{position:relative; max-width:1920px; margin:0 auto; overflow:hidden;}
.hm-intro-panle .counter-bg{z-index:1; position:relative; }
.counter-bg:before {content: '';z-index:0; position: absolute;height:200% ;width:200%;top:-142px;z-index: 0;left:48px;background: url(../images/molecular-bg.png) no-repeat left top;}
}
@media (max-width: 1023px) {
.counter-bg{background: url(../images/molecular-bg.png) no-repeat top center;}
}
.tp-banner-container .rev_slider_wrapper{left:0!important;}
.tp-banner-container{max-width:1920px; margin:0 auto; position:relative;}
.counter-list-hm{ width:100% !important; list-style:none;}
.counter-list-hm li .counter-div{position:relative; text-align:center;max-width:205px;}
.counter-list-hm li:nth-child(1) .counter-div > div,
.counter-list-hm li:nth-child(4) .counter-div > div{background:#dc1a26;}
.counter-list-hm li:nth-child(2) .counter-div > div,
.counter-list-hm li:nth-child(3) .counter-div > div{background:#444444;}

.counter-list-hm li:nth-child(1) .counter-div:before,
.counter-list-hm li:nth-child(4) .counter-div:before{border-bottom-color:#dc1a26;}
.counter-list-hm li:nth-child(1) .counter-div:after,
.counter-list-hm li:nth-child(4) .counter-div:after{border-top-color:#dc1a26;}

.counter-list-hm li:nth-child(2) .counter-div:before,
.counter-list-hm li:nth-child(3) .counter-div:before{border-bottom-color:#444444;}
.counter-list-hm li:nth-child(2) .counter-div:after,
.counter-list-hm li:nth-child(3) .counter-div:after{border-top-color:#444444;}
@media (min-width: 1024px) {
.counter-list-hm li:nth-child(1) .counter-div,
.counter-list-hm li:nth-child(2) .counter-div{ left:-50px;}
.counter-list-hm li:nth-child(3) .counter-div,
.counter-list-hm li:nth-child(4) .counter-div{ left:60px;}
}

.counter-list-hm li .counter-div:before{content:''; top:-58px; left:0; display:block; position:absolute; border-bottom:#dc1a26 58px solid; border-left:transparent 103px solid; border-right:transparent 103px solid; }
.counter-list-hm li .counter-div:after{content:''; top:0; left:0; display:block; border-top:#dc1a26 58px solid; border-left:transparent 103px solid; border-right:transparent 103px solid; }
.counter-list-hm li:last-child:before{display:none}
.counter-list-hm .count{font-size:2.8rem; line-height:1; color:#FFF;}
.counter-list-hm .count:after{content:'+';}
.counter-list-hm h4{font-size:1rem; color:#FFF; margin:0; line-height:normal; font-weight:600 !important; }

.hm-projects-panel .bg-light{position:relative;}
.hm-projects-panel .bg-light > div{z-index:1;}
@media (min-width:768px) {
.hm-projects-panel{background:url(../images/hm-manf-plant-parllax-img.jpg) no-repeat center; background-attachment:fixed;}
.hm-projects-panel{overflow:hidden;}
.hm-projects-panel .bg-light:after {content:''; position:absolute; top:0; height:100%; width:150%; left:0; background:rgba(var(--bs-light-rgb));}
.hm-projects-panel .city-skyline:before {content:''; position:absolute; top:0; height:100%; width:50%; left:-22%; background:url(../images/hm-category-side-img.jpg) no-repeat center top;}
}
@media (max-width:767px) {
.hm-projects-panel {background:url(../images/hm-manf-plant-parllax-img.jpg) no-repeat center; background-attachment:fixed;}
}
ul.category-list-hm a{display:block; position:relative; min-height:56px; border:#9e9e9e 1px solid; color:rgba(var(--bs-primary-rgb));}
ul.category-list-hm a:hover{border-color:rgba(var(--bs-primary-rgb));}
ul.category-list-hm a:before{content:''; background:url(../images/logo-icn.png) no-repeat center center;height:100%; width:30px; position:absolute; left:-16px; top:0;}


@media (max-width:767px) {
.testimonials-bx .slick-dots{padding:0 0 15px; text-align:center; position:relative;}
}

.testimonials-bx {position: relative; aspect-ratio: 1 / 1;}
/* HTML: <div class="hexagon"></div> */
.border-hexagon:before {
    content:'';
    position:absolute; left:0; top:0;
    --b: 1px; /* adjust to control the border  */
    height: 100%;
    width:100%;
    aspect-ratio: cos(45deg);
    clip-path: polygon(50% 0,-50% 50%,50% 100%,150% 50%,50% 0, 50% var(--b), calc(100% - var(--b)*sin(60deg)) calc(25% + var(--b)*cos(60deg)), calc(100% - var(--b)*sin(60deg)) calc(75% - var(--b)*cos(60deg)), 50% calc(100% - var(--b)), calc(var(--b)*sin(60deg)) calc(75% - var(--b)*cos(60deg)), calc(var(--b)*sin(60deg)) calc(25% + var(--b)*cos(60deg)), 50% var(--b));
    background: #dddddd;
}
.border-hexagon img{position:relative; bottom:-30px;}

@media (max-width:767px) {
.testimonials-bx .position-relative img{width:40px;}
}

.testimonials-bx .text-box{height:200px; overflow:auto;}
@media (max-width:767px) {
.testimonial-panel .text-box{height:130px;}
.testimonial-panel .slick-arrow{top:50%!important;}
.testimonial-panel .slick-prev{left:-12px!important;}
.testimonial-panel .slick-next{right:-12px!important;}
.testimonial-panel .slick-prev:before,
.testimonial-panel .slick-next:before{color:#dc1a26!important; background:#dddddd;padding:5px;}
}
.testimonials-bx .text-box::-webkit-scrollbar-track{background-color:#eee;cursor:pointer;}
.testimonials-bx .text-box::-webkit-scrollbar{width:5px;cursor:pointer;}
.testimonials-bx .text-box::-webkit-scrollbar-thumb{background-color:#444;}
.testimonials-bx .text-box::-webkit-scrollbar-thumb:hover{background-color:#000;}



























/*Home page*/
.hm-product-bx{position:relative; }
.hm-product-bx a{display:table; margin:0 auto; overflow:hidden; border:#f2c025 1px solid; }
.hm-product-bx a:hover{border-color:#f2c025!important}
.hm-product-bx .pro-name{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.hm-product-bx .pro-name{position:absolute; bottom:0; left:0; text-align:center; width:100%; text-align:center; background:rgba(255,255,255,.8); padding:18px 15px; color:#000;}
.hm-product-bx a:hover .pro-name{background:rgba(236,192,63,.9); }
@media (max-width:767.98px) {
.hm-product-bx .pro-name{padding:5px 10px 0; background:none; position:relative; line-height:normal;}
.hm-product-bx a{background:rgba(236,192,63,.9); }
.img-grid .row > div{margin-bottom:10px!important;}
}
.hm-product-bx img {width:100%; transform:scale(1);transition:all .8s ease-in-out;}
.hm-product-bx a:hover img {transform:scale(1.1);}
.hm-product-bx .arrow-btn{margin-bottom:-20px; display:none!important;}
.hm-product-bx .arrow-btn svg{fill:#000; width:20px; }
.hm-product-bx .arrow-btn{opacity:0; position:relative;  -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:inherit; margin-left:auto; position:relative; display:block;}
.hm-product-bx a:hover .arrow-btn{opacity:1; left:0;margin-bottom:0px; }



.stats-bx{background:rgba(var(--bs-secondary-rgb)); color:#f28227; position:relative; text-align:center;}
.stats-bx .sup{}

.listings-list .slick-prev:before, .listings-list .slick-next:before{color:#f28227}
.listings-list .slick-next{right:-15px!important;}
.listings-list li a:hover p{color:#f28227!important}

.listings-list li a p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom:10px
}

@media (max-width:640px) {
.counter-list-hm p{font-size:90%;}
.counter-list-hm li:before{display:none;}
}
@media (max-width:767px) {
.counter-list-hm .count{font-size:2rem;}
.listings-list{border:#DDD 1px solid; padding:15px;}
.listings-list li a,
.listings-list li a figure{display:table!important; text-align:center; margin:0 auto!important;}
.listings-list li a figure{margin-bottom:15px!important;}
.listings-list .slick-prev, .listings-list .slick-next{top:50%!important; bottom:auto!important;}
.listings-list .slick-prev{left:10px!important;}
.listings-list .slick-next{right:10px!important;}
}



.hm-partners-logo img{-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
.hm-partners-logo img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.hm-partners-logo img:hover{ filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);}
.project-list .slick-dots li.slick-active{}