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

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300&family=Titillium+Web:wght@300&display=swap');

/* #b7201b
 */
div, span, ul, li h1, h2, h3, h4, h5, section, a{ font-family: 'Poppins', sans-serif;}

/* div, span, ul, li h1, h2, h3, h4, h5, section, a{ font-family: 'Abel';} */

body{background: url(../images/bg.png); background-color: #175ca133;}
h2{font-size: 30px;}
h3{font-size: 30px; color: #1d86df; border-bottom: 1px solid;}
.container{max-width: 1280px;}
section{padding-top: 40px;}
h2 span{color: #1d86df;}
p, a{font-size: 17px;}

/* ================= header section ======================= */

.header-strip{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); padding: 3px 0}
.header-strip .left-item ul{display: inline; padding: 0;}
.header-strip .right-item ul{display: inline; padding: 0; float: right; margin: 0;}
.header-strip .left-item ul li{display: inline-block; padding: 0px 10px 0px 0px;}
.header-strip .right-item ul li{display: inline-block; padding: 0px 0px 0px 10px;}
.header-strip .left-item ul li a, .header-strip .right-item ul li a{text-decoration: none; color: #fff;}
.send-inq{margin-left: auto;}
.send-inq a{border: 1px solid; padding: 7px 23px; border-radius: 30px; text-decoration: none; font-size: 18px; font-weight: 600; transition: all .3s; background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); color: #fff;}
.send-inq a:hover{background:linear-gradient(to right, #39b49a 0%, #1d86df 100%); color: #fff;}
.navbar-nav .nav-item .nav-link{font-size: 18px; font-weight: 500; color: #000000eb !important; padding: 38px 10px; transition: .5s all;}
.navbar-nav .nav-item .nav-link:hover{color: #39b49a !important;}
.navbar-nav{margin: auto;}

.form-group span{color: red;}
.navigation-sec{background: #fff;}
.slider{border-radius: 10px; margin-top: 5px;}
.wecome-img img{max-width: 100%; border-radius: 10px; border: 1px solid;}

/* =============== About Us Main Section ===================== */
.about-sec {margin-top: 50px;}
.about-sec .about-us h2, .about-sec .about-contact h2{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); padding: 10px; color: #fff}
.aboutus-content {border: 1px solid #ccc; background: #fff; padding: 10px; margin: 0;}
.aboutus-content .col-md-5 img{max-width: 100%; position: sticky; top: 10px;}
.company-fact .col-sm-4{padding: 10px;}
.company-fact .fact-item {background: #eee; box-shadow: 0 0 6px 6px #e4e4e4; padding: 15px 5px; height: 100px;}
.company-fact .fact-item i{font-size: 30px; margin-right: 10px;}
.company-fact .fact-item p{margin: 0; font-size: 13px;}
.about-contact form{padding: 10px;}
.common-contact .common-form{background: #fff;}
.common-contact .common-form input, textarea{width: 100%; padding: 10px; margin: 10px 0px; border: 1px solid #ccc; outline: none;}
.aboutus-content .why-choose h3, .aboutus-content .satisfaction h3 {margin-top: 35px; padding: 5px 0;}
.aboutus-content .why-choose .left-item figure, .aboutus-content .satisfaction .right-item figure{width: 100%; height: 250px; overflow: hidden; position: relative; border: 1px solid #ccc}
.aboutus-content .why-choose .left-item figure img, .aboutus-content .satisfaction .right-item figure img{max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.aboutus-content .why-choose .right-item ul li, .aboutus-content .satisfaction .left-item ul li{list-style: none;}
.aboutus-content .why-choose .right-item ul, .aboutus-content .satisfaction .left-item ul{padding: 0;}
.aboutus-content .why-choose .right-item ul li::before, .aboutus-content .satisfaction .left-item ul li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}
.about-sec .common-contact{position: sticky; top: 10px;}

/* =============== About Us Main Section End ===================== */

/* =============== About Us Main Section ===================== */
.about-sec, .product-sec, .product-dtl-sec {margin-top: 10px;}
.about-sec .about-us h2, .our-product h2, .common-contact h2, .product-dtl h2{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); padding: 10px; color: #fff}
.aboutus-content, .product-range, .product-item {border: 1px solid #ccc; background: #fff; padding: 10px; margin: 0;}
.aboutus-content .col-5 img{max-width: 100%; position: sticky; top: 10px;}
.company-fact .col-4{padding: 10px;}
.company-fact .fact-item {background: #eee; box-shadow: 0 0 6px 6px #e4e4e4; padding: 15px 5px; height: 100px;}
.company-fact .fact-item i{font-size: 30px; margin-right: 10px;}
.company-fact .fact-item p{margin: 0; font-size: 13px;}
.common-contact form{padding: 10px;}
.common-contact form button{padding: 5px 20px; border: none; outline: none; background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); color: #fff; font-size: 20px; border-radius: 5px; margin-bottom: 20px;}
.common-contact .common-form{background: #fff;}
.aboutus-content .why-choose h3, .aboutus-content .satisfaction h3 {margin-top: 25px; padding: 5px 0;}
.aboutus-content .why-choose .left-item figure, .aboutus-content .satisfaction .right-item figure{width: 100%; height: 250px; overflow: hidden; position: relative; border: 1px solid #ccc}
.aboutus-content .why-choose .left-item figure img, .aboutus-content .satisfaction .right-item figure img{max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.aboutus-content .why-choose .right-item ul li, .aboutus-content .satisfaction .left-item ul li{list-style: none;}
.aboutus-content .why-choose .right-item ul, .aboutus-content .satisfaction .left-item ul{padding: 0;}
.aboutus-content .why-choose .right-item ul li::before, .aboutus-content .satisfaction .left-item ul li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}
.common-contact{position: sticky; top: 10px;}

/* =============== About Us Main Section End ===================== */

/* ================== Features Products ======================== */
.feature-pro{padding: 35px 0;}
.feature-pro h3{text-align: center; text-decoration: none; font-size: 30px; border: none; margin-bottom: 20px;}
/*.product-slider{padding: 20px 0;}*/
.feature-pro .product-slider .item figure{width: 100%; height: 250px; overflow: hidden; position: relative;}
.feature-pro .product-slider .item{border: 1px solid #ccc; box-shadow: 0 0 15px 1px rgb(0 0 0 / 15%); padding: 10px 10px 20px; border-radius: 10px; text-align: center; background: #fff;}
.feature-pro .product-slider .item figure img{max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s;}
.feature-pro .product-slider .item:hover img{transform:scale(1.2) translate(-43%,-43%) rotate(5deg) ;}
.feature-pro .product-slider .item a{text-decoration: none;}
.feature-pro .product-slider .item p{height: 47px; overflow: hidden;}
.feature-pro .product-slider .item figcaption{font-size: 22px; font-weight: 600; color: #1d86df; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.feature-pro .product-slider .item .readmore a{color: #1d86df; text-decoration: none; padding: 3px 5px; border: 1px solid #1d86df; text-align: center; border-radius: 30px;}
.feature-pro .product-slider .item .readmore a:hover{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); color: #fff;}
.viewall-pro{text-align: center; margin: 20px 0}
.viewall-pro a{padding: 10px 26px; border-radius: 30px; font-size: 20px; background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); color: #fff; text-decoration: none; transition: all .3s;}
.viewall-pro a:hover{background: linear-gradient(to right, #39b49a 0%, #1d86df 100%);;}


/* ============ Navigation Bar =================== */

/* ================== Product Section ==================== */
.product-sec .product-range .product-item, .index-pro h2{font-size: 30px; text-align: center; text-decoration: underline;}
.product-sec .product-range .product-item, .index-pro{text-align: center;}
.product-sec .product-range .product-item, .index-pro .product-item{border: 1px solid; margin: 20px 0;}
.product-sec .product-range .product-item:hover img, .index-pro .product-item:hover img{transform: scale(1.08) translate(-45%,-45%);}
.product-sec .product-range .product-item figure, .index-pro .product-item figure{width: 100%; height: 280px; position: relative; margin: 0; overflow: hidden;}
.product-sec .product-range .product-item figure img, .index-pro .product-item figure img{position: absolute; max-height: 100%; max-width: 100%; top: 50%;left: 50%; transform: translate(-50%, -50%); transition: all .5s}
.product-sec .product-range .product-item .pro-name, .index-pro .product-item .pro-name{text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.product-sec .product-range .product-item .pro-name a, .index-pro .product-item .pro-name a{text-decoration: none; color: #1d86df; font-size: 20px; font-weight: 600;}
.product-sec .product-range .product-item .d-flex, .index-pro .product-item .d-flex {padding: 10px 5px; border-top: 1px solid #ccc;}
.product-sec .product-range .product-item .d-flex a, .index-pro .product-item .d-flex a{ padding:3px 8px; font-size: 14px; background: #000; color: #fff; border-radius: 5px; text-decoration: none;}
.product-sec .product-range .product-item .d-flex a:hover, .index-pro .product-item .d-flex a:hover{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%);}
.index-pro .all-pro{text-align: center; margin: 20px;}
.index-pro .all-pro a{padding: 10px 26px; border-radius: 30px; font-size: 20px; background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); color: #fff; text-decoration: none; transition: all .3s;}
.index-pro .all-pro a:hover{background: linear-gradient(to right, #39b49a 0%, #1d86df 100%);}
/* ================== Product Section End ==================== */


/* ================== Product Detail Page ==================== */
.product-dtl-sec .product-item .right-item figure {width: 100%; height: 350px; position: relative; border: 1px solid #ccc; border-radius: 10px; background: #ddd;}
.product-dtl-sec .product-item .right-item figure img{max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.product-dtl-sec .product-item .right-item .details-inq{text-align: center; padding: 10px 0;}
.product-dtl-sec .product-item .right-item .details-inq a{padding: 10px 20px; background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); color: #fff; border-radius: 10px; text-decoration: none; font-size: 18px;}


/* ================== Product Detail Page End ==================== */

.contact-sec .left-item h4{font-size: 26px; text-decoration: underline; font-weight: 600;}
.contact-sec .right-item .common-contact h2{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%);}
.contact-sec .right-item .form-group button{width: unset; padding: 10px 50px; font-size: 22px; border-radius: 30px}

/* ============ Breadcrumb Section =================== */

.breadcrumb-bg{background: url('../images/breadcrumb.jpg'); height: 150px; display: flex ; align-items: center;}
.breadcrumb-bg nav {margin: auto;}
.breadcrumb-bg nav .breadcrumb-item, .breadcrumb-bg nav .breadcrumb-item a{font-size: 23px; text-decoration: none; color: #fff; letter-spacing: 2px;}


 /* ============================  Index Page ======================= */

.comp-dtl h2{padding: 10px;}
.comp-dtl .col-lg-6{position: relative; padding-left: 50px; }
.comp-dtl .col-lg-6::before{content: ""; position: absolute; left: 0px; top: 2px; font-family: "FontAwesome"; color: #e81c25; font-size: 30px;}
.comp-dtl .business-type::before{content: "\f4c4";}
.comp-dtl .employee::before{content: "\f0c0";}
.comp-dtl .establishment::before{content: "\f64f";}
.comp-dtl .turnover::before{content: "\f662";}
.inqu-frm{background:linear-gradient(to right, #1d86df 0%, #39b49a 100%); padding: 15px;}
.modal-content{}
.inqu-frm h4{color: #e81c25;}
.inqu-frm input, .inqu-frm textarea, .modal-body input, .modal-body textarea{width: 100%; margin: 12px 0; padding: 10px; border-radius: 10px; outline: none; border: none;}
.modal-content{width: 400px;}
.inqu-frm button, .modal-body button{width: 100%;}
.frm-top{width: 100%; height: 50px; background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); border-radius: 20px 20px 0 0;}
.welcome-sec .welcome-bg{background: #fff; box-shadow: 0 0 20px #00000037; border-radius: 10px; padding: 30px 20px;}
.welcome-sec h2{font-size: 25px; }
.navbar-light .navbar-toggler:focus{box-shadow: none !important;}


/* .category{background: url(../images/background.jpg); padding: 50px 50px 20px;} */
.category{padding: 50px 50px 20px;}
/* .category-slider .owl-nav{position: absolute; top: -46px; right: 0;}
.category-slider .owl-nav button{width: 40px; height: 40px; background: #e81c25 !important; border-radius: 50%; margin: 0px 5px; transition: all .5s;}
.category-slider .owl-nav i{padding: 10px; color: #fff;}
.category-slider .owl-nav button:hover{background: #b7201b !important;}
.index-cat {background: #ececff; border: 1px solid;}
.index-cat .right-item h2{text-align: center; font-size: 30px;}
.index-cat .left-item figure{width: 100%; height: 400px; position: relative;}
.index-cat .left-item figure img{max-width: 100%; max-height: 100%}
.category-slider figure{ width:310px; height: 310px; border-radius: 50%; position: relative; margin: 10px auto;}
.category-slider figure img{ border-radius: 50%; border: 3px solid #e81c25; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 5px; transition: all .5s;}
.category-slider p{text-align: center; font-size: 23px; font-weight: 600; background: #e81c25; color: #fff; border-radius: 10px; width: 80%; margin: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 10px; transition: all .5s;}
.index-cat .col-md-4{background: linear-gradient(to right, #25a9bb , #514A9D);}
.category-slider .item:hover p{background: #b7201b;}
.category-slider .item:hover img{border: 3px solid #b7201b;} */


.index-cat, .send_query {background: url(../images/pro-bg.jpg); background-size: cover; border-radius: 10px; border: 1px solid; box-shadow: 0 0 20px #00000037; padding:0 30px;}
.index-cat {background: url(../images/pro-bg2.jpg);}
.index-cat2{background: url(../images/pro-bg2.jpg);}
.index-cat3{background: url(../images/pro-bg3.jpg);}
.index-cat2 p{color: #000 !important;}
/* .index-cat .right-item{padding-bottom:20px;} */
.index-cat .right-item h2{text-align: center; font-size: 30px;  color: #000; padding-bottom: 20px;}
.index-cat2 .right-item h2{color: #000;}
.index-cat .left-item figure{width: 100%; height: 400px; position: relative;}
.owl-dots{display: none;}
.owl-nav{position: absolute; top: -60px; right: 20px;}
.owl-nav button{width: 40px; height: 40px; background: #1d86df !important; border-radius: 50%; margin: 0px 5px; transition: all .5s;}
.owl-nav i{padding: 10px; color: #fff;}
.owl-nav button:hover{background: #1d86df !important;}
.index-cat p{color: #000; text-align: center;}
.send_query .form-group{margin: 10px 0;}
.send_query .form-group button{width: 100%; text-align: center;}
.send_query .left-item img{max-width: 76%;}
.send_query .right-item{padding: 0 20px;}
.send_query .right-item h2{color: #fff; border-bottom: 1px solid #fff;}
.send_query figure{margin: 0;}


.gocontect{background:#000; padding:20px 20px; margin: 35px 0 0;}
.gocontect .d-flex{color: #dee1f1;}
.gocontect .d-flex .item1{width: 40%;}
.gocontect .btn-primary, .gocontect .btn-primary:focus, .gocontect .btn-primary:active{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); padding: 15px 40px !important; color: #fff !important; border-radius: 30px; font-size: 20px; box-shadow: none; border: none; transition: all .3s;}

.gocontect button.btn.btn-primary:hover{background: #383838;}
.cliente{padding-bottom: 40px;}
.cliente .item img{border-radius: 10px;}

.cliente h2{text-align: center; padding: 0px 0px 30px; font-size: 30px; text-decoration: underline;}

footer{background: #000; color: #fff;}
.footer-sec{padding: 40px 0 20px;}
.footer-sec ul>li a{color: #fff !important;}
.footer-sec ul>li a:hover{color: #fff !important;}
.footer-sec .list-unstyled{padding: 10px 0;}
.footer-sec .list-unstyled li{padding: 5px 0;}
.footer-sec .quick-addres{padding-left: 30px; position: relative;}
.footer-sec .quick-addres li::before{position: absolute; left: 0px; font-family: "FontAwesome";}
.footer-sec .list-unstyled .name::before{ content: "\f007";}
.footer-sec .list-unstyled .address::before{ content: "\f3c5";}
.footer-sec .list-unstyled .mail::before{ content: "\f0e0";}
.footer-sec .list-unstyled .mobile::before{ content: "\f879";}
.footer-sec .list-unstyled .tele::before{ content: "\f590";}


 .whychoose{background:#fff; background-size: cover; box-shadow: 0 0 37px #00000037; border-radius: 10px; margin: 40px 0 0; position: relative; padding: 20px 0 40px;}
 .whychoose .open-items h4{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); padding: 5px 20px; color: #fff; cursor: pointer;}
 .whychoose h3{color: #000;}
 .whychoose img{max-width: 80%;}
 .whychoose .open-items h4::after{content: "\f0d7"; font-family: "FontAwesome"; float: right;}

 .whychoose1{background:#fff; background-size: cover;  border-radius: 10px; margin: 0px 0 0; position: relative; padding: 20px 0 40px;}
 .whychoose1 .open-items h4{background:#b7ebd5; padding: 5px 20px; color: #000; cursor: pointer;font-size:18px;}
 .whychoose1 h3{color: #000;}
 .whychoose1 img{max-width: 80%;}
 .whychoose1 .open-items h4::after{content: "\f0d7"; font-family: "FontAwesome"; float: right;}
.whychoose1 p{font-size:15px;}
 /*
}
}
.whychoose .items h2{color: #fff; font-size: 30px; text-decoration: underline;}
.whychoose figure img{border-radius: 20px; border: 3px solid #e81c25; max-width: 100%; margin: auto;}
.whychoose figure{margin: 0px; width: 100%;}
.whychoose .col-md-7 button, .whychoose .col-md-7 button:active, .whychoose .col-md-7 button:focus{width: 100%; outline: none; border: none; box-shadow: none; margin: 10px 0; text-align: start; padding: 10px; background: #e81c25; font-size: 20px;}
.collapse{color: #fff; }
.whychoose .col-md-7 button::after{content: "\f0d7"; font-family: "FontAwesome"; float: right;} */

/* -----------------media quiry for responsive---------------- */
@media only screen and (max-width:991px){
    /* .whychoose .col-md-7{margin-top: 20px; text-align: center;} .whychoose figure{text-align: center;} */
     .comp-dtl .col-lg-6::before{top: 0px; left: 7px;} .send-inq{padding: 10px 0;} div#navbarNavDropdown{text-align: center;}

}
@media only screen and (max-width:500px){
    .gocontect .d-flex{display: inline !important; text-align: center;} .gocontect .d-flex .item1{width: 100%;} .header-strip .left-item ul li:nth-child(2){display: none;} .category{padding: 0;}
.category-slider figure{ width:250px; height: 250px;}.cliente .item img{width: 250px; margin: auto;}


}
@media only screen and (max-width:767px){
    .header-strip .right-item{display: none;} .aboutus-content .col-md-5{text-align: center;} .why-choose .left-item{display: none;} .why-choose .right-item{width: 100%;} .satisfaction .right-item{display: none;} .satisfaction .left-item{width: 100%;}
    .header-strip .left-item{width: 100%;} section{padding-top: 30px;} .gocontect .btn-primary, .gocontect .btn-primary:focus, .gocontect .btn-primary:active{padding: 8px 35px !important;} .about-sec .about-us h2, .our-product h2, .common-contact h2, .product-dtl h2{margin-top: 15px;}.index-cat .left-item{display: none;}
    .whyus-content{margin: 20px 0;}
}

/* =============== Contact Us  ============== */

.contact-sec .left-item{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); color: #fff; padding: 20px; border-radius: 10px; height: 100%}
.contact-sec .left-item .contect-dtl{margin: 0; padding: 0; position: relative;}
.contact-sec .left-item .contect-dtl li{list-style: none; margin:20px 35px; font-size: 18px;}
.contact-sec .left-item .contect-dtl li a{color: #fff; text-decoration: none;}
.contect-dtl li::before{font-family: "fontAwesome"; position: absolute; left: 0; font-size: 25px;}
.contect-dtl .name::before {content: "\f007";}
.contect-dtl .company::before {content: "\f1ad";}
.contect-dtl .location::before {content: "\f3c5";}
.contect-dtl .phone::before {content: "\f2a0";}
.contect-dtl .whatsapp::before {content: "\f232";}
.contect-dtl .fax::before {content: "\f1ac";}
.contact-sec .social-icon, footer .social-icon{padding: 10px 0;}
.contact-sec .social-icon li, footer .social-icon li{list-style: none; display: inline;}
.contact-sec .social-icon li a i, footer .social-icon li a i{color: #fff; width: 40px; height: 40px; border-radius: 50%; border: 1px solid; text-align: center; font-size: 25px; padding: 6px; transition: all .3s; margin: 0px 4px;}
.contact-sec .social-icon li a i:hover, footer .social-icon li a i:hover{transform: rotate(360deg);}
.form-group .form-control, .form-group .form-control:focus {border-radius: 10px; border: 1px solid #ccc; outline: none; box-shadow: none !important; padding: 10px;}
.form-group button, .form-group button:focus{background: linear-gradient(to right, #1d86df 0%, #39b49a 100%); border: none; outline: none; box-shadow: none !important; font-size: 20px; border-radius: 10px; margin-bottom: 20px; transition: all .3s;}
.form-group button:hover{background: linear-gradient(to right, #39b49a 0%, #1d86df 100%);}
.about-contact .form-group button, .common-contact .form-group button{width: 100%; margin: 10px 0 20px;}
.navbar.navbar-expand-lg.navbar-light{padding: 1px 0;}



/* ==================== Swiper ========================= */

--swiper-navigation-color: #fff !important; --swiper-pagination-color: #fff !important;
.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    
      .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper2 {
        height: 80%;
        width: 100%;
      }

      .mySwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }

      .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
      }

      .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      
      
     .product-slider .owl-item img{height: 280px; object-fit: contain; padding: 0 20px; background:#fff; box-shadow: 0 0 37px #00000037; border-radius: 10px; border: 1px solid;}
     .top-pro-search{position: relative; right: 50px;}
     .top-pro-search input{padding: 0 5px; border-radius: 5px; border: none; outline: none;}
     .top-pro-search button{position: absolute; right: 8px; background: none; border: none; outline: none;}
     .single-pro .items{box-shadow: 0 0 37px #00000037; padding: 20px; border-radius: 10px; background: #fff; text-align: center;}
     .single-pro .col-md-12{margin-bottom: 20px;}
     .single-pro{padding-top:20px;}
     .single-pro img{max-width: 100%; height: 250px; object-fit: contain;}
     .category-items{box-shadow:  0 0 37px #00000037; padding: 30px; text-align: center; border-radius: 10px; margin-bottom: 25px; background: #fff;}
     .category-items i{font-size: 22px;}
     
     .category-items h3 a{text-decoration: none; color: #1d86df; font-size: 18px;}
     .category-items p {font-size: 15px;}
     p.list-group-item{color: #1d86df; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

     /*** Testimonial ***/
.testimonial-carousel::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
   
    z-index: 1;
}

.testimonial-carousel::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    
    z-index: 1;
}

@media (min-width: 768px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 300px;
    }
}

.testimonial-carousel .owl-item .testimonial-item,
.testimonial-carousel .owl-item.center .testimonial-item * {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    background: linear-gradient(to right, #1d86df 0%, #39b49a 100%) ;
    border-color:  #1d86df ;
}

.testimonial-carousel .owl-item.center .testimonial-item * {
    color: #FFFFFF !important;
}
.testimonial-item p{height: 200px; overflow: hidden;}
.item4{
   border: 3px solid #39b49a;
    margin-bottom: 30px;
    padding: 5px;
}