*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bg-orange {
    background-color: #ff5c00 !important;
}
.btn-outline-orange {
    color: #ff5c00 !important;
    border-color: #ff5c00 !important;
}
.btn-outline-orange:hover {
    color: #fff;
    background-color: #ff5c00;
    border-color: #ff5c00;
}
.btn-orange {
    color: #fff !important;
    background-color: #ff5c00 !important;
    border-color: #ff5c00 !important;
}
.btn-orange:hover {
    color: #fff;
    background-color: #e45706;
    border-color: #e45706;
}
.text-orange {
    color: #ff5c00 !important;
}

.hvr-up a:hover{
    color: #280f0f !important;
    transition: 700ms !important;
}

.hvr-up2 a:hover{
    cursor: pointer !important;
    color: #ff5c00 !important;
    transition: 700ms !important;
}
.hvr-up2:hover {
    cursor: pointer;
    color: #ff5c00 !important;
    transition: 800ms !important;
}

.menu-hvr > a:hover{
    color: #ff5c00 !important;
    transition: 500ms !important;
}

.scrh:focus{
    outline-color: #ff5c00 !important;
}

.menu{
    position: relative;
}
.drp-category-menu{
    position: relative;
}
.drp-category-menu a i{
    position: relative;
    top: 2px;
    left: 4px;
}
.drp-menu{
    
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    background-color: #ffffffad;
    list-style: none;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transform: scaleY(0);
    transform-origin: top center;
    transition: 500ms !important;
}
.drp-menu a{
    display: inline-table;
    text-decoration: none;
    color: #000;
    width: 100%;
    padding:10px !important;
    border-bottom: 1px solid #80808071;
    transition: 300ms;
}
.drp-menu a:hover{
    background-color: #ff5c00;
    color: #fff;
}
.drp-category-menu:hover .drp-menu{
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
}


/*Offer Product Style*/

.offer-product {
    background-color: #00a2ff23;
    transition: 500ms;
}

    .offer-product:hover {
        transform: scale(1.01);
        box-shadow: 1px 1px 20px #000;
        cursor: pointer;
    }

.safe-way {
    background: url(images//jason-dent-w3eFhqXjkZE-unsplash.jpg) no-repeat center bottom;
    background-size: cover;
    max-width: 100%;
    width: 100%;
    padding: 100px 0;
}

/* New Arrival style */

.new-arrivel{
    position: relative;
}

.mosa{
    position: absolute;
    top: 70px;
    left: 0;
}

.arv-btn a:hover{
    cursor: pointer !important;
    color: #ff5c00 !important;
    border-bottom: 1px solid #ff5c00 !important;
    transition: 500ms !important;
}

/* Product Item style */

.img-hover{
    cursor: pointer !important;
    transition: transform 500ms;
    transform-origin: center center !important;
}
.img-hover:hover{
    transform: scale(1.2);
}
.img-hover2{
    cursor: pointer !important;
    transition: transform 500ms;
    transform-origin: left center !important;
}
.img-hover2:hover{
    transform: scale(1.2);
}
.img-hover3{
    cursor: pointer !important;
    transition: transform 500ms;
    transform-origin: right center !important;
}
.img-hover3:hover{
    transform: scale(1.2);
}
.img-hover4{
    cursor: pointer !important;
    transition: transform 500ms;
    transform-origin: top center !important;
}
.img-hover4:hover{
    transform: scale(1.2);
}


.img-item:hover  span a{
    color: #ff5c00 !important;
    transition: 500ms;
}
.social-service li{
    list-style: none;
}
.company li{
    list-style: none;
}

@media only screen and (max-width: 992px) {

    .Product-item > a{
        position: relative;
        display: block;
    }
    .Product-item > a::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        height: 100%;
        width: 100%;
        background-color: #01ae6e33;
        opacity: 0;
        visibility: hidden;
        
        transform: scaleX();
        transform-origin: bottom center; 
        transition: 500ms;
    }
    .Product-item:hover a::after{
        opacity: 1;
        visibility: visible;
        
    
        transform: scaleX(1);
    }
    
    
    .Product-item:hover  span a{
        color: #01ae6e !important;
        transition: 500ms;
    }
}

/* customer says style */

.custommer-says {
    background: url(image/Banner/CustomerFeedback.jpg) no-repeat fixed center center;
    background-size: cover;
    padding: 50px 0;
}

.testimonial-item{
    border: 5px solid #ffffff69;
    transition: 300ms;
}
.testimonial:hover .testimonial-item{
    border: 5px solid #ff5c00;
}

.frm{
    position: relative;
}
.src{
    position: absolute;
    top: -2px;
    right: 83px;
}

/* About Us Style Css */
.aboutTitle {
    background: url(image/Banner/CustomerFeedback.jpg) no-repeat fixed top;
    background-size: cover;
    padding: 80px 0 !important;
}
.protfolio img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 700ms;
}
.protfolio img:hover{
    transform: scale(1.2);

}

.about-section{
    text-align: justify !important;
}

/* safe-section */

.safe-section{
    background: url(/image/About-Image/Safe-banner.jpg) no-repeat center;
    background-size: cover;
    /* padding: 150px 0; */
    /* text-align: justify; */
}

.pest-img img {
    position: relative;
    top: 20px;
    height: 520px;
}

/* Contact Style Css */

.crd-hvr:hover{
    border-color: #2d2d2d;
    transition: 700ms;
}
.crd-hvr:hover span a{
    background-color: #2d2d2d !important;
    transition: 700ms !important;
}

.frm-btn:hover{
    background-color: #2d2d2d !important;
    border-color: #2d2d2d !important;
    transition: 700ms !important;
}

@media (max-width:450px) {
    .header-up{
        font-size: 12px;
    }
    .logo-img img{
        width: 80px;
    }
    .logo-title span{
        font-size: 16px !important;
    }
    .mobile-menu{
        font-size: 14px;
    }
    .prt-item h4{
        font-size: 14px;
    }
    .prt-item h2{
        font-size: 18px;
    }
    .safe-way h4{
        font-size: 14px;
    }
    .safe-way p{
        font-size: 22px;
    }
    .safe-way h3{
        font-size: 14px;
    }
    .safe-way{
        max-width: 100%;
    }
    .new-arrivel-title img{
        width: 100px;
    }
    .new-arrivel-title h2{
        font-size: 20px;
    }
    .new-arrivel-title p{
        font-size: 14px !important;
    }
    .new-arrivel-option span a{
        font-size: 12px !important;
    }
   
}

@media (max-width:1200px) {
    .frm{
        position: relative;
        width: 20rem;
    }
    .src{
        position: absolute;
        top: -2px;
        right: 60px;
    }
    
}

@media (max-width:450px) {
   
}