html{
   scroll-behavior: auto;
}
body{
   background: #fff;
}
.imageCarousel{
    height:90vh;
    width:100%;
    position:relative;
    background-color:#29256a;
    background-color:var(--textColorBlue);
   }
.custom-shape-divider-bottom-1609340148{
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   overflow:hidden;
   line-height:0;
   border:none;
}
.custom-shape-divider-bottom-1609340148 svg{
   position:relative;
   display:block;
   width:calc(100% + 1.3px);
   height:155px;
}
.arrow{
   font-size:20px;
}
.custom-shape-divider-bottom-1609340148 .shape-fill{
   fill:#f7f7f9;
}
.singleCard{
   border:none;
}
.readMore{
   display:none;
}
.readMore,.singleProductImage{
   transition:.5s;
}
.singleCard:hover .readMore{
   display:inline-block;
}
.shopCard:hover .singleProductImage,.singleCard:hover .singleProductImage{
   transition:.5s;
   transform:scale(1.05);
}
.tabImage{
   object-fit:contain;
   height:100px;
}
.productPage{
   min-height:500px;
   margin-top:20px;
   margin-bottom:50px;
   border-radius:50px;
}
.fontBig{
   font-size:2.5rem;
}
.fontSmall{
   font-size:1.5rem;
}
.middle{
   min-height:300px;
   overflow:hidden;
}
.pharaBold{
   font-size:35px;
}
.productName{
   font-size:18px;
}
.pro-img{
    min-height: 350px;
}
.about,.shop{
   min-height:100vh;
}
.middleImage{
   width:100%;
   object-fit:contain;
}
.bgc{
   background-color:#f7f7f9;
   /* margin-top:20px; */
}
.aboutUs{
   min-height:600px;
   width:100%;
   overflow:hidden;
}
.topPadding{
   padding-top:0;
}
.footerDiv{
   margin:0 auto;
   box-sizing:border-box;
   background-color:#29256a;
   background-color:var(--textColorBlue);
   min-height:100px;
}
.chat{
   position:fixed;
   right:5px;
   top:90vh;
   z-index:99;
   transition:.5s;
   -webkit-animation:scaleanimation 2s ease-in-out infinite;
   animation:scaleanimation 2s ease-in-out infinite;
}
@-webkit-keyframes scaleanimation{
   0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}
}
@keyframes scaleanimation{
   0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}
}
.chatImage{
   height:50px;
   object-fit:contain;
}
.contactSection{
   background-color: #fff;
}
.contact{
   min-height:30vh;
}
textarea{
   resize:none;
}
.mapFrame{
   border:none;
   object-fit:cover;
   height:300px;
   width:100%;
   border-radius:10px;
}
.formDiv{
   padding:15px 10px;
   border-radius:10px;
}
.aboutFullImage{
   object-fit:cover;
   height:700px;
}
@media only screen and (max-width:1060px){
   .tabImage{
       object-fit:contain;
       height:70px;
   }
   .tabPhara{
       font-size:13px;
   }
}
@media only screen and (max-width:768px){
   .imageCarousel{
       height:105vh;
   }
   .fontBig{
       font-size:1.5rem;
       padding:0;
       line-height:2
   }
   .fontSmall{
       font-size:1rem;
   }
   .pharaBold{
       font-size:22px;
   }
   .middlePhara{
       margin-top:20px;
       margin-right:0;
       padding:0;
   }
   .aboutUs{
       padding:0 15px;
   }
   .topPadding{
       padding-top:15px;
   }
   .tabImage{
       object-fit:contain;
       height:50px;
   }
   .tabPhara{
       font-size:9px;
   }
   .middleImage{
       width:100%;
   }
   .aboutFullImage{
       object-fit:cover;
       height:500px;
   }
   .chatImage{
       height:35px;
       object-fit:contain;
   }
}
/* costumize button */
.b1{
   width: fit-content;
   padding: .25rem;
   color: #343a40;
   border: .07rem solid #343a40;
   border-radius: 2px;
   transition: .5s;
   margin-top: .5rem;
}
.b1:hover{
   background: #343a40;
   color: #f7f7f9;
}


/* @media (min-width: 992px){
   .mb-lg-5, .my-lg-5{
      margin-bottom: 3rem !important;
}
} */