.owl-carousel:hover .owl-nav .owl-prev {
    left: -25px;
    visibility: visible;
    opacity: 1;
    z-index: 99;

}

 .owl-carousel:hover .owl-nav .owl-next {
    right: -25px;
    visibility: visible;
    opacity: 1;
    z-index: 99;

}


/* Start Header */

header#header{
    min-height: auto;
    position: relative;
    overflow: hidden;
    background-image:none;
    background-image:none;
    background-size: 100% 100%;
    background-position: top center;
    background-attachment: unset;

}
@media (max-width: 992px) {
    header#header {
        padding: 0
    }
}
header#header .nav{
    box-shadow: 0 0 17px #EEE;

}
header#header::before{
   display: none;
    
}
header nav .navbar ul li a{
    color: var(--secondary-color);
}
header nav .navbar .dropdown .dropdown-menu li a{
    color: #FFF;
}
header nav.sticky-nav .navbar .dropdown .dropdown-menu li a{
    color: var(--secondary-color);
}
header nav .navbar ul li {
    color: var(--secondary-color);
}
header .dropdown .arrow  svg *{
    fill:var(--secondary-color);
}
header nav.sticky-nav .dropdown .arrow  svg *{
    fill:#FFF;
}

#header .main-banner .content ul{
    margin: 0;
}
#header .main-banner .content ul li{
    font-size:18px;
    color: #8d8d8d;
    font-family:"Tajwal-medium",sans-serif;   

}


@keyframes rotateImage {
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
    
}

header#header::before{
     display: none;
 
  
    
}
@media (max-width: 992px) {
    header#header{
        background-image: none;
    }
    header nav .navbar ul li a {
        color: #FFF;
    }
    header nav .navbar ul li {
        color: #FFF;
    }
}



/* End Header Style */

.brand-btn{
    font-family:"tajwal";
    text-decoration: none;
    background-color: var(--brand-color);
    border: 1px solid transparent;

    border-radius: 50px;
    padding:5px 20px 5px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:20px;
    min-width:200px;
    width: fit-content;
    color: #FFF;
    transition: all .4s ease-in-out;
  }
  .brand-btn .icon{
    background:#FFF;
    padding: 10px;
    border-radius: 50%;
    transition: all .4s ease-in-out;

  }
  .brand-btn:hover{
    color:var(--third-color);
    background-color:var(--secondary-color);
    border: 1px solid var(--secondary-color);

  }
  .brand-btn:hover .icon{
    color:var(--secondary-color);
    background-color:var(--third-color);
    transform: rotate(315deg);
    
  }
  .brand-btn:hover .icon svg path{
    fill: var(--secondary-color);
    
  }


/* Start testimonials section */
.testimonials{
    padding: 80px 0;
}
.testimonials *{
    font-family: "Tajwal-medium",sans-serif;

}

.testimonials .container{
    overflow: hidden;
    position: relative;
    background-color: #FFF;
    border-radius: 50px;
    padding: 40px ;
    box-shadow: 0 14px 48px #35327c26;
    z-index: 2
}

@media (max-width:992px) {
    .testimonials{
        padding: 50px 0 ;
    }
    .testimonials .container{
        padding: 20px;
    }
}
.testimonials .special-heading{
        overflow: hidden;
    }

@media (max-width:576px){
    .testimonials .actions{
        flex-direction: column;
    }
}

/* End Testimonials */




/* Start Contact me section */
.order-now{

    padding: 100px 0 100px 0;
}

.order-now .wrapper{
    padding: 30px 10px;
   width: 80%;
   border-radius: 20px;
   margin: auto;
   box-shadow: 0 14px 48px #35327c26;
   overflow: hidden;


}
@media (max-width:767px) {
.order-now{
    padding: 50px 0 50px 0   ;
}
.order-now .wrapper{
    width: 100%;
}
}
.order-now h4{
    color: #FFF;
    font-family:"Tajwal-medium",sans-serif;
    font-size: 40px;
    margin-bottom: 20px;

}
.order-now p{
    font-family:"Tajwal-medium",sans-serif;

    color: var(--secondary-color);
}


.order-now .phone-btn, .order-now .whatsapp-btn , .order-now .store-btn {
    width: 200px;
    font-family:"Tajwal-medium",sans-serif;
    padding: 15px 0;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
}
.order-now .whatsapp-btn {
    color: #fff;
    background: #57bb63;
}
.order-now .phone-btn {
    color: #FFF;
    background: var(--secondary-color);
}
.order-now .store-btn {
    color: #FFF;
    background: var(--brand-color);
}
.order-now .phone-btn .icon img, .order-now .whatsapp-btn .icon img{
    width: 24px;
}
.order-now .phone-btn:hover, .order-now .whatsapp-btn:hover, .order-now .store-btn:hover{
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;

}
/* Start Contact me section */