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

*{
    font-family: 'Open Sans', sans-serif;

}
.primary-menu .menu-area .logo {
    padding: 0px 0;
    outline: none;
}	    
.rav{
    height:92px;
}
.justify{
    text-align:justify;
}
.pi{
   height:86px;
} 
.about{
    padding:50px 0;
} 
.imganimate{
    height:480px;
    object-fit:contain;
    animation:updown 3s linear infinite;
}
.about.style-2 .about-left .section-header p {
    margin-top: 15px;
    margin-left: 0;
}
@keyframes updown{
    30%{
        transform:translatey(-10px);
    }
    90%{
         transform:translatey(10px);
    }
}
.poes {
    color: #ee2c2c!important;
}
.kells {
    color: #007035!important;
}
.section-header p {
    max-width: 590px;
    margin: 0 auto;
    font-weight: 400;
    color: #505050;
}
#whatsapp-widget .ww-link{
    display:none!important;
}
.primary-menu .menu-area .logo {
    padding: 0px 0!important;
    outline: none;
}	    
.about.style-5 .section-header{
    width:100%;
        max-width: 100% !important;
}
.about.style-5 .section-header p{
     width:100%;
        max-width: 100% !important;
}
.textfontsize{
    font-size:14px;
}
.footer-bottom {
    padding: 12px 0;
}
.section-header p{
    margin-bottom:10px;
}
/*provide*/

.provide{
    background-color:#fff;
   height:auto;
        display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}

.provide .container .row .col-md-3 .border{
      border: 1px solid hsla(0,0%,50%,.2)!important;
    border-radius:10px;
    height:350px;
    text-align:center;
        padding: 5px 10px;
            display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
    
    flex-direction: column;

}

.provide .container .row .col-md-3 .border .elm1{
    width:100%;
    height:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:0.4s;
}
.provide .container .row .col-md-3 .border .elm2{
    width:100%;
    height:50%;
    display: flex;
    background-color: #eff4f8;
    backdrop-filter:blur(10px);
    justify-content: center;
    align-items: center;
    text-align:center;
    border-radius:6px 6px  0 0;
    transition:0.4s;
      
  backdrop-filter: blur(10px);
    
    flex-direction: column;
}
/*.provide .container .row .col-md-3 .border:hover .elm1{*/
/*       width:100%;*/
/*       height:100%;*/
/*}*/
/*.provide .container .row .col-md-3 .border:hover .elm2{*/
/*       width:100%;*/
/*       height:0%;*/
/*       opacity:0;*/
/*       position:relative;*/
/*       bottom:0;*/
/*}*/

.elm2 p{
    font-size:12px;
    margin:0;
    color:#000;
}
.elm1 a img{
        width: 93px;
        object-fit:contain;
}
/**/
.ftrpro{
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.marginbootm{
    margin:0px 0 20px 0;
}
.testimg{
    border-radius:50%;
}
.footer-top .post-item .footer-gellary {
    justify-content: flex-start;
}
.footer-top .post-item .footer-gellary li a {
    margin: 4px;
    overflow: hidden;
}

/*why choose */

.opdd{
        background: #f4f5f5;
     padding-top:43px;
    padding-bottom:34px;
}
.about .section-wrapper .post-item-inner {
    padding: 25px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 12px 0 #f1f4f6;
    height: 308px;
    background: #fff!important;
    border-radius: 6px;
}
.dpp:hover {
    webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0 22px 40px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 22px 40px #0070354f !important;
    border-bottom-left-radius: 6px!important;
    border-bottom-right-radius: 6px!important;
    transform:translateY(-5px);
}

/**/

.marginright{
    margin-right:95px;
}
.quicklink li{
    text-align:center;
}
.quicklink li a{
   position:relative;
   transition:2s;
}
.quicklink li a::before{
    transition:2s;
}
.quicklink li a:hover:before{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background:#000;
  transition:2s;
  tranform:translate(-50%,-50%);
  
}
.bannerimg{
    width:535px !important;
    object-fit:contain;
    position:relative;
}

.banner.style-1 .carousel.slide .carousel-inner .carousel-item .slider-content .slider-content-inner p{
    margin:0 0 15px 0;
}
.bgred{
    width:1920px;
    height:570px;
    background: #DCE35B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #45B649, #DCE35B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #45B649, #DCE35B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.bgred2{
    width:1920px;
    height:570px;
    background: #DCE35B;
    background: linear-gradient(to right, #DCE35B, #45B649); 
}
.author-name-des h4{
    font-size:15px !important;
    line-height:10px;
}
.author-name-des p{
    font-size:12px !important;
    line-height:10px;
}
.footer-top{
    padding-top:80px;
} 
.btn {
    display: inline-block;
    font-weight: 400;
    color: #7ebc31;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn:hover{
    background:#7ebc31;
      color:#fff;
}
.product .section-wrapper .post-item-inner{
        height: 310px;
}
/*responsize*/

@media (min-width:320px) and (max-width:510px){
    .bgred {
    width: 1920px;
    height: 320px;

}
    .bgred2 {
    width: 1920px;
    height: 320px;

}
.section-header h2{
    text-align:center;
}
.section-header h2 span{
    font-size:18px;
    
}


.banner.style-1 .carousel.slide .carousel-inner .carousel-item.active .shape3 {
    bottom: 0;
    display: block;
    width: 200px;
    left: 50%;
    transform: translate(-50%, 0);
}
.banner.style-1 .carousel.slide .carousel-inner .carousel-item.active .shape4 {
 bottom: 0;
    display: block;
   width:200px;
    left: 50%;
    transform: translate(-50%, 0);
}
.banner.style-1 .carousel.slide .carousel-inner .carousel-item.active .shape5 {
   bottom: 0;
    display: block;
    width:100%;
    left: 50%;
    transform: translate(-50%, 0);
}
.banner.style-1 .carousel.slide .carousel-inner .carousel-item.active .shape{
    bottom: 0;
    display: block;
    width: 200px;
    left: 50%;
    transform: translate(-50%, 0);
}
.banner.style-1 .carousel.slide .carousel-inner .carousel-item.active .shape1 {
 bottom: 0;
    display: block;
   width:200px;
    left: 50%;
    transform: translate(-50%, 0);
}
.banner.style-1 .carousel.slide .carousel-inner .carousel-item.active .shape2 {
   bottom: 0;
    display: block;
    width:100%;
    left: 50%;
    transform: translate(-50%, 0);
}
.bgred:before{
      content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.5;
  z-index:3;
 
}
.bgred2:before{
      content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.5;
 z-index:3;
}
.footer-top{
        padding-bottom: 100px !important;
}
}