@keyframes zoomIn {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
}
.home .banner .container-fluid{
    margin: 0;
    padding: 0;
}
.home .banner .owl-prev span{
    font-size: 60px;
    
}
.home .banner .owl-prev{
    position: absolute;
    top: 50%;
    left: 20px;
    width: 40px;
    height:34px ;
}
.home .banner .owl-prev:hover ,.home .banner .owl-next:hover{
    background-color: #D68D67;
    width: 40px;
    height:34px ;
    transition: 0.5s;
    border-radius: 100%;
}
.home .banner .owl-prev:hover span , .home .banner .owl-next:hover span{
    color: #fff;
    transition: 0.5s;
}
.home .banner .owl-next{
    position: absolute;
    top: 50%;
    width: 40px;
    height:34px ;
    right: 20px;
}
.home .banner .owl-next span{
    font-size: 60px;
}
.home .banner .owl-carousel {
    height: 100%;
}

.home .banner {
    padding-top: 30px;
    /* padding-bottom: 50px; */
}

.home .banner .owl-carousel .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 3s ease-in-out;
}

.home .banner .owl-carousel .owl-item.active .item img {
    transform: scale(1.1); /* Zoom in the active item */
}


/* about_us */
.home .about_us{
    padding-top: 100px;
    padding-bottom: 10px;
}
.home .about_us .container-fluid .main_about .content h3{
    color: #7AC38D;
    font-size: 24px;
}
.home .about_us .container-fluid .main_about .content h1{
font-size: 46px;
}
.home .about_us .container-fluid .main_about .content p{
text-align: justify;
color: #707070;
font-size: 20px;
font-weight: 400;
}
.home .about_us .container-fluid .main_about .content{
    width: 50%;
}

.home .about_us .container-fluid .main_about .content button{
    background-color: #60C38D;
    color: #fff;
    padding: 8px 30px;
    border: 1px solid #60C38D;

}

.home .about_us .container-fluid .main_about .content button:hover{
    background-color: #000;
    transition: 0.5s;
    border: 1px solid #000;
}
.home .about_us .container-fluid .main_about{
    display: flex;
    align-items: center;
    padding-left: 80px;
    padding-right: 80px;
    gap: 20px;

}
.home .about_us .container-fluid .main_about .about_img {
    width: 50%;
    box-shadow: -1px 0px 10px 0px #000;
    border-radius: 20px;
}
.home .about_us .container-fluid .main_about .about_img img{
    border-radius: 20px;
}
.home .product .container .main_cards{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 70px;

}
.home .product .container .main_cards .card{
    text-align: center;
    border: none;
}
.home .product .container .main_cards .card .buttons{
    display:flex ;
    justify-content: center;
    align-items: center;
}
.home .product .container .main_cards .card button {
    padding: 5px 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border: 1px solid #FE7804;
    background-color: transparent;
    color: #152B96;
}
.home .product .container .main_cards .card button:hover i{
    margin-left: 6px;
    transition: 0.5s;
}
.home .product .container .main_cards .card button i{
    font-size: 12px;
    transition: 0.5s;
}
.home .product .container .main_cards h1{
    padding-bottom: 20px;
    font-size: 40px;
}
.home .product .container .main_cards .card h5{
font-size: 28px;
}
/* ceo */
.home .ceo{
    padding-bottom: 70px;
    padding-top: 120px;
    /* padding-left: 100px; */
    padding-right: 50px;
}
.home .ceo .ceo_img{
    box-shadow: 1px 2px 11px -2px #000;
    border-radius: 100px;
    padding-left: 10px;
}
.home .ceo .ceo_img img{
    width:280px;
    height:400px;
    border-radius: 80px;
}
.home .ceo .ceo_inner{
    display: flex;
    gap: 200px;
    justify-content:center;
    /* align-items: baseline; */
}
.home .ceo .ceo_inner .content .pera{
    font-size: 20px;
    font-weight: 400;
}

.home .ceo .ceo_inner .content h3{
    padding-top: 40px;
}
.home .ceo .ceo_inner .content .bg_text{
    padding-top: 20px;
}
.home .ceo .ceo_inner .content .bg_text .span1{
    font-size: 20px;
    font-weight: bold;
    background-color: #FF4604;
    color: #fff;
    padding-top: 2px;
}

.home .ceo .ceo_inner .content .bg_text .span2{
    font-size: 20px;
    font-weight: bold;
    background-color: #FE7804;
    padding-top: 2px;
    color: #fff;
}
.home .ceo .ceo_inner .content .ceo_info{
    font-weight: 400;
}

















/* responsive  */
@media screen and (max-width: 1800px) {
.home .about_us .container-fluid .main_about .about_img img{
    height: 394px;
}

}
@media screen and (max-width: 1616px) {
    .home .about_us .container-fluid .main_about .about_img img{
        height: 424px;
    }
    
    }

    @media screen and (max-width: 1320px) {
        .home .about_us .container-fluid .main_about .about_img img{
            height: 454px;
        }
        
        }
        @media screen and (max-width: 1142px) {
            .home .about_us .container-fluid .main_about .about_img img{
                height: 469px;
            }
            
            }
@media screen and (max-width: 1054px) {
    .home .about_us .container-fluid .main_about{
        padding-left: 20px;
        padding-right: 20px;
    }
    .home .ceo .ceo_inner{
        gap: 150px;
    }
  }
  @media screen and (max-width: 960px) {
    .home .ceo .ceo_inner{
        gap: 100px;
    }
  }

  
  @media screen and (max-width: 935px) {
    .home .banner .owl-carousel{
        height: 100% !important;
    }
    .home .about_us .container-fluid .main_about{
        flex-direction: column;
        
    }
    .home .about_us .container-fluid .main_about .content ,.home .about_us .container-fluid .main_about .about_img{
        width: 100%;

    }
    .home .about_us .container-fluid .main_about .content h1 br{
        display: none;
      
    }
  }
  @media screen and (max-width: 879px) {
    .home .ceo {
        padding-left: 20px;
        padding-right: 20px;
    }
  }
 
@media screen and (max-width: 795px) {
    .home .ceo .ceo_inner{
        flex-direction: column;
    }
    .home .ceo .ceo_inner .ceo_img {
        width:400px;
        height:300px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }
    .home .ceo .ceo_inner .content .pera br{
        display: none;
    }
    .home .ceo .ceo_inner .ceo_img img {
        width:auto;
        height:300px;
    }
    .home .banner .owl-next ,.home .banner .owl-prev {
        
        top: 35% ;
    }
    .home .banner .owl-next span ,.home .banner .owl-prev  span{
font-size:30px ;
    }
  }
  @media screen and (max-width: 610px) {
    .home .banner .owl-next ,.home .banner .owl-prev {
        
        top: 35% ;
    }
   
  }
  
  @media screen and (max-width: 491px) {
    .home .ceo .ceo_inner .ceo_img {
        width:100%;
        height:100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }
    .home .banner .owl-next ,.home .banner .owl-prev {
        
        top: 35% ;
    }
    .home .about_us .container-fluid .main_about .content h1 br{
        display: none;
      
    }
    .home .about_us .container-fluid .main_about .content h1 {
        font-size: 36px;
      
    }
  }
  @media screen and (max-width: 391px) {
   
    .home .about_us .container-fluid .main_about .content h1 {
        font-size: 27px;
      
    }
  }
  @media screen and (max-width: 375px) {
   
    .home .product .container .main_cards .card h5{
        font-size: 20px;
    }
  }
  
  

  