body {
  background: #ffffff;
  font-family: 'Poppins', sans-serif;
}

.no-padding {
  padding: 0 !important;
}

.navbar-nav>li>a {
  color: #484848;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  padding-left: 20px !important;
  font-weight: 400;
}

.active {
  opacity: 1 !important;
  background: #fff;
}

.btn {
  border:solid 2px #000 !important;
}

.light-border-box{
  box-shadow: 0px 0px 7px 5px rgba(33,30,30,0.21);
-webkit-box-shadow: 0px 0px 7px 5px rgba(33,30,30,0.21);
-moz-box-shadow: 0px 0px 7px 5px rgba(33,30,30,0.21);
border: solid 2px #000;
transition: transform .2s;
}

.light-border-box:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.footer {
  background: #000;
}

#header {
  z-index: +2 !important;
}

#header h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 36px;
}

#slider {
  margin-top: -90px;
  padding: 0;
  z-index: -1 !important;
  background-image: url("../images/tractor.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 650px;
}

#slider h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 58px;
  opacity: 0.7;
  /* background: rgba(0, 0, 0, 0.1); */
}

#about {
  padding: 50px 0 50px 0;
  background: #fbfbfb;
}

#about h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
}

#about h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 22px;
}

#about p {
  font-family: 'Poppins', sans-serif;
  /* font-weight: 600; */
  font-size: 16px;
}

#products {
  min-height: 400px;
  background-color: #ffffff;
  padding: 50px 0 50px 0;
}

#products h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 40px;
}

#products h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: green;
}

#products p {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #484848;
}

#products img {
  border-bottom: double 3px #000;
}

#products .price-btn{
  width:100%;
  border: 0px !important;
  border-radius: 0;
}

#ads {
  padding: 50px 0 50px 0;
  background: #fbfbfb;
}

#ads h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
}
#ads p {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}


#testimo{
  padding: 50px 0 50px 0;
  background-image: linear-gradient(to right top, #114a08, #3a6a0c, #658b0c, #96ab0b, #cdcb0e);
}

#testimo h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 40px;
}

#franch{
  padding: 50px 0 50px 0;
  min-height: 350px;
  background: #404040;
}

#franch h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: #fff;
}

#franch p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #fff;
}

.franchise-dist {
  font-size: 18px;
  color:green;
  font-weight: bold;
}

.frach-box{
  border: solid 1px #ccc;
  padding:0 !important;
}

.frach-box h5{
  color:#ffffff;
  background: #000;
  font-weight: normal;
  font-size: 15px;
  margin-top: -15px !important;
}

.frach-box img{
  width:250px;
  height:250px;
  margin-top:-8px;
  border-bottom: solid 2px #000;
}

#breadcrumb{
  background-image: url("../images/breadcrumb-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  margin-top: -90px;
}

#breadcrumb h1{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 58px;
  opacity: 0.7;
}

#sub-pages {
  min-height: 400px;
  background: #ffffff;
  padding: 50px 0 50px 0;
}
/*-----------------testimonial ----------*/

 .owl-carousel .owl-item {
     transition: all 0.3s ease-in-out
 }

 .owl-carousel .owl-item .card {
     padding: 30px;
     position: relative;
 }

 .owl-carousel .owl-stage-outer {
     overflow-y: auto !important;
     padding-bottom: 40px
 }

 .owl-carousel .owl-item img {
     height: 200px;
     object-fit: cover;
     border-radius: 6px
 }

 .owl-carousel .owl-item .card .name {
     position: absolute;
     bottom: -20px;
     left: 33%;
     color: #101c81;
     font-size: 1.1rem;
     font-weight: 600;
     background-color: aquamarine;
     padding: 0.3rem 0.4rem;
     border-radius: 5px;
     box-shadow: 2px 3px 15px #3c405a
 }

 .owl-carousel .owl-item .card {
     opacity: 0.2;
     transform: scale3d(0.8, 0.8, 0.8);
     transition: all 0.3s ease-in-out
 }

 .owl-carousel .owl-item.active.center .card {
     opacity: 1;
     transform: scale3d(1, 1, 1)
 }

 .owl-carousel .owl-dots {
     display: inline-block;
     width: 100%;
     text-align: center
 }

 .owl-theme .owl-dots .owl-dot span {
     height: 20px;
     background: yellow !important;
     border-radius: 2px !important;
     opacity: 0.5
 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     height: 13px;
     width: 13px;
     opacity: 1;
     transform: translateY(2px);
     background: #83b8e7 !important
 }

 #testimo .testimonial {
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
 }

 @media(min-width: 480.6px) and (max-width: 575.5px) {
     .owl-carousel .owl-item .card .name {
         left: 24%
     }

     #breadcrumb {
       margin-top: 60px !important;
     }
 }

 @media(max-width: 360px) {
     .owl-carousel .owl-item .card .name {
         left: 30%
     }
 }

 @media (max-width: 575.98px) {
   #breadcrumb{
     background-image: url("../images/breadcrumb-bg.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 400px;
     margin-top: 0px !important;
     opacity: 0.8;
   }

   #breadcrumb h1{
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     font-size: 36px;
     line-height: 58px;
     opacity: 1;
     margin-top: 10px;
   }

   #breadcrumb h3{
     margin-top: 50px !important;
   }

   .navbar-toggler {
     background: #000000 !important;
   }

   .navbar-toggler span {
     color: #ffffff !important;
   }

   #slider {
     margin-top: 0px;
     padding: 0;
     z-index: -1 !important;
     background-image: url("../images/tractor.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 650px;
   }

   #slider h1 {
     margin-top:20px;
     font-size: 30px;
   }
}