.art_content img{width:100%;}
.art_content{font-size:1rem;}
.art_content .feature-new-tab li {border-color:#ccc;}
.art_content .feature-new-tab li:last-child{border-color:#ccc !important;}
.art_content .feature-new-tab li.nav-item.show .nav-link, .feature-new-tab .nav-link.active{background:#ee2b2b;}
.art_content b, .art_content strong{font-weight:600 !important;}
.art_content h1, .art_content h2, .art_content h3, .art_content h4 {padding-bottom: 10px;}

.art_content ul:not(.nav-tabs){list-style-type: disc; padding: 0 0 0 18px; margin-bottom:1rem;}
.art_content ul:not(.nav-tabs) li {font-size: 1rem; margin-bottom: 10px; list-style: disc;}


.art-carouselNav{top:50%; transform:translateY(-50%); display:none; background:rgba(0,0,0,0.4); border-radius:.25rem; position:absolute; z-index:1;}
.art-carouselNav span{font-size:30px; padding:0 7px; cursor:pointer; color:#fff;}
.art-carouselNav.art-carouselNext{right:0;}
.carousel-wrap:hover .art-carouselNav{display:block;}

.custom-dot .owl-dots button {border: 1px solid #231f20; margin: 0 5px; border-radius: 100%;}
.custom-dot button span {background: #ffffff; border:none !important; margin:2px !important;}
.custom-dot .owl-dot.active span,
.custom-dot .owl-dot:hover span{background:#231f20 !important;}

.bg-cover{background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%;}

.color-primary{color:#ee2b2b;}
.detail-link:hover{color:#ee2b2b !important;}

.mb-6{margin-bottom:4rem;}
.mb-7{margin-bottom:5rem;}
.mb-8{margin-bottom:6rem;}
.mb-9{margin-bottom:7rem;}
.mb-10{margin-bottom:8rem;}

.mt-6{margin-top:4rem;}
.mt-7{margin-top:5rem;}
.mt-8{margin-top:6rem;}
.mt-9{margin-top:7rem;}
.mt-10{margin-top:8rem;}


.pb-6{padding-bottom:4rem;}
.pb-7{padding-bottom:5rem;}
.pb-8{padding-bottom:6rem;}
.pb-9{padding-bottom:7rem;}
.pb-10{padding-bottom:8rem;}

.pt-6{padding-top:4rem;}
.pt-7{padding-top:5rem;}
.pt-8{padding-top:6rem;}
.pt-9{padding-top:7rem;}
.pt-10{padding-top:8rem;}

.container-xxl {
    width: 100%;
    max-width: 1320px; /* Adjust this value as needed */
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.zoom{overflow:hidden;}
.zoom img{transition:transform .8s ease-in-out;}
.zoom:hover img{transform:scale(1.05);}

.reveal::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.reveal:hover::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.hero-slider-section .owl-stage{display:flex;}
.hero-shape-img {animation: moveUpDown 3s ease-in-out infinite alternate;}
@keyframes moveUpDown {
    0% {
       transform: translateY(10px);
    }
    100% {
        transform: translateY(-10px);
    }
}
@keyframes swayLeftRight {
    0% {
        rotate: -20deg;
    }
    100% {
        rotate: 10deg;
    }
}

.feature-promo-seciton .single-service-plane,
.feature-promo-seciton .single-service-plane img{transition:transform 0.4s ease-in-out;}
.feature-promo-seciton .single-service-plane:hover{box-shadow: 2px 10px 20px 0 rgba(2, 19, 79, 0.1) !important; -webkit-box-shadow: 2px 10px 20px 0 rgba(2, 19, 79, 0.1) !important;}
.feature-promo-seciton .single-service-plane:hover img{transform: rotateY(180deg);}

.timeline-item ul{list-style-position: inside;}
.timeline-item li::before{content: '\f101'; font-family: 'Font Awesome 6 Pro'; font-weight:100; font-size: 12px; margin-right:5px;}
.timeline-item img{width:100%;}

.copyrights-awards > div > div{border:1px solid #ebebeb; margin-bottom: 30px; transition:all 0.4s ease-in-out;}
.copyrights-awards > div > div:hover{border-bottom: 3px solid #231f20;}
.copyrights-awards > div > div img{width: auto; max-height: 150px;}


.umb_category_collection .category_item > div{background:#fff; border-radius:.25rem; transition:all 0.4s ease-in-out; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);}
.umb_category_collection .category_item > div:hover{transform: translateY(-5px); box-shadow: 0 15px 15px -10px #00000026; -webkit-box-shadow: 0 15px 15px -10px #00000026;}

.umb_product_list .item{background:#fff; border-radius:.25rem; transition:all 0.4s ease-in-out; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);}
.umb_product_list .item:hover{transform: translateY(-5px); box-shadow: 0 15px 15px -10px #00000026; -webkit-box-shadow: 0 15px 15px -10px #00000026;}

.umb_filter_control .filter_control .filter_option{transition:all 0.4s ease-in-out; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);}
.umb_filter_control .custom-control-label{line-height:inherit; cursor:pointer;}


.timeline-item ul{list-style-position: inside;}
.timeline-item li::before{content: '\f101'; font-family: 'Font Awesome 6 Pro'; font-weight:100; font-size: 12px; margin-right:5px;}
.timeline-item img{width:100%;}


#features{overflow:hidden;}
#features .image-box{overflow-x:clip;}
#features .image-box img{transform:scale(1.2); transition:transform .8s ease-in-out;}
#features .image-box:hover img{transform:scale(1.25);}
#features .about-box{padding:80px 100px 50px;}

@media only screen and (max-width: 991.98px) {
    #features{overflow:inherit;}
    #features .image-box{overflow-y:clip;}
    #features .image-box img{object-fit:cover; max-height:450px; object-position:center top; transform:scale(1);}
    #features .about-box {padding: 60px 15px;}
}

.image-box.with-bg,
.image-box.with-bg-left{position:relative;}
.image-box.with-bg:after,
.image-box.with-bg-left:after{background:rgba(238, 43, 43, .1); bottom:-30px; right:-30px; border-radius:1rem; width:90%; height:85%; content:""; position:absolute; z-index:-1;}
.image-box.with-bg-left:after{left:-30px;}

#why .svg-dots{position:absolute; left:-30px; top:-40px; z-index:-1; animation: moveUpDown 3s ease-in-out infinite alternate;}
#why .svg-wave{position:absolute; right:-30px; bottom:-40px; z-index:1; opacity:.3; animation: swayLeftRight 3s ease-in-out infinite alternate;}

@media only screen and (max-width: 991.98px) {
    .image-box.with-bg:after,
    .image-box.with-bg-left:after{display:none;}

    #why .image-box{margin-bottom:3rem;}
    #why .image-box img{object-fit:cover; max-height:450px; object-position:center top;}
    #why .svg-wave,
    #why .svg-dots {display:none;}
    
    .contact-btn {margin-top:10px;}
}
#navBar.navbar-collapse.show{background:#fff !important;}
.bg-transparent .header-nav #navBar.navbar-collapse.show a.custom-nav-link {color: #575757;}

.contact-btn {color: #fff; background-color: #ee2b2b; border-color: #ee2b2b;}
.comp-logo-list {text-align: center;}
.comp-logo-list li {display: inline-block; padding: 0 20px; margin-bottom: 25px;}
.comp-logo-list li img {width: 140px; height: 80px; object-fit: contain;}