@font-face
{
font-family:sans-regular;
src: url(../fonts/IBMPlexSansArabic-Medium.ttf)
}
@font-face
{
font-family:sans-bold;
src: url(../fonts/IBMPlexSansArabic-Bold.ttf)
}
body
{
margin: 0 !important;
padding: 0 !important;
width: 100%;
background-color: #fff;
background-repeat: no-repeat;
direction: rtl;
overflow-x: hidden!important;
font-family:sans-regular;
position: relative;
}
html
{
scroll-behavior: smooth;
}
.the-after
{
position: fixed;
left: 0;
width: 100%;
top: 0;
height: 100%;
background-color: #1D1D1D;
display: none;
z-index: 999999999999999999999;
opacity: 0.7;
}
img
{
object-fit: contain !important;
object-position: center center !important;
}
ul
{
padding: 0;
margin: 0 0 0px;
list-style: none;
}
p
{
margin-bottom: 0;
}
a
{
text-decoration: none!important;
    color: #8B2B1E;
}
.header 
{
position: fixed;
width: 100%;
background-color: #fff;
z-index: 999999999;
border: 1px solid #F5F1F1;
top: 50px;
padding: 18px 0px;
transition: top 0.4s ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.header .logo 
{
display: flex;
align-items: center;
justify-content: space-between;
}
.header .logo .bars 
{
display: none;
cursor: pointer;
}
.header .logo img
{
transition: all .4s ease-in-out;
    height: 90px;
    border: 0px;
}
.header .logo img:hover 
{
transform: scale(1.1);
}
.header .mainMenu ul 
{
display: flex;
margin-top: 34px;
justify-content: center;
}
.header .mainMenu ul li 
{
margin-left: 20px;
}
.header .mainMenu ul li a 
{
font-weight: 500;
font-size: 16px;
transition: all .6s ease-in-out;
line-height: 24px;
color: #0F0F0F;
padding-bottom: 8px;
}
.header .mainMenu ul li .active 
{
color: #8B2B1E;
border-bottom: 3px solid #8B2B1E;
font-weight: 700;

}
.header .mainMenu ul li a:hover 
{
color: #8B2B1E;
border-bottom: 1px solid #8B2B1E;
}
.header .contactWhatsapp button
{
width: 70%;
display: block;
transition: all 0.4s ease-in-out;
background-color: #2CD46B;
border: none;
display: flex;
justify-content: center;
align-items: center;
outline: none;
padding: 8px;
color:#fff ;
border-radius: 8px;
margin: 0 auto;
margin-top: 25px;
}
.header .contactWhatsapp button:hover 
{
background-color: #8B2B1E;
}
.header .contactWhatsapp button i 
{
margin-left: 12px;
}
.upBar 
{
background-color: #8B2B1E;
padding: 15px 0px;
transition: opacity 0.5s ease, transform 0.5s ease;
width: 100%;
transform: translateY(0);
}
.upBar.hide {
opacity: 0;
transform: translateY(-20px);
pointer-events: none;
}
.upBar h2 
{
font-size: 14px;
color: #fff;
text-align: center;
margin: 0px;
}
.upBar h2 button 
{
float: right;
margin-right: 20px;
background-color: transparent;
color: #fff;
border: none;
outline: none;
}
.main-slider
{
margin-top: 155px;
margin-bottom: 50px;
position: relative;
}
.main-slider .mainSlider img 
{
width: 100%;
height: 550px;
object-fit: fill!important;
    border-radius: 15px;
}
.main-slider .mainSlider .owl-nav 
{
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
}
.main-slider .mainSlider .owl-prev 
{
width: 45px;
height: 45px;
border-radius: 150px;
background-color: #FFFFFF;
text-align: center;
opacity: .4;
line-height: 45px;
margin-right: 20px;
}
.main-slider .mainSlider .owl-next
{
width: 45px;
height: 45px;
border-radius: 150px;
background-color: #FFFFFF;
text-align: center;
opacity: .4;
line-height: 45px;
margin-left: 20px;
}
.offerSection 
{
    margin-top: 50px;
}
.offerSection img 
{
width: 100%;
height: 250px;
margin-top: 20px;
margin-bottom: 20px;
object-fit: fill!important;
}

.productSections 
{
margin: 30px 0px; 
}
.headBar 
{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.headBar h3 
{
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #0F0F0F;
}
 .headBar .seeMore 
{
display: flex;
align-items: center;
}
 .headBar .seeMore a 
{
color: #8B2B1E;
font-size: 16px;
font-weight: 700;
}
 .headBar .seeMore i 
{
margin-right: 20px;
color: #8B2B1E;
font-size: 18px;
}
.productCard-h 
{
display: flex;
background: #FFFFFF;
border: 1px solid #F5F1F1;
border-radius: 10px;
margin-bottom: 15px;
}
.productCard-h .pic img 
{
width: 100%;
    height: 200px;
}
.productCard-h .content 
{
padding-right: 20px;
padding-top: 20px;
padding-left: 20px;
}

.productCard-h .content .title
{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #0F0F0F;
display: block;
margin-bottom: 15px;
}
.productCard-h .content h6 
{
font-weight: 700;
font-size: 20px;
line-height: 30px;
text-align: right;
color: #8B2B1E;
margin-bottom: 10px;
}
.productCard-h .content .link
{
padding: 8px 24px;
transition: all .6s ease-in-out;
background: #fff;
border: 1px solid #F5F1F1;
border-radius: 4px;
width: 100%;
color: #8B2B1E;
font-size: 14px;
font-weight: 700;
text-align: center;
display: block;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
.productCard-h .content .link:hover 
{
background-color: #8B2B1E;
color: #fff;
font-weight: 500;
}
.productCard
{
background: #FFFFFF;
border: 1px solid #F5F1F1;
border-radius: 10px;
margin-bottom: 15px;
}
.productCard  .mainPic 
{
width: 100%;
}
.productCard .title
{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #0F0F0F;
display: block;
margin-bottom: 15px;
margin-top: 10px;
padding-right: 10px;
}
.productCard h6 
{
font-weight: 700;
font-size: 20px;
line-height: 30px;
text-align: right;
color: #8B2B1E;
margin-bottom: 10px;
padding-right: 10px;

}
.productCard .link
{
padding: 8px 24px;
transition: all .6s ease-in-out;
background: #fff;
border: 1px solid #F5F1F1;
border-radius: 4px;
width: 85%;
color: #8B2B1E;
font-size: 14px;
font-weight: 700;
text-align: center;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.productCard  .link:hover 
{
background-color: #8B2B1E;
color: #fff;
font-weight: 500;
}

.sidenav
{
    height: 100%;
    width: 0%;
    position: fixed;
    z-index:999999999999999999;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    background-color: #fff;
    transition: 0.5s;
    padding-top:40px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.sidenav .logo
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.sidenav .logo button
{
    background-color: transparent;
    color: #8B2B1E;
    outline: none;
    border: none;
    top: 7px;
    left: 16px;
    position: absolute;
    font-size: 19px;
}
.sidenav .logo img
{
    width: auto;
    display: block;
    border: 0px;
    height: 100px;
}

.sidenav .mainMenu li
{
margin-top: 12px;
}
.sidenav .mainMenu li a
{
font-weight: 500;
font-size: 14px;
transition: all .6s ease-in-out;
line-height: 24px;
color: #0F0F0F;
}

.sidenav .contactWhatsapp
{
margin-top: 30px;
}
.sidenav .contactWhatsapp button
{
width: 100%;
display: block;
transition: all 0.4s ease-in-out;
background-color: #2CD46B;
border: none;
display: flex;
justify-content: center;
align-items: center;
outline: none;
padding: 8px;
color:#fff ;
border-radius: 8px;
margin: 0 auto;
}
.sidenav .contactWhatsapp button:hover 
{
background-color: #8B2B1E;
}
.sidenav .contactWhatsapp button i 
{
margin-left: 12px;
}



.videoSection {
display: flex;
width: 100%;
height: 500px;
overflow: hidden;
position: relative;
margin-bottom: 50px;
}

.videoSection  .videoWrapper {
width: 70%;
height: 100%;
position: relative;
}

.videoSection  .videoWrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background-color: rgba(139, 43, 30, 0.18);*/
z-index: 1;
}

.videoSection .bgVideo {
width: 100%;
/*height: 100%;*/
/*object-fit: cover;*/
/*position: absolute;*/
top: 0;
left: 0;
z-index: 0; 
}

.videoSection  .content {
width: 40%;
padding: 50px;
background-color: #8B2B1E;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 2;
}

.videoSection  .content h3 {
font-size: 20px;
margin-bottom: 20px;
font-weight: 700;
}

.videoSection  .content p {
font-size: 14px;
font-weight: 500;
line-height: 1.8;
}

.videoWrapper {
    width: 70%;
    height: 100%;
    position: relative;
}

.customPlayBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: 0.3s ease;
}

.customPlayBtn:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.bgVideo {
    pointer-events: auto;
}
.whyUs 
{
margin-top: 50px;
margin-bottom: 50px;
}
.whyUs .headOf 
{
width: 60%;
display: block;
margin: 0 auto;
text-align: center;
}
.whyUs .headOf h4 
{
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #8B2B1E;
margin-bottom: 12px;
}
.whyUs .headOf p
{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 30px;
text-align: center;
color: #6D5454;
}
.whyUs .one 
{
background: #F5F1F1;
border-radius: 20px;
text-align: center;
margin-top: 30px;
padding: 20px 10px;
}
.whyUs .one img 
{
transition: all .6s ease-in-out;
}
.whyUs .one img:hover 
{
transform: rotate(360deg);
}
.whyUs .one h4 
{
font-weight: 700;
font-size: 14px;
color: #0F0F0F;
margin-top: 12px;
}
.whyUs .one p
{
font-weight: 700;
font-size: 12px;
line-height: 30px;
color: #6D5454;
margin-top: 12px;
}
.theBanner .content 
{
background-image: url("../images/banner-2.png");
background-repeat: no-repeat;
background-size:cover;
padding: 50px;
border-radius: 16px;
text-align: center;
}
.theBanner .content h4 
{
color: #fff;
font-weight: 500;
font-size: 22px;
margin-bottom: 15px;
}
.theBanner .content p 
{
width: 40%;
display: block;
margin: 0 auto;
color: #fff;
line-height: 30px;
margin-bottom: 15px;
}
.theBanner .content button
{
width: 200px;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFBC2F;
padding: 10px;
border: none;
outline: none;
font-size: 14px;
border-radius: 8px;
margin: 0 auto;
}
.theBanner .content button i 
{
font-size: 20px;
margin-left: 10px;
}

.testimonialsSection .headBar
{
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.testimonialsSection .headBar h3 
{
font-weight: 700;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #8B2B1E;
}
.testimonialsSection .one 
{
background: #FFFFFF;
border: 1px solid #F5F1F1;
border-radius: 20px;
padding: 12px;
}
.testimonialsSection .one  .rate
{
display: flex;
justify-content: space-between;
align-items: center;
}
.testimonialsSection .one  .rate .stars i
{
color: #D6D6D6;
font-size: 14px;
}
.testimonialsSection .one  .rate .stars .active
{
color: #FFC62A;
}

.testimonialsSection .one  .rate .quote
{
font-size: 40px;
color: #D6D6D6;
}
.testimonialsSection .one p 
{
color: #6D5454;
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: #6D5454;
margin-top: 20px;
}
.testimonialsSection .one .user 
{
    display: flex;
    margin-top: 12px;
    align-items: center;
}
.testimonialsSection .one .user img
{
    width: 50px;
    height: 50px;
    margin-left: 12px;
}
.testimonialsSection .one .user .name h4 
{
    font-size: 14px;
    font-weight: 700;
    color: #0F0F0F;
}
.testimonialsSection .one .user .name h6 
{
    margin: 0px;
    font-size: 12px;
    color: #6D5454;
}
.blogSection 
{
    margin-top: 30px;
    margin-bottom: 30px;
}
.blogSection .headBar
{
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.blogSection .headBar h3 
{
font-weight: 700;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #8B2B1E;
}
.blogSection .one img 
{
    width: 100%;
    border-radius: 16px;
    margin-bottom: 10px;
    height: 250px;
    object-fit: cover!important;
}
.blogSection .one
{
    margin-bottom: 30px;
}
.blogSection .one a
{
font-weight: 500;
font-size: 16px;
line-height: 24px;
display: block;
margin: 0 auto;
color: #0F0F0F;
text-align: center;
}
.blogSection .one p 
{
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #666666;
}
.blogSection .one a.more {
    display: contents;
    color: #680707;
}
.footer 
{
background: #F8F8F8;
margin-top: 30px;
padding: 70px 0px;
}
.footer  .footerContent h5 
{
font-weight: 700;
font-size: 16px;
margin-bottom: 12px;
line-height: 25px;
color: #8B2B1E;
}
.footer  .footerContent p
{
font-weight: 400;
font-size: 14px;
margin-bottom: 12px;
line-height: 25px;
color: #666666;
}
.footer  .footerContent ul li 
{
    margin-bottom: 12px;
}
.footer  .footerContent ul li a 
{
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666666;
    font-weight: 700;
    transition: all.6s ease-in-out;
}
.footer  .footerContent ul li a:hover  
{
    color: #8B2B1E;
}
.footer  .footerContent ul li a i
{
    color: #666666;
    font-size: 15px;
    margin-left: 12px;
}
.footer  .footerContent ul li.foot a:before
{
    color: #666666;
    font-size: 12px;
    margin-left: 12px;
    content: "\f100";
    font-family: FontAwesome;
}
.footer  .footerContent .socialMedia
{
margin-top: 30px;
    display: flex;
    margin-bottom: 20px;
}
.footer  .footerContent .socialMedia li 
{
    margin-left: 12px;
}
.footer  .footerContent .socialMedia li a i 
{
    font-size: 20px;
    transition: all .6s ease-in-out;
}
.footer  .footerContent .socialMedia li a i:hover 
{
    color: #8B2B1E;
}
.footer  .footerContent .pics 
{
    display: flex;
}
.footer  .footerContent .pics img 
{
    /*width: 100%;*/
    margin-right: 20px;
}
.copyRight 
{
    background-color: #8B2B1E;
    padding: 18px 0px;
    float: right;
    width: 100%;
}
.copyRight h5 
{
    text-align: center;
    margin: 0px;
    color: #fff;
    font-size: 14px;
}
.fixedIcons 
{
    position: fixed;
    left: 50px;
    bottom: 50px;
    z-index: 999999999;
}
.fixedIcons ul .whatsapp
{
width: 50px;
height: 50px;
border-radius: 150px;
text-align: center;
line-height: 50px;
font-size: 22px;
background: #2CD46B;
box-shadow: 0px 0px 0px 4px rgba(38, 158, 42, 0.1);
}
.fixedIcons ul .whatsapp a i 
{
    color: #fff;
}

.fixedIcons ul .call
{
width: 50px;
height: 50px;
border-radius: 150px;
text-align: center;
line-height: 54px;
font-size: 18px;
background: #8B2B1E;
margin-top: 14px;
box-shadow: 0px 0px 0px 4px rgba(85, 25, 25, 0.1);
}
.fixedIcons ul .call a i 
{
    color: #fff;
}
.roadPage 
{
    margin-top: 100px;
    background-image: url("../images/road.png");
    background-size: fill;
    width: 100%;
    padding: 80px 0px;
    text-align: center;
}
.roadPage .content ul li 
{
    font-size: 12px;
    margin-left: 10px;
display: inline-block;
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #6D5454;
}
.roadPage .content ul li a{
    color: #6D5454;
}
.roadPage .content h3 
{
font-weight: 700;
margin-top: 10px;
font-size: 24px;
line-height: 36px;
color: #0F0F0F;
}
.productDetails 
{
    margin-top: 50px;
    margin-bottom: 50px;
}
.productDetails .pic img 
{
    width: 100%;
    height: 380px;
    display: block;
    margin: 0 auto;
}
.productDetails .content h6
{
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #6D5454;
}
.productDetails .content h2
{
font-weight: 700;
font-size: 22px;
line-height: 36px;
color: #1E1E1E;
margin-bottom: 12px;
}
.productDetails .content .price 
{
    display: flex;
    align-items: center;
}
.productDetails .content .price li 
{
    color: #8B2B1E;
    font-weight: 700;
    margin-left: 20px;
}
.productDetails .content .price .after 
{
    text-decoration: line-through;
    color: #A1A1A1;
}
.productDetails .content .price .vat 
{
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 500;
}
.productDetails .content p 
{
    color: #6D5454;
    font-size: 14px;
    line-height: 30px;
    margin-top: 20px;
}
.productDetails .content p a{
    color: #6D5454;
}
.productDetails .content .options 
{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.productDetails .content .options .one 
{
background: #FFFFFF;
border: 1px solid #F5F1F1;
border-radius: 10px;
width: 100%;
margin-left: 20px;
padding: 15px;
}
.productDetails .content .options .one h5 
{
    color: #6D5454;
    display: flex;
    margin: 0px;
    justify-content: space-between;
    font-weight: 500;
    font-size: 12px;
}
.productDetails .content .options .one h5 span 
{
    color: #0F0F0F;
    font-weight: 700;
}
.productDetails .content .tags ul
{
    display: inline-block;
    align-items: center;
    margin-top: 20px;
}
.productDetails .content .tags h4
{
    font-weight: 700;
    display: inline-block;
    font-size: 14px;
    margin: 0px;
    margin-left: 12px;
}
.productDetails .content .tags ul li
{
    display: inline-block;
padding: 8px 27px;
margin-left: 12px;

background: rgba(139, 43, 30, 0.05);
border-radius: 24px;
}
.productDetails .content .tags ul li a{
    color: #8B2B1E;
    font-size: 12px;
}
.productDetails .content .buyNow 
{
    margin-top: 50px;
    display: flex;
    align-items: center;
}
.productDetails .content .buyNow a{
    width: 100%;
}
.productDetails .content .buyNow .buy 
{
    width: 100%;
padding: 12px 24px;
gap: 10px;
background: #8B2B1E;
border-radius: 10px;
font-size: 14px;
border: none;
outline: none;
color: #fff;
}
.productDetails .content .buyNow .share 
{
padding: 8px;
background: #FFFFFF;
border: 1px solid #F6F6F6;
border-radius: 10px;
width: 70px;
transition: all .6s ease-in-out;
margin-right: 20px;
}
.productDetails .content .buyNow .share:hover 
{
    background-color: #8B2B1E;
}
.productDetails .content .buyNow .share:hover i 
{
    color: #fff;
}
.productDetails .content .buyNow .share i 
{
    font-size: 16px;
    color: #6D5454;
}
.productDetails .productContent
{
background: #FFFFFF;
border: 1px solid #F5F1F1;
border-radius: 10px 0px 10px 10px;
margin-top: 50px;
padding: 20px;
}
.productDetails .productContent .description h5 
{
    color: #8B2B1E;
    font-size: 16px;
    font-weight: 700;
}
.productDetails .productContent .description p 
{
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #1E1E1E;
margin-bottom: 20px;
}
.productDetails .productContent ul 
{
    margin-top: 20px;
}
.productDetails .productContent ul li 
{
 display: flex;
 align-items: center;
 justify-content:space-between;   
 font-size: 14px;
 padding: 14px;
 border-radius: 8px;
}
.productDetails .productContent ul li:nth-child(odd) {
    background-color: #D9D9D9;
  }
  .bottomBar 
  {
    position: fixed;
    bottom: 0px;
    width: 100%;
    right: 0px;
    background-color:#8B2B1E;
    display: none;
      z-index: 99999999999;
  }
  .bottomBar .actions 
  {
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-around;
  }
  .bottomBar .actions button
  {
    background-color: transparent;
    outline: none;
    border: none;
    color: #fff ;
  }
  .pagination
  {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .pagination .page-link 
  {
    font-size: 12px;
    border-radius: 0px;
    color: #666666;
  }
  .importsOrder 
  {
    margin-top: 20px;
  }
  .importsOrder .headBar
  {
    justify-content: center;
    text-align: center;
  }
  .importsOrder .one 
  {
    text-align: center;
    margin: 30px 0px;
  }
  .importsOrder .one h1 
  {
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 75px;
text-align: center;
color: #F5F1F1;
  }
  .importsOrder .one h4 
  {
font-weight: 500;
font-size: 18px;
line-height: 30px;
text-align: center;
color: #0F0F0F;
  }
  .importsOrder .one p
  {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #6D5454;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; 
        line-clamp: 2; 
-webkit-box-orient: vertical;
  }
  .watchPics
  {
    margin-bottom: 30px;
  }
  .watchPics .headBar
  {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .watchPics .one video 
  {
    border-radius: 10px;
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
  }

  
.gallery
{
display: flex;
flex-wrap: wrap;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.gallery-item
{
border-radius: 7px;
flex-basis: 300px;
margin:0 auto;
margin-bottom: 20px;
position: relative;
cursor: pointer;
overflow: hidden;
}
.gallery-item.item-2x3 {
flex-basis: calc(175px * 0.666);
}
.gallery-item.item-3x4 {
flex-basis: calc(175px * 0.75);
}
.gallery-item.item-1x1 {
flex-basis: 175px;
}
.gallery-item.item-4x3 {
flex-basis: calc(175px * 1.333);
}
.gallery-item.item-3x2 {
flex-basis: calc(175px * 1.5);
}
.gallery-item.item-8x5 {
flex-basis: calc(175px * 1.6);
}
.gallery-item.item-2x1 {
flex-basis: calc(175px * 2);
}
.gallery-item::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
background-color: rgba(0, 0, 0, 0.4);
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 13.75C4.5 8.64137 8.64137 4.5 13.75 4.5C18.8586 4.5 23 8.64137 23 13.75C23 18.8586 18.8586 23 13.75 23C8.64137 23 4.5 18.8586 4.5 13.75ZM13.75 0C6.15609 0 0 6.15609 0 13.75C0 21.3439 6.15609 27.5 13.75 27.5C16.3774 27.5 18.8327 26.7631 20.9205 25.4846L30.4906 35.0547C31.7509 36.3151 33.7944 36.3151 35.0547 35.0547C36.3151 33.7944 36.3151 31.7509 35.0547 30.4906L25.4846 20.9205C26.7631 18.8327 27.5 16.3774 27.5 13.75C27.5 6.15609 21.3439 0 13.75 0Z' fill='white'/%3E%3C/svg%3E");
background-position: center;
background-size: 1.85rem;
background-repeat: no-repeat;
transition: opacity 250ms;
z-index: 10;
}
.gallery-item .caption {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 0;
padding: 1em 0;
line-height: 1em;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
transform: translateY(4em);
transition: transform 250ms;
z-index: 20;
}
.gallery-item .caption span {
display: inline-block;
max-width: calc(100% - 2em);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.gallery-item:hover .thumb {
transform: scale(1.05);
}
@media (hover: hover) {
.gallery-item:hover::after {
opacity: 1;
}
.gallery-item:hover .caption {
transform: translateY(0);
}
}
.gallery-item .thumb {
display: inline-block;
width: 100%;
height: 220px;
object-fit: cover!important;
min-height: unset;
text-align: center;
background-color: #333;
transition: filter 500ms, transform 500ms;
}
.ie-fix .gallery-item .thumb {
width: auto;
}
.gallery-item .placeholder {
filter: blur(20px);
}

.lightbox-wrapper {
display: none;
background-color: #2e2e35;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999999999999999;
}

.lightbox {
display: flex;
flex-direction: column;
height: 100%;
color: white;
}
.lightbox .lightbox-header {
flex-shrink: 0;
display: flex;
justify-content: space-between;
align-items: center;
background-color: rgba(0, 0, 0, 0.3);
padding: 1em;
font-weight: 600;
text-align: center;
}
.lightbox .lightbox-header > * {
opacity: .75;
}
.lightbox .lightbox-close {
position: relative;
height: 1.85rem;
width: 1.85rem;
display: flex;
align-items: center;
justify-content: center;
background: none;
padding: 0;
border: none;
}
.lightbox .lightbox-close::before, .lightbox .lightbox-close::after {
position: absolute;
content: "";
height: 4px;
width: 80%;
background-color: #fff;
}
.lightbox .lightbox-close::before {
transform: rotate(-45deg);
}
.lightbox .lightbox-close::after {
transform: rotate(45deg);
}
.lightbox .lightbox-close:hover {
opacity: 1;
}
.lightbox .lightbox-slides-wrapper {
flex-grow: 1;
display: flex;
overflow: hidden;
position: relative;
}
.lightbox .lightbox-arrow {
position: absolute;
top: 50%;
width: 4rem;
height: 4rem;
padding: .5rem;
background-repeat: no-repeat;
background-position: center;
background-size: 1.5em;
opacity: .75;
cursor: pointer;
filter: drop-shadow(0 0 7px #000);
}
.lightbox .lightbox-arrow:hover {
opacity: 1;
}
.lightbox .lightbox-arrow.arrow-left {
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='53' viewBox='0 0 32 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 26.5L27.3171 0L32 4.54286L9.36585 26.5L32 48.4571L27.3171 53L0 26.5Z' fill='white'/%3E%3C/svg%3E");
}
.lightbox .lightbox-arrow.arrow-right {
right: 0;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='53' viewBox='0 0 32 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 26.5L4.68293 53L0 48.4571L22.6341 26.5L3.83911e-06 4.54286L4.68293 0L32 26.5Z' fill='white'/%3E%3C/svg%3E");
}
.lightbox .lightbox-slide {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
transition: all 0ms ease;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.lightbox .lightbox-slide[data-state="prev"] {
transform: translateX(-100%);
opacity: 0;
}
.lightbox .lightbox-slide[data-state="next"] {
transform: translateX(100%);
opacity: 0;
}
.lightbox .lightbox-image
{
display: none;
max-width: 100%;
max-height: 100%;
}
.blogDetails 
{
    padding: 20px 0px;
}
.blogDetails .about 
{
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 20px;
    padding-top: 20px;
}
.blogDetails .info 
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blogDetails .info .about ul 
{
    display: flex;
}
.blogDetails .info .about ul li 
{
    margin-left: 20px;
    color: #374151;
    font-size: 14px;
}
.blogDetails .info .about ul li i 
{
    color: #374151;
    margin-left: 8px;
}
.blogDetails .info .social ul 
{
    display: flex;
}
.blogDetails .info .social ul li 
{
    margin-left: 20px;
    color: #374151;
    font-size: 14px;
}
.blogDetails .info .social ul li i 
{
    color: #374151;
    margin-left: 8px;
}
.blogDetails .content h4 
{
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 35px;
color: #1E1E1E;
}
.blogDetails .content p 
{
font-weight: 500;
font-size: 16px;
line-height: 30px;
color: #1E1E1E;
margin-bottom: 30px;
margin-top: 20px;
}
.blogDetails .pic img 
{
    width: 100%;
    object-fit: cover;
}
.blogDetails .banner img 
{
    width: 100%;
    object-fit: cover;
    margin: 30px 0px;
}
.blogDetails .mainTitle 
{
background: #F5F1F1;
border-radius: 10px;
padding: 15px;
border-right: 4px solid #8B2B1E;
}
.blogDetails .mainTitle p
{
    font-size: 16px;
    line-height: 35px;
    color: #1E1E1E;
}
.contactUs .info 
{
    margin-top: 30px;
}
.contactUs .info h4 
{
font-weight: 700;
font-size: 20px;
line-height: 36px;
color: #0F0F0F;
margin-bottom: 10px;
}
.contactUs .info p 
{
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #6D5454;
}
.contactUs .info .one 
{
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.contactUs .info .one i 
{
    margin-left: 20px;
    color: #8B2B1E;
    font-size: 14px;
}
.contactUs .info .one .data h5 
{
font-weight: 400;
font-size: 16px;
line-height: 25px;
color: #8B2B1E;
margin-bottom: 0px;
}
.contactUs .info .one .data p 
{
    color: #666666;
    font-weight: 400;
font-size: 16px;
line-height: 25px;
}
.contactUs .info .one .data p a{
    color: #666666;
}
.contactUs .contactForm 
{
    margin-top: 30px;
}
.contactUs .contactForm h2 
{
font-weight: 700;
font-size: 20px;
line-height: 36px;
color: #0F0F0F;
}
.contactUs .contactForm p
{
font-size: 16px;
line-height: 24px;
color: #6D5454;
margin-bottom: 20px;
}
.contactUs .contactForm .form label
{
    display: block;
    width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #1E1E1E;
margin-top: 5px;

}
.contactUs .contactForm .form input
{
background: #FFFFFF;
border: 1px solid #F5F1F1;
border-radius: 10px;
width: 100%;
font-size: 12px;
padding: 14px;
margin-top: 5px;
margin-bottom: 10px;
}
.contactUs .contactForm .form textarea
{
background: #FFFFFF;
height: 100px;
resize: none;
border: 1px solid #F5F1F1;
border-radius: 10px;
width: 100%;
font-size: 12px;
padding: 14px;
margin-top: 5px;
margin-bottom: 10px;
}
.contactUs .contactForm .form input.wpcf7-form-control.wpcf7-submit.has-spinner
{
padding: 8px 24px;
width: 177px;
height: 40px;
background: #8B2B1E;
border-radius: 10px;
color: #fff;
border: none;
outline: none;
margin-top: 10px;
}
.returnPolicySection 
{
    margin-top: 30px;
}
.returnPolicySection h3 
{
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
color: #0F0F0F;
margin-bottom: 20px;
}
.returnPolicySection h5 
{
    color: #6D5454;
font-weight: 500;
font-size: 18px;
line-height: 24px;
margin-bottom: 15px;
}
.returnPolicySection ul 
{
    margin-bottom: 30px;
    list-style: circle;
}
.returnPolicySection ul li 
{
    color: #6D5454;
    display: block;
    font-size: 14px;
    margin-top: 10px;
}
.returnPolicySection .content h1 
{
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
color: #0F0F0F;
}
.price{
    display: flex;
}
h6.old-price {
    text-decoration: line-through;
    color: #9e9e9e !important;
    margin-right: 10px;
    font-size: 13px !important;
}

.pic.images-data .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex
;
    justify-content: space-between;
}
.pic.images-data .owl-prev {
    width: 45px;
    height: 45px;
    border-radius: 150px;
    background-color: #dfdede;
    text-align: center;
    opacity: .4;
    line-height: 45px;
    margin-right: 20px;
}
.pic.images-data .owl-next {
    width: 45px;
    height: 45px;
    border-radius: 150px;
    background-color: #dfdede;
    text-align: center;
    opacity: .4;
    line-height: 45px;
    margin-left: 20px;
}
section.theBanner a.button{
    color:#8B2B1E;
}