@charset "UTF-8";
body, html{scroll-behavior:smooth;}
.navbar-brand img{width:123px;}
.navbar .fa-bars{color:#EC4B1C;font-size:40px;}
.text-justify{text-align:justify;}
.border-orange{border-color:#EC4B1C !important;}
.border-left-0{border-left:0 !important;}
.text-orange{color:#EC4B1C;}
.sub-menu .border-orange{border-bottom:0 !important;border-top:0 !important;display:inline-block;}
.offerings{background:url('../images/offering-bg.png') no-repeat top right;background-size:cover;}
.offerings .card{border-top:0;border-bottom:0;border-color:#fff;padding-bottom:20px;}
@media screen and (min-width:768px){
.offerings .card{background:transparent;transition:all 0.5s ease-in-out;}
.offerings .card .card-title, .offerings .card .card-text{color:#fff;}
.offerings .card .card-text{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 11;line-clamp: 11;-webkit-box-orient: vertical;height:233px;}
.offerings .card .card-text{opacity:0;transition:all 0.5s ease-in-out;}
.offerings .card:hover .card-title, .offerings .card:hover .card-text, .offerings .card.active, .offerings .card.active .card-text, .offerings .card.active .card-title{color:initial;opacity:1;}
.offerings .card:hover, .offerings .card.active{background:#fff;}
.offerings .card .card-title, .offerings .card .card-text{opacity:0;}
.offerings .card .card-title{opacity:1;}
.offerings .card .arrow{background:#fff;box-shadow:0 0 5px #ccc;border-radius:100%;width:100px;height:100px;text-align:center;opacity:0;transition:all 0.5s ease-in-out;display:block;margin:20px auto 0;color:#333;padding:30px 0 0;font-size:30px;}
.offerings .card:hover .arrow{opacity:1;}
}



.offerings .card .card-text{font-size:14px;}
.offerings .card .card-body{padding-bottom:0;}
.offerings .card .card-footer{padding-top:0;}



.offerings .card .arrow{background:#fff;box-shadow:0 0 5px #ccc;border-radius:100%;width:100px;height:100px;text-align:center;transition:all 0.5s ease-in-out;display:block;margin:20px auto 0;color:#EC4B1C;padding:30px 0 0;font-size:30px;}
.offerings .card .card-footer{background:transparent;border:0;}

.offerings .card.active .arrow{color:#EC4B1C;}
.offerings h2{color:#868686;}
.who-we-are .btn-warning, .who-we-are .btn-warning:active, .services .btn-warning, .services .btn-warning:active{background:#EC4B1C;border-color:#EC4B1C;color:#fff;}
.who-we-are .btn-warning:hover{background:#000;border-color:#000;}
.services .btn-warning:hover{background:#eee;border-color:#eee;}
/* our-products */
.our-products{background:rgb(0,0,0);background:linear-gradient(113deg, rgba(0,0,0,1) 0%, rgba(215,210,204,1) 100%);padding:100px 0;}
.our-products .card{width:24%;margin:0.4%;padding:0;border:0;overflow:hidden;border-radius:10px;}
/* our-products */
.nav-link{font-size:20px;}
.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 47, 46, 0.4);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
  }
}

.rose{
  background:#ff0100;
}
.circle {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  box-shadow: 0px 0px 1px 1px #0000001a;
  position:absolute;
  top:100px;
  left:202px;
}
.owl-nav{text-align:center;top: 15%;position: absolute;width: 100%;}
.owl-carousel .owl-nav .owl-next{right:-8px;}
.owl-carousel .owl-nav .owl-prev{left:-6px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{font-size:63px;position:absolute;}
.services-container .nav-item{width:100%;margin-bottom:5px;}
.services-container .nav-item .nav-link{padding:10px 20px;font-size:20px;}
.services-container .nav-item .nav-link.active{background:#EC4B1C;border-color:#EC4B1C;color:#fff;}
.services-container .nav-item .nav-link{background:#EBEBEC;border-color:#EBEBEC;color:#333;}

.map{position:relative;}
.map img{width:300px;margin:0 auto;}
/* clients */
.clients .owl-carousel .item img{width:166px;border-radius:100%;border:4px solid #fff;box-shadow:5px 0 0 #EC4B1C;display:block;margin:0 auto;}
/* clients */

/* services */
.services{background:#000;}
/* services */

/* contact */
.tel{border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:center;padding:20px;}
.contact .social > a{display:inline-block;padding:4px 0 0;border-radius:100%;box-shadow:0 0 5px #ccc;width:32px;height:32px;text-align:center;margin-right:5px;}
/* contact */
footer{background:#494949;padding:150px 0 50px;position:relative;}
footer:before, footer:after{position:absolute;content:"";background-size:contain;width:300px;max-width:100%;height:100px;}
footer:before{background:url('../images/footer-top.png') no-repeat;top:0;left:0;background-position:top left;}
footer:after{background:url('../images/footer-bottom.png') no-repeat;bottom:0;right:0;background-position:bottom right;}
.footer-menu{position:relative;color:#fff;}
.footer-menu:before{content:"";width:100px;height:200px;position:absolute;background:#D9D9D9;opacity:0.2;border-radius:15px;transform:skewY(-20deg);left:-20px;top:-40px;pointer-events:none;}
.copyright{position:relative;border-top:1px solid #fff;width:100%;padding:40px 0;top:50px;}
.copyright:after{position:absolute;content:"";background:url('../images/location.png') no-repeat;background-position:center top;width:100%;height:50px;left:0;top:-20px;}
.privacy-policy li{margin-bottom:10px;line-height:25px;}
.privacy-policy ul{list-style:disc;}

.whastapp {position:fixed;padding:5px 15px;font-size:35px;background:#fff;bottom:20px;right:20px;z-index:9999;border-radius:10px;}

@media screen and (min-width:768px)
{
.who-we-are .card{width:31%;margin:0 7px;}
.our-products .card{width:19%;margin:0.4%;}
}

@media screen and (max-width:768px)
{
.offerings .card .arrow, .offerings .card .arrow, .offerings .card .card-title, .offerings .card .card-text{opacity:1;color:#333;}
.offerings .card .arrow{color:#EC4B1C;}
.footer-menu:before{width:78px;height:126px;left:14px;top:14px;opacity:0.09;}
.footer-menu{margin-top:30px;}
.who-we-are .card{width:100%;margin:7px 0;}
.our-products .card{width:47%;margin:8px 5px;}
.our-products h2{text-align:center;}
.our-products h2 span{display:inline-block;}
}