.service-slider{padding-right:17px;}
.product-item{width:328px;}
.event-item{width:499px;}
.brand-item{width:256px;}
.service-item{width:288px;}
.companies-item{width:180px !important;}
.heading-btn-box .btn:hover{background:#64c9f4!important;}
.blue-btn:hover{background:#155d88!important;}
.product-link-btn:hover .product-link{margin-left:20px;}
.heading-icon{width:32px;height:32px;}
.product-img{padding-bottom:75%;}
.product-link{width:16px;height:16px;transition:all 0.5s;}
.event-play-icon{width:80px;height:80px;cursor:pointer;}
.product-text{padding:24px 16px 0;}
.product-tag h6{font-size:13px;}
.product-img{box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;}
.event-img{box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;}
.heading-btn-box .btn{font-size:12px;}
.event-text h6{font-size:13px;}
.event-text{padding:24px 16px;}
.product-item{height:auto;}
.product-text h4{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-tag{margin-top:auto;padding:0 16px;}
.product-link-btn h6{font-size:13px;}
.modal.custom-modal{--bs-modal-width:900px;}
.custom-modal .modal-body{padding:0;padding-bottom:60%;}
.custom-modal .modal-body .btn-close{z-index:1;filter:brightness(0) invert(1);}
.service-img{width:128px;height:128px;margin:0 auto;}
.service-box{min-height:328px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;}
.service-container:after{position:absolute;content:'';top:0;background:#fff;height:88px;width:100%;}
.info-content-box{background:rgb(0,153,132);background:linear-gradient(35deg,rgba(0,153,132,1) 40%,rgba(0,126,178,1) 75%)!important;}
.modal.contact-modal{--bs-modal-width:100%;}
.close-btn{right:11.4%!important;top:7.1%!important;width:48px;height:48px;}
.form-select{--bs-form-select-bg-img:url(../images/down-arrow.svg);background-position:right 22px center;}
.swiper-scrollbar-drag{background:linear-gradient(90deg,rgba(44,159,227,1) 0%,rgba(54,174,140,1) 58%);}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{height:8px;}
.form-content-container input,.form-content-container select{font-size:12px;}
.swiper-wrapper{transition-timing-function:linear;}
.text-item{font-size:128px;}
.swiper-wrapper{transition-timing-function:linear;}

/* cta container Start */
.energy-cta-text small{letter-spacing:.6px;}
.energy-cta-text .btn{padding:16px 32px;margin-top:64px;}
/* cta container End */

/*----------------------- project-start ----------------------- */
.projects-overlay{bottom:0;height:50%;width:100%;}
.projects-image{padding-bottom:155%;}
.projects-image img{top:0;right:0;bottom:0;left:0;}
.projects-box{border-radius:24px;box-shadow:0 3px 6px rgb(0 0 0 / 16%);}
.projects-content{min-height:213px;padding-left:50px;padding-right:100px;bottom:62px;}
.projects-content h5{font-size:12px;}
.projects-content h4{font-size:32px;}
.projects-content .btn{padding:12px 22px;border-radius:31px;align-self:flex-start;font-size:12px;}
.projects-image:after{content:'';position:absolute;bottom:0;right:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 100%);height:50%;width:100%;}
/*----------------------- project-end ----------------------- */

/*----------------------- slider-start ----------------------- */ 
.bb-content{font-size:24px;}
.bb-btn{padding-top:43px;}
.bb-btn .btn{font-size:18px;padding:15px 32px;border-radius:31px;}
.bb-image img{width:100%;height:100%;object-fit:cover;}
.business-slider{padding-bottom:12px;}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0px;}
.swiper-pagination-bullet{background:#99AAB5;opacity:1;}
.swiper-pagination-bullet-active{background-color:#002459;}
/*----------------------- slider-end ----------------------- */
.checkup-content .btn{font-size:18px;padding:16px 32px;}


 
.info-img{ padding-bottom: 75%;}
.info-text{padding-top:27%;}
.text-md{font-size:18px;}
.info-icon { width:40px; height:25px;}
.info-container { margin-top: -96px;}
.info-count { right: 20%; top: 9%;} 
.checkup-content .btn{font-size:18px;padding:16px 32px;}
.swiper-pagination-bullet {width: 20px;height: 27px;line-height: 20px;font-size: 18px;color: #fff;opacity: 1; background:none; 
padding-bottom:4px; border-radius:0; margin-right: 19px !important;}
.swiper-pagination-bullet-active {font-weight: 700; border-bottom:2px solid #fff;}
.swiper-pagination-bullet:last-child{margin:0 !important;}
/* ===================================================================================== */  








/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
    .bb-content{font-size:16px;}
    .projects-content{padding-left:35px;padding-right:40px;bottom:40px;} 
    .projects-content h4{font-size:25px;}
    .info-count {right: 5%;}
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){ 
    .bb-content h3{font-size:35px;}
    .business-slider{padding-bottom:30px;}
    .projects-content{min-height:auto;padding: 0 20px;}
    .projects-overlay{display:none;}
     .info-text { padding-top: 35%;}
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px){
    .close-btn{right:0!important;top:0!important;}
    .text-item{font-size:64px;}
    .banner-text-box p{width:100%;} 
    .projects-image{padding-bottom:90%;}
    .bb-content h3{font-size:28px;}
    .bb-content{font-size:15px;}
    .bb-btn{padding-top:25px;}
    .bb-btn .btn{font-size:10px;}
    .energy-cta-text .btn{padding:8px 16px;font-size:12px;}
    .projects-content h4{font-size:18px;}
    .projects-content .btn{font-size:12px !IMPORTANT;padding:8px 16px;}
    .projects-image:after{height:100%;} 
    .info-text { padding-top: 10%;}
    .info-box {padding-top:90px;}
    .info-count { top: 0;left: 50%;right: auto; transform: translate(-50%); width: 100%; justify-content: center;} 
    .info-container {margin-top: -130px;}
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:575.98px){
    .product-item,.event-item,.service-item{width:calc(100vw - 80px)!important;}
    .brand-item{width:280px;}
}