body{
  margin: 0;
  padding: 0;
}
@font-face{
  src:url(../fonts/Tajawal-Medium.ttf);
  font-family:Tajawal-Medium;
}
@font-face{
  src:url(../fonts/Tajawal-Bold.ttf);
  font-family:Tajawal-Bold;
}
@font-face{
  src:url(../fonts/Tajawal-Regular.ttf);
  font-family:Tajawal-Regular;
}
@font-face{
  src:url(../fonts/Tajawal-Light.ttf);
  font-family:Tajawal-Light;
}


.container-wrapper{
  max-width: 1920px;
  margin: 0 auto;
  height: auto;
  padding: 0;
  overflow: hidden;
  width:100%;
  height:auto;
  background-color:#fff;
  overflow-x:hidden;
}
.container-1920{
  max-width: 1920px;
  width: 100%;
  height: auto;
  display: inline-block;
  padding: 0 5%;
}

/*********************header********************************/
.header-pages{
 display: inline-block;
 width: 100%;
 height: auto;
}
.top-header{
 display: inline-block;
 width: 100%;
 height: auto;
 background-color: #545152;
     padding: 5px 0px;
     line-height: 0px;
}
.top-header-icon{
 display: inline-block;
 height: auto;
 float: right;
}
.top-header-icon ul{
 display: inline-block;
 width: 100%;
 height: auto;
 padding: 0;
 margin:0;
 margin-top: 6px;
}
.top-header-icon ul li{
   display: inline-block;
   margin:0px 10px; 
}
.top-header-icon ul li i{
  color: #fff;
  font-size: 15px ;
  transition: .5s; 
}
.top-header-icon ul li i:hover{
  color: #b59357;  
}
.top-header-container1{
    display: inline-block;
    float: right;
    width: 63%;
    text-align: end;
}
.top-header-container1-info{
 display: inline-block;
 margin: 0px 10px;
}
.currency-info{
 display: inline-block;

}
.currency-info h5{
 color: #fff;
 font-family:Tajawal-Regular;
}
.top-header-container1-info{

}
.language-switcher{
 color: #fff;
 font-family:Tajawal-Regular;
}
.top-header-container2{
    display: inline-block;
    float: left;
}
.top-header-container2-info{

}
.top-header-login{
display: inline-block;
}
.top-header-login h5{
    color: #fff;
    font-family: Tajawal-Regular;
    margin: 3px;
}
.top-header-login i{
    font-size: 18px;
    margin-inline-end:10px;
	float:right;
}
[dir="ltr"] .top-header-login i{
 margin-inline-start:10px;	
}
.top-header-login a:hover{
    
}
.search-header{
display: inline-block;
    margin-inline-start: 10px;

}
.search-header a i{
 color: #fff;
 font-size: 15px;
}
.top-header a{
    color: #fff;
     font-family:Tajawal-Regular;
     text-decoration: none;
}
.top-header-container1 > div ,
.top-header-login{
    padding-left: 0;
    padding-right: 10px;
    border-left: none;
    border-right: 1px solid #fff;
	line-height: 28px;	

}
[dir="rtl"] .top-header-container1 > div ,
[dir="rtl"] .top-header-login{
    padding-right: 0;
    padding-left: 10px;
    border-right: none;
    border-left: 1px solid #fff;
}
.top-header-container1 > div:last-child{

    border-left:0px ;
}
.main-header{
 display: inline-block;
 width: 100%;
 height: auto;
}
.header-logo{
 display: inline-block;
 width: 100%;
 height: auto;
}
.header-logo img{
 width: 100%;
 height: auto;
max-width: 90%;
margin-bottom: 2px;
}
.main-menu{
 display: inline-block;
 width: 100%;
 height: auto;
}
.main-menu ul{
 display: inline-block;
 width: 100%;
 height: auto;
 padding: 0px;
 margin: 0px;
 text-align: center !important;
 margin-top: 30px;
}
.main-menu ul li{
  display: inline-block;  
  margin: 0 15px;
}
.main-menu ul li a{
    color: #3e3e3e;
     font-family:Tajawal-Regular;
     font-size: 20px;
	 font-weight:unset;
}
.main-menu ul li a:hover{
    
}
.header-cart{
 display: inline-block;
 width: 100%;
 height: auto;
 margin-top: 30px;
 text-align: center;
}
.header-cart a{
    font-family: Tajawal-Regular;
    font-size: 20px;
    color: #fff;
    background-color: #b59357;
    border-radius: 10px;
    padding: 8px 25px;
    text-decoration: none;
    padding-right: 50px;
    background-image: url(../images/cartlogo.png);
    background-position: 92%;
    background-repeat: no-repeat;
    background-size: 19%;
        -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
}
/*********************************************************/
.slider{
  display: inline-block;
 width: 100%;
 height: auto;
}
.slider-container ,
#block-views-block-slider-block-1-2{
    display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/sliderbgen.png);
    background-repeat: no-repeat;
    background-size: 60% 100%;
    background-position: left;
    padding: 5px 0px;
	margin:10px 0px;
}
[dir="rtl"] .slider-container ,
[dir="rtl"] #block-views-block-slider-block-1-2{
    display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/sliderbg.png);
    background-repeat: no-repeat;
    background-size: 60% 100%;
    background-position: right;
    padding: 5px 0px;
	margin:10px 0px;
}
.slider-data{
 display: inline-block;
 width: 100%;
 height: auto;
 margin-top: 30px;
}
.slider-data-title{
 display: inline-block;
 width: 100%;
 height: auto;
}
.slider-data-title h2{
 font-size: 45px;
  font-family:Tajawal-Light;
  color: #fff;
}
.slider-data-text{
 display: inline-block;
 width: 100%;
 height: auto;
}
.slider-data-text h3{
    font-size: 70px;
    font-family: Tajawal-Bold;
    color: #fff;
    text-align: center;
    margin-top: 0px;
}
.slider-data-body{
 display: inline-block;
 width: 100%;
 height: auto;
}
.slider-data-body h3{
    font-size: 25px;
 font-family:Tajawal-Medium;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.slider-data-link{
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 20px;
    text-align: center;
}
.slider-data-link a{
font-family: Tajawal-Regular;
    font-size: 20px;
    color: #b49257;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px 25px;
    text-decoration: none;

}
.slider-data-link a:hover{

}
.slider-image{
 display: inline-block;
 width: 100%;
 height: auto;
}
.slider-image img{
    width: 100%;
    height: auto;
}
/*************************************/
.about-us{
 display: inline-block;
 width: 100%;
 height: auto;
 margin-top: 30px;
     background-image: url(../images/sectionbg11.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.about-us-container{
 display: inline-block;
 width: 100%;
 height: auto;
}
.about-us-image{
 display: inline-block;
 width: 100%;
 height: auto;
 border-radius: 130px 40px 40px 40px;
 position: relative;
 overflow:hidden;
     height: 360px;
}
[dir="rtl"] .about-us-image{
 display: inline-block;
 width: 100%;
 height: auto;
 border-radius: 40px 130px 40px 40px;
 position: relative;
 overflow:hidden;
     height: 360px;	
}
.about-us-image .video-embed-field-launch-modal{
    display: inline-block;
    width: 100%;
    height: 100%;	
}
.about-us-image img{
 width: 100%;
 height: 100%;
 object-fit:cover;
}
.about-us-body{
display: inline-block;
    width: 75%;
    height: auto;
    margin-top: 10px;
    font-family: Tajawal-Regular;
    font-size: 19px;
}
.first-section-about-us .about-us-body{
 display: inline-block;
    width: 68%;
    height: auto;
    margin-top: 10px;
    font-size: 40px;
    color: #b49257;
    font-family: Tajawal-Bold;	
}
.first-section-about-us .about-us-body p{
    font-family: Tajawal-Bold;	
}
.about-us-link{
 display: inline-block;
 width: 100%;
 height: auto;
margin-top: 10px;
}
.about-us-link a{
font-family: Tajawal-Regular;
    font-size: 20px;
    color: #b49257;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px 25px;
    text-decoration: none;
    border:1px solid #b49257;
}
.about-us-link a:hover{

}
.section-title{
 display: inline-block;
 width: 100%;
 height: auto;

}
.section-title h2{
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,1) 85%, rgba(244,244,244,1) 80%);
    font-size: 40px;
    color: #b49257;
    font-family: Tajawal-Bold;
    padding: 10px 0px;
    padding-inline-start: 10px;
    border-radius: 10px;
    border-left: 6px solid #b49257;
}
[dir="rtl"] .section-title h2{
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 85%, rgba(244,244,244,1) 80%);
    font-size: 40px;
    color: #b49257;
    font-family: Tajawal-Bold;
    padding: 10px 0px;
    padding-inline-start: 10px;
    border-radius: 10px;
	 border-left: none;
    border-right: 6px solid #b49257;	
}
.play-icon{
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: ;
    transform: translate(-50%,-50%);
	    pointer-events: none;
    cursor: pointer;
}
/************************************************/
.taxonomy-section{
display: inline-block;
 width: 100%;
 height: auto;
 margin-top: 100px;
 margin-bottom: 30px;
}
.taxonomy-section-container{
display: inline-block;
 width: 100%;
 height: auto;
}
.taxon-card{
display: inline-block;
    width: 100%;
    height: auto;
    padding: 0px 20px;
    background-color: #f7f5f6;
    transition: .5s;
    width: 90%;
    margin: 10px 5%;
    border-radius: 10px;
	 margin-top: 120px;
}
.taxon-card-image{
 display: inline-block;
 width: 100%;
 text-align: center;
 margin-top: -100px;
}
.taxon-card-image-container{
    width: 244px;
    height: 210px;
    display: inline-block;
}
.taxon-card-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.taxon-card-title{
 display: inline-block;
 width: 100%;
 text-align: center;
}
.taxon-card-title h2{
font-family: Tajawal-Regular;
    font-size: 26px;
    margin-top: 0;
}
.taxon-card-link{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0px;

    transition: .5s;
}
.taxon-card-link a{
 font-family: Tajawal-Regular;
    font-size: 18px;
    color: #fff;
    background-color: #b49257;
    border-radius: 10px;
    padding: 5px 25px;
    text-decoration: none;
    border:1px solid #b49257;
	   
}
.taxon-card:hover{
    transform: scale(1.1);
    height: auto;
    transition: .5s;
}
/*************************************/
.productsection{
    display: inline-block;
    width: 100%;
    margin: 20px 0px;
}
.producsection-container{
    display: inline-block;
    width: 100%;
    height: auto;
}
.producsection-data{
    display: inline-block;
    width: 100%;
    height: auto;
}
.products-card-custom1{
display: inline-block;
    width: 90%;
    height: auto;
    /* overflow: hidden; */
    margin: 20px 5%;
    position: relative;
    margin-top: 50px;
}
.products-card-custom1-image-title{
        display: inline-block;
    width: 100%;
    height: auto;
       border: 1px solid #b49257;
           border-bottom: 0px;
}
.products-card-custom1-img{
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
	padding:0px 10px;
    padding-top: 35px;
	height:200px;
}
.products-card-custom1-img img{
display: inline-block !important;
    width: auto;
    height: auto;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.products-card-custom1-title{
    display: inline-block;
    width: 100%;
    height: auto;
}
.products-card-custom1-title h2{
    font-family: Tajawal-Bold;
    font-size: 20px;
    text-align: center;
    height: 54px;
    overflow: hidden;
    margin: 10px 0;
    padding: 0px 10px;
}
.products-card-custom1-footer{
    display: inline-block;
    width: 100%;
    height: auto;
    border: 1px solid #b49257;
    border-top: 0;
    border-radius: 0px 0px 40px 40px;
	overflow:hidden;
}
.products-card-custom1-price{
    display: inline-block;
    width: 50%;
    float: right;
    font-family: Tajawal-Regular;
    font-size: 17px;
    text-align: center;
      line-height: 31px;
}
.products-card-custom1-cart{
    display: inline-block;
    width: 50%;
    float: left;
    text-align: center;
    border-top: 1px solid #b49257;
    border-right: 1px solid #b49257;
    line-height: 39px;
    position: relative;
    height: 46px;
}
.products-card-custom1-cart a{
font-family:Tajawal-Regular;
font-size: 18px;
color: #b49257;
}
.products-card-custom1-cart a:hover{

}
.products-card-custom1 .flag-wishlist{
    position: absolute;
    top: -31px;
    right: -17px;
}
.products-card-custom1 .flag-wishlist .flag-title{
	display:none;
}
.products-card-custom1 .flag-wishlist.action-unflag .flag-link{
  font-size:0px;
width:40px;
height:40px;
background-image:url(../images/flagged.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.products-card-custom1 .flag-wishlist.action-flag .flag-link{
	  font-size:0px;
width:40px;
height:40px;
background-image:url(../images/notflagged.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.products-card-custom1-cart .field--name-quantity{
	display:none;
}
.products-card-custom1-cart .form-actions{
margin: 0;	
}
.products-card-custom1-cart .button--add-to-cart{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    /* line-height: 45px; */
    background: unset;
    color: #ccc;
    box-shadow: unset;	
	font-family:Tajawal-Regular;
font-size: 18px;
color: #b49257;
border-radius:0;
}
.products-card-custom1-cart .button--add-to-cart:hover{
	background-color:#b49257;
	color:#fff;
}


/***************************************/
.banner{
    display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/bannerbg.png);
    background-repeat: no-repeat;
    position: relative;
    padding: 30px;
}
.banner-container{
    display: inline-block;
    width: 100%;
    height: auto;
}
.banner-container-data{
    display: inline-block;
    width: 50%;
    height: auto;
    float: right;
}
.banner-container-data-txt{

}
.banner-container-data-txt h2{
    font-family: Tajawal-Bold;
font-size: 60px;
    color: #fff;
}
.banner-container-data-link{
    display: inline-block;
    width: 100%;
    margin: 20px 0px 0px 0px;
}
.banner-container-data-link a{
    font-family: Tajawal-Regular;
    font-size: 20px;
    color: #b49257;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px 25px;
    text-decoration: none;
}
.banner-container-data-image{
    display: inline-block;
    width: 50%;
    height: auto;
    float: left;
    position: relative;
}
.banner-container-data-image img{
    width: 100%;
    height: auto;
    position: absolute;
    top: -73px;
    left: 0;
    width: 375px;
}
.banner-container-data-txt h3{
    font-family: Tajawal-Bold;
    color: #fff;
}
.sokok-ta3ahod{
    background: #f7f7f7;
    padding: 10px;
    margin: 0 0 10px 10px;
    border-radius: 10px;	
}
.sokok-ta3ahod .field--name-field-publisher-name{
	
}
.sokok-ta3ahod .field--name-field-publisher-name label{
    float: right;
    margin: 14px 0 0 0;	
}
[dir="ltr"] .sokok-ta3ahod .field--name-field-publisher-name label{
	float:left;
}
.sokok-ta3ahod .field--name-field-publisher-name input{
	background: #fff;
}
.sokok-ta3ahod .field--name-field-publish-to-name{
	
}
.sokok-ta3ahod .field--name-field-publish-to-name label{

}
.sokok-ta3ahod .field--name-field-publish-to-name input{
   	background: #fff;		
}
.sokok-ta3ahod .field--name-field-publish-to-name .description{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin: 5px 0 0 0;	
}
#block-currencyblock .form-item,#block-currencyblock  .form-actions{
margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;	
}
/************ banner sokok ***************************/
#block-views-block-home-banner-block-2{
    display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/bannerbg.png);
    background-repeat: no-repeat;
    position: relative;
    padding: 30px;
	border-radius: 10px;
	    margin-top: 30px;
}

/**************************************/
.part-quaran{
    display: inline-block;
    width: 100%;
    height: auto;
}
.part-quaran-container{
     display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/sectionbg1.png);
    background-repeat: no-repeat;
    background-size: 100%;
        padding: 30px 0px;
}
.part-quaran-data{
    display: inline-block;
    width: 100%;
    height: auto;
}
.products-card-custom2{
    width: 100%;
    height: auto;
    border: 1px solid #b49257;
    border-radius: 20px 0px 0px 20px;
    padding-right: 20px;
    background-color: #fff;
    margin: 20px 0px;
	position:relative;
}
.products-card-custom2-image{
    width: 40%;
    height: auto;
    float: right;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
    height: 110px;
}
.products-card-custom2-image img{
width: 100%;
    height: 100%;
	object-fit:contain;
}
.products-card-custom2-data{
display: flex;
    width: 45%;
    height: auto;
    float: right;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    height: 110px;
}
.products-card-custom2-data-title{
 display: inline-block;
 width: 100%;
 height: auto;
}
.products-card-custom2-data-title h2{
font-family:Tajawal-Regular;
font-size: 18px;
text-align: center;
margin: 0;
    padding-inline-end: 7px;
}
.products-card-custom2-data-price{
  display: inline-block;
 width: 100%;
 height: auto;
}
.products-card-custom2-data-price h2{
    font-family: Tajawal-Regular;
    font-size: 17px;
    margin: 0;
    color: #b49257;
    margin-top: 11px;
}
.products-card-custom2-data-cart{
    width: 15%;
    float: left;
    padding-inline-start:2px;
    border-right: 1px solid #b49257;
}
.products-card-custom2-data-cart a{
    font-family: Tajawal-Regular;
    font-size: 16px;
    color: #b49257;
    padding-inline-start: 6px;
}
.products-card-custom2-data-cart a:hover{

}



.products-card-custom2 .flag-wishlist{
    position: absolute;
    top: -31px;
    right: -17px;
}
.products-card-custom2 .flag-wishlist .flag-title{
	display:none;
}
.products-card-custom2 .flag-wishlist.action-unflag .flag-link{
  font-size:0px;
width:40px;
height:40px;
background-image:url(../images/flagged.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.products-card-custom2 .flag-wishlist.action-flag .flag-link{
	  font-size:0px;
width:40px;
height:40px;
background-image:url(../images/notflagged.png);
    background-repeat: no-repeat;
    background-size: 100%;
}


.products-card-custom2 .field--name-quantity{
	display:none;
}
.products-card-custom2 .form-actions{
margin: 0;	
}
.products-card-custom2 .button--add-to-cart{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: unset;
    color: #ccc;
    box-shadow: unset;
    font-family: Tajawal-Regular;
    font-size: 12px;
    color: #b49257;
    border-radius: 0;
}
.products-card-custom2 .button--add-to-cart:hover{
	background-color:#b49257;
	color:#fff;
}
.products-card-custom2-data-cart{
    position: relative;
    height: 110px;
    overflow: hidden;
    border-radius: 15px 0px 0px 15px;
}
[dir="ltr"] .products-card-custom2-data{
    width: 42%;	
}
[dir="ltr"] .products-card-custom2-data-cart{
    width: 18%;	
}
/***********************************************/
.deployment-steps{
    display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/bg2.png);
    background-repeat: no-repeat;
    position: relative;
    padding: 20px;
    padding-bottom: 30px;
        min-height: 601px;
}
.deployment-steps-container{
    display: inline-block;
    width: 100%;
    height: auto;
}
.deployment-steps-title{
    display: inline-block;
    width: 100%;
    height: auto;
}
.deployment-steps-title h2{
font-size: 40px;
    color: #b49257;
    font-family: Tajawal-Bold;
    padding: 10px 0px;
    padding-inline-start: 10px;
    border-radius: 10px;
 
    text-align: center;
}
.deployment-steps-data{
    display: inline-block;
    width: 100%;
    height: auto;
}
.deployment-steps-card{
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #fff;

    padding: 26px 0px 0px 0px;
    border: 1px solid #b59357;
    margin: 25px 0px;
}
.deployment-steps-card-image{
    display: inline-block;
    width: 100%;
    height: auto;
    height: 85px;
}
.deployment-steps-card-image img{
 width: 100%;
 height: 100%;
object-fit: contain;
}
.deployment-steps-card-title{
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
}
.deployment-steps-card-title h2{
    font-family: Tajawal-Bold;
    font-size: 20px;
    text-align: center;
    height: 45px;
    overflow: hidden;
	    margin-top: 10px;
    margin-bottom: 0;
}
.deployment-steps-card-title-link{
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
  opacity: 0;
  height: 0;
  margin-bottom: 30px;
}
.deployment-steps-card-title-link a{
    font-family: Tajawal-Regular;
    font-size: 20px;
    color: #b49257;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px 25px;
    text-decoration: none;
    height: 0;
     transition: .5s;
     -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
.deployment-steps-card-title-link a:hover{
    color: #fff;
    background-color: #b49257;
}
.deployment-steps-card:hover .deployment-steps-card-title-link{
    opacity: 1;
    height: auto;
    transition: .5s;
}
.deployment-steps-card:hover .deployment-steps-card-title-link a{
height: auto; 
transition: .5s;
}
/*****************************************/
.quraan-science{
     display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/bg3.png);
    background-repeat: no-repeat;
    background-size: 100%;
        padding: 30px 0px;    
}
/**********************************************/
.info-sokok{
      display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/bg4.png);
    background-repeat: no-repeat;
    background-size: 100%;
  
}
.section-title2{
    padding: 10px 0px;
    border-radius: 10px;
    margin-top: 40px;
}
.section-title2 h2{
     font-size: 40px;
        color: #b49257;
    font-family: Tajawal-Bold;
}
.info-sokok .about-us-body{
width: 75%;
    margin: 0;
}
.info-sokok .about-us-body p{
	font-size: 28px;
    color: #b49257;
    font-family: Tajawal-Bold;
    line-height: 38px;
}	
.info-sokok .about-us-link a{
    font-family: Tajawal-Regular;
    font-size: 20px;
    color: #fff;
    background-color: #b59357;
    border-radius: 10px;
    padding: 8px 25px;
    text-decoration: none;

    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);    
}
.info-sokok{
	
}
.info-sokok .about-us-image{
    border-radius: 0;
    display: table-cell;
    vertical-align: middle;
}
.info-sokok .about-us-image img{
    width: auto;
    height: auto;
    max-width: 100%;	
}



/***********************************************************/
.shop-icon{
      display: inline-block;
    width: 100%;
    height: auto;
}
.shop-icon-container{
      display: inline-block;
    width: 100%;
    height: auto;
    padding:30px 0px;
    background-color: #fbfbfb;
}
.shop-icon-card{
 display: inline-block;
 width: 100%;
 height: auto;
 display: flex;
 background-color: #fff;
 border-radius: 10px;
 padding:20px;
}
.shop-icon-card-image{
 display: inline-block;
 width: 30%;
 height: 50px;
 text-align: center;
 margin-top: 15px;
}
.shop-icon-card-image img{
 width: 100%;
 height: 100%;
 object-fit: contain;
}
.shop-icon-card-title{
 width: 70%;
 padding-inline-start:10px;
     margin-top: 13px;
}
.shop-icon-card-title h2{
    font-family: Tajawal-Regular;
    font-size: 20px;
    font-weight:unset;
}

.language-switcher .current{
	color:#fff;
	font-family: Tajawal-Regular;
}
.language-switcher .nice-select{
    border: 0;
    line-height: 10px;
    height: 15px;
	font-family: Tajawal-Regular;
}
/***************************************************/

.flexslider{
  border:0;
  margin:0;
  background-color:unset;
}
.flex-direction-nav{
  display: none;
}
.flex-control-nav {
    width: 41%;
    position: absolute;
    bottom: 13%;
    text-align: center;
    z-index: 9;
    left: 0;
}
.flex-control-paging{
	display:none;
}
.flex-control-nav li{
  border:1px solid #fff;
  border-radius: 50%;
}
.flex-control-paging li a{
  background:transparent !important;
}


.flex-active-slide .slider-data-title h2 {
  animation: fadeIna .5s ease-in both;
}

.flex-active-slide .slider-data-text h3 {
  animation: fadeIna .5s ease-in both 1s;
}

.flex-active-slide .slider-data-body h3 {
  animation: fadeIna .5s ease-in both 1.5s;
}
.flex-active-slide .slider-data-link3{
	  animation: fadeIna .5s ease-in both 2s;
}
@keyframes fadeIna {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


.footer-widget{
    background-image: url(../images/footerbgen.png);
    background-repeat: no-repeat;
    background-size: contain;
	    background-position: 100% 0;
}
[dir="rtl"] .footer-widget{
    background-image: url(../images/footerbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
}
/********************************************************/
.path-product{
    background-image: url(../images/productbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.path-product .container-wrapper ,
.path-product .wrapper .layout-wrap{
	background-color:unset;
}
.path-product .header-pages{
	background-color:#fff;
	border-bottom:2px solid #b59357;
}
.path-product #block-martis-page-title ,
.path-product .region-page-title{
	display:none;
}
.path-product #page-title{
background-color:unset;	
border:0;
}
.path-product .region-breadcrumb{
 text-align:start;	
}
.path-product .breadcrumb ul li:last-child{
	color:#b59357;
}
.path-product .product-post .product-title {
    font-size: 35px;
    margin-bottom: 5px;
    color: #b59357;
    font-family: Tajawal-Regular;
	 margin-top: 55px;
}
.product-short-description .field-field-short-description *{
	font-family: Tajawal-Regular;
	color:#545152;
	 font-size: 25px;
}
.path-product .commerce-order-item-add-to-cart-form .field--name-quantity label{
	display:none;
}
.commerce-order-item-add-to-cart-form .field--name-quantity input, .quantity-button{
border-bottom:1px solid #b59357;	
}
.commerce-order-item-add-to-cart-form .field--name-quantity input, .quantity-button {
    border: 1px solid #b59357;
}
.quantity-button.quantity-up{
border-left: 1px solid #b59357 !important;
border-radius: 12px 0px 0px 12px !important;
}
[dir="ltr"] .quantity-button.quantity-up{
border-radius: 0 50px 50px 0 !important;	
}
.quantity-button.quantity-down{
    border-right: 1px solid #b59357 !important;
	border-radius: 0px 12px 12px 0px !important;
}
[dir="ltr"] .quantity-button.quantity-down{
	border-radius:0px !important ;
border-radius: 50px 0 0 50px !important;	
}
.product-post .field-field-short-description{
	border:0 !important;
}
.product-page .product-image-colorbox{
	border-left: 1px solid #b59357 ;
}
.product-page{
	display: inline-block;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 25px 0px;
    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 10px 0px rgb(176 176 176);
    -moz-box-shadow: 0px 0px 10px 0px rgba(176,176,176,1);
    box-shadow: 0px 0px 10px 0px rgb(176 176 176);
}
.product-page .product-price{
    font-size: 25px;
    font-family: Tajawal-Regular;
    color: #545152;
    font-weight: 900;	
	display: inline-block;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    margin-top: 13px;
	    padding: 10px;
}
.product-page .product-price span{
	color: #b59357;
}
.product-page .field-price{
	display:inline-block;
}
.product-page .button--add-to-cart{
    background-color: #b59357;
    border-radius: 12px;
    font-size: 19px;
    padding-inline-end: 0px;
    background-image: url(../images/add.png);	
	    background-position: 92%;
    background-repeat: no-repeat;
    background-size: 19%;
	 font-family: Tajawal-Regular;
}
[dir="ltr"] .product-page .button--add-to-cart{
    background-position: 8%;
}
.mega-menu > ul > li > ul{
  right:unset !important;
}
.page-node-type-webform .nice-select{
	width:100%;
}
h1, h2, h3, h4, h5, h6 , a , p ,body{
    font-family: Tajawal-Regular;	
}
/*******************************************************/
/* Grow */
.header-cart a ,
.slider-data-link a ,
.about-us-link a ,
.info-sokok .about-us-link a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.header-cart a:hover, .header-cart a:focus, .header-cart a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.slider-data-link a:hover, .slider-data-link a:focus, .slider-data-link a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.about-us-link a:hover, .about-us-link a:focus, .about-us-link a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.info-sokok .about-us-link a:hover, .info-sokok .about-us-link a:focus, .info-sokok .about-us-link a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* Underline From Center */
.main-menu ul li > a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.main-menu ul > li > ul.normal-sub {
    width: 217px !important;
}
.main-menu  ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid;
    font-size: 15px;
}
.main-menu ul li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #b59357;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.main-menu ul li > a:hover:before, .main-menu ul li > a:focus:before, .main-menu ul li > a:active:before {
  left: 0;
  right: 0;
}
.mega-menu > ul > li > a{
	padding:0 !important;
}
/**************************************************/
/*******************************************************/
#menuToggle
{
  display: block;
  position: relative;
  top: 50px;
  left: 50px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
      top: 25px;
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);

}
#menuToggle input:checked ~ span:nth-last-child(3)
{
top: -25px;
}
#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}


#menuToggle input:checked ~ ul
{
  transform: none;
}
.responsive-click-menu ,
.responsive-menu{
	display: none;
}

.responsive-click{
  display: none;
}
.hamburglar {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  position: relative;
  display: block;
  width: 68px;
  height: 68px;
  background: #158fef;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.path-burger {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 68px;
  mask: url(#mask);
  -webkit-mask-box-image: url(https://raygun.io/upload/mask.svg);
}

.animate-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.path-rotation {
  height: 34px;
  width: 34px;
  margin: 34px 34px 0 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.path-rotation:before {
  content: '';
  display: block;
  width: 30px;
  height: 34px;
  margin: 0 4px 0 0;
  background: white;
}
 @-webkit-keyframes 
rotate-out {  0% {
 -webkit-transform: rotate(0deg);
}
 40% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes 
rotate-out {  0% {
 -webkit-transform: rotate(0deg);
}
 40% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-webkit-keyframes 
rotate-in {  0% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 40% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes 
rotate-in {  0% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 40% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}

.hamburglar.is-open .path {
  -webkit-animation: dash-in 0.6s linear normal;
  animation: dash-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hamburglar.is-open .animate-path {
  -webkit-animation: rotate-in 0.6s linear normal;
  animation: rotate-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hamburglar.is-closed .path {
  -webkit-animation: dash-out 0.6s linear normal;
  animation: dash-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hamburglar.is-closed .animate-path {
  -webkit-animation: rotate-out 0.6s linear normal;
  animation: rotate-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.path {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  stroke-linejoin: round;
}
 @-webkit-keyframes 
dash-in {  0% {
 stroke-dashoffset: 240;
}
 40% {
 stroke-dashoffset: 240;
}
 100% {
 stroke-dashoffset: 0;
}
}
 @keyframes 
dash-in {  0% {
 stroke-dashoffset: 240;
}
 40% {
 stroke-dashoffset: 240;
}
 100% {
 stroke-dashoffset: 0;
}
}
@-webkit-keyframes 
dash-out {  0% {
 stroke-dashoffset: 0;
}
 40% {
 stroke-dashoffset: 240;
}
 100% {
 stroke-dashoffset: 240;
}
}
@keyframes 
dash-out {  0% {
 stroke-dashoffset: 0;
}
 40% {
 stroke-dashoffset: 240;
}
 100% {
 stroke-dashoffset: 240;
}
}

.burger-icon {
  position: absolute;
  padding: 20px 16px;
  height: 68px;
  width: 68px;
}

.burger-container {
  position: relative;
  height: 28px;
  width: 36px;
}

.burger-bun-top,
.burger-bun-bot,
.burger-filling {
  position: absolute;
  display: block;
  height: 4px;
  width: 36px;
  border-radius: 2px;
  background: white;
}

.burger-bun-top {
  top: 0;
  -webkit-transform-origin: 34px 2px;
  -ms-transform-origin: 34px 2px;
  transform-origin: 34px 2px;
}

.burger-bun-bot {
  bottom: 0;
  -webkit-transform-origin: 34px 2px;
  -ms-transform-origin: 34px 2px;
  transform-origin: 34px 2px;
}

.burger-filling { top: 12px; }

.burger-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.svg-ring {
  width: 68px;
  height: 68px;
}

.hamburglar.is-open .burger-bun-top {
  -webkit-animation: bun-top-out 0.6s linear normal;
  animation: bun-top-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hamburglar.is-open .burger-bun-bot {
  -webkit-animation: bun-bot-out 0.6s linear normal;
  animation: bun-bot-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hamburglar.is-closed .burger-bun-top {
  -webkit-animation: bun-top-in 0.6s linear normal;
  animation: bun-top-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hamburglar.is-closed .burger-bun-bot {
  -webkit-animation: bun-bot-in 0.6s linear normal;
  animation: bun-bot-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
 @-webkit-keyframes 
bun-top-out {  0% {
 left: 0;
 top: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 20% {
 left: 0;
 top: 0;
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 80% {
 left: -5px;
 top: 0;
 -webkit-transform: rotate(-60deg);
 transform: rotate(-60deg);
}
 100% {
 left: -5px;
 top: 1px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
 @keyframes 
bun-top-out {  0% {
 left: 0;
 top: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 20% {
 left: 0;
 top: 0;
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 80% {
 left: -5px;
 top: 0;
 -webkit-transform: rotate(-60deg);
 transform: rotate(-60deg);
}
 100% {
 left: -5px;
 top: 1px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
@-webkit-keyframes 
bun-bot-out {  0% {
 left: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 20% {
 left: 0;
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 80% {
 left: -5px;
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg);
}
 100% {
 left: -5px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
@keyframes 
bun-bot-out {  0% {
 left: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 20% {
 left: 0;
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 80% {
 left: -5px;
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg);
}
 100% {
 left: -5px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
@-webkit-keyframes 
bun-top-in {  0% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 20% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(-60deg);
 transform: rotate(-60deg);
}
 80% {
 left: 0;
 bot: 0;
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 100% {
 left: 0;
 bot: 1px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes 
bun-top-in {  0% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 20% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(-60deg);
 transform: rotate(-60deg);
}
 80% {
 left: 0;
 bot: 0;
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 100% {
 left: 0;
 bot: 1px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@-webkit-keyframes 
bun-bot-in {  0% {
 left: -5px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 20% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg);
}
 80% {
 left: 0;
 bot: 0;
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 100% {
 left: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes 
bun-bot-in {  0% {
 left: -5px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 20% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg);
}
 80% {
 left: 0;
 bot: 0;
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 100% {
 left: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}

.hamburglar.is-open .burger-filling {
  -webkit-animation: burger-fill-out 0.6s linear normal;
  animation: burger-fill-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hamburglar.is-closed .burger-filling {
  -webkit-animation: burger-fill-in 0.6s linear normal;
  animation: burger-fill-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
 @-webkit-keyframes 
burger-fill-in {  0% {
 width: 0;
 left: 36px;
}
 40% {
 width: 0;
 left: 40px;
}
 80% {
 width: 36px;
 left: -6px;
}
 100% {
 width: 36px;
 left: 0px;
}
}
 @keyframes 
burger-fill-in {  0% {
 width: 0;
 left: 36px;
}
 40% {
 width: 0;
 left: 40px;
}
 80% {
 width: 36px;
 left: -6px;
}
 100% {
 width: 36px;
 left: 0px;
}
}
@-webkit-keyframes 
burger-fill-out {  0% {
 width: 36px;
 left: 0px;
}
 20% {
 width: 42px;
 left: -6px;
}
 40% {
 width: 0;
 left: 40px;
}
 100% {
 width: 0;
 left: 36px;
}
}
@keyframes 
burger-fill-out {  0% {
 width: 36px;
 left: 0px;
}
 20% {
 width: 42px;
 left: -6px;
}
 40% {
 width: 0;
 left: 40px;
}
 100% {
 width: 0;
 left: 36px;
}
}

.hamburglar{
  background: #111010;
  border-radius: 50%;
  overflow: hidden;
}
.responsive-menu{
  display: none;
}
.region-language-switcher{

}
.flag-link::before{
	content:"المفضلة";
}
.block-views-blockrelated-product-block-1 ,
#block-views-block-publishing-block-1-2{
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 21px !important;
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(176 176 176);
    -moz-box-shadow: 0px 0px 10px 0px rgba(176,176,176,1);
    box-shadow: 0px 0px 10px 0px rgb(176 176 176);
    padding: 20px;	
	    padding: 20px 20px 60px 20px !important;
}
.block-views-blockrelated-product-block-1 .block-title ,
#block-views-block-publishing-block-1-2 .block-title{
    color: #b59357;
    font-size: 38px;	
}
#block-views-block-publishing-block-1-2 .deployment-steps-card-title-link{
	display:none;
}

.related-img{
display: inline-block;
    width: 100%;
    height: 175px;	
}
.related-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.related{
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 10px;
    border: 1px solid #b59357;
    border-radius: 11px;
    text-align: center;	
}
.related-price{
    color: #b49257;
    font-size: 27px;
    font-weight: bold;	
}
#block-views-block-home-banner-block-1-2{
    display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/bannerbg.png);
    background-repeat: no-repeat;
    position: relative;
    padding: 30px;
    margin-top: 40px !important;	
}
#block-views-block-home-banner-block-1-2 .banner-container-data-link{
	display:none;
}
#block-views-block-home-banner-block-1-2 .banner-container-data-image img{
    width: 290px;	
}
#block-views-block-sokok-block-1-2{
    display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/bg4.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 30px !important;	
}
#block-views-block-sokok-block-1-2 .about-us-link{
	display:none;

}
.page-contributed .deployment-steps-card {
    background-color: #fafafa;
}
.header-search-custom{
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: height 1s ease;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding-top: 20px;
    transition: all 600ms cubic-bezier(0.68,-0.55,0.265,1.55);
    z-index: 101;
    background-color: #fff;	
}

[dir="rtl"] .header-search-custom.active{
    height: 63px;
    opacity: 1;
    visibility: visible;
    transition: all 600ms cubic-bezier(0.68,-0.55,0.265,1.55);
    z-index: 101;
    transform: translateY(0px);
    box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 10%);
	padding: 5px 10%;
}
.header-search-custom.active{
    height: 63px;
    opacity: 1;
    visibility: visible;
    transition: all 600ms cubic-bezier(0.68,-0.55,0.265,1.55);
    z-index: 101;
    transform: translateY(0px);
    box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 10%);
	padding: 5px 10%;
}
.header-search-custom.active > .region-header-search{
	    width: 90%;
}
.header-top-div h2 ,
.footer-div h2{
    font-size: 22px;	
}
.header-search-custom .form-actions input{
	    font-family: 'themify';
}
.closesearch{
    display: inline-block;
    text-align: left;
    width: 20px;
    float: right;
    margin: 10px 0 0 0;
}
[dir="rtl"] .closesearch{
    float: left;
}
.closesearch i{
    font-size: 26px;
}
.rewayat-section{
    display: inline-block;
    width: 100%;
    height: auto;
    background-image: url(../images/bg2.png);
    background-repeat: no-repeat;
    background-size:cover;
	padding: 20px 0px 30px;
	min-height: 601px;
}
.rewayat-section .products-card-custom1{
background-color: #fff;
    border-radius: 0 0 40px 40px;
    line-height: 0;
}
.page-contributed #block-pagetitle{
margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;

	
}
.footer-bottom-wide{
	
}
.footer-bottom-wide h3{
	padding: 0;
    margin: 0;
    text-align: center;	
}
#block-copyrightfooterquran{
	padding: 10px 0;
    margin: 0;	
}
.footer-bottom a{
	color:#fff;
}
.footer-bottom a:hover{
	color:#ddd;
}

#block-copyright-text{
    direction: ltr;
    text-align: center;
    padding: 0px;
}
.footer-bottom .block {
    padding: 11px 0;
    margin: 0;
}

.products-card-custom1-img > a ,
.products-card-custom2-image > a{
	width:100%;
	height:100%;
}


/* VIEWS EXPOSED FILTER */
#block-exposedformproduct-catalogproduct-catalog-search-3 {
	text-align: left;
	display:inline-block;
}
#block-exposedformproduct-catalogproduct-catalog-search-3 .form-item,
#block-exposedformproduct-catalogproduct-catalog-search-3 .form-actions,
#block-exposedformproduct-catalogproduct-catalog-search-3 .form-actions .button {
	margin: 0 5px 0 0;
}
#block-exposedformproduct-catalogproduct-catalog-search-3 select {
	padding-right: 15px;
	padding-left: 0;
}
#block-exposedformproduct-catalogproduct-catalog-search-3 form {
	padding-right: 0;
	padding-left: 50px;
}
#block-exposedformproduct-catalogproduct-catalog-search-3 .form-item:before {
	right: auto;
	right: 0;
}
#block-exposedformproduct-catalogproduct-catalog-search-3 .form-actions {
	right: auto;
	left: -1px;
}
#block-exposedformproduct-catalogproduct-catalog-search-3 .form-item label {
	margin-right: 0;
	margin-left: 5px;
}
[dir="ltr"] #block-exposedformproduct-catalogproduct-catalog-search-3{
    float: right;	
}
.piczoomer{
width: 70%;
    margin: 0 auto;	
}
#edit-field-language > div ,
.field--name-field-language .fieldset-wrapper > div > div{
    width: 50%;
    float: right;
    height: 23px;	
}

/****************************************************/
.product-91 .product-image-wrap{
	    width: 40%;
    float: right;
	    margin-top: 44px;
}
[dir="ltr"] .product-91 .product-image-wrap{
    float: left;	
}
.product-91 .product-content-wrap{
	    display: inline-block;
    float: left;
    width: 60%;
}
[dir="ltr"] .product-91 .product-content-wrap{
float: right;	
}
.product-91 .sokok-ta3ahod{
margin-inline-start: -65%;	
}
.product-91 .sokok-ta3ahod .field--name-field-publish-to-name label{
    display: inline-block;	
}
.product-91 .sokok-ta3ahod .field--name-field-publish-to-name input{
display: inline-block;		
}
.product-91 .sokok-ta3ahod .field--name-field-publish-to-name .description{
	display: inline-block;
	margin-inline-start:10px;
}

.product-91 .product-title{
	margin-top:0 !important;
}
.product-91 .product-add-cart .form-actions{
    margin-top: 32px;
    margin-bottom: 20px;	
}
.product-89 .product-image-wrap{
	    width: 50%;
    float: right;
}
[dir="ltr"] .product-89 .product-image-wrap{
       float: left;
}
.product-89 .product-content-wrap{
	    display: inline-block;
    float: left;
    width: 50%;
}
[dir="ltr"] .product-89 .product-content-wrap{
    float: right;	
}
.product-89 .sokok-ta3ahod{
margin-inline-start: -65%;	
}
.product-89 .sokok-ta3ahod .field--name-field-publish-to-name label{
    display: inline-block;	
}
.product-89 .sokok-ta3ahod .field--name-field-publish-to-name input{
display: inline-block;		
}
.product-89 .sokok-ta3ahod .field--name-field-publish-to-name .description{
	display: inline-block;
	margin-inline-start:10px;
}

.product-89 .product-title{
	margin-top:0 !important;
margin-bottom: 30px !important;
}
.product-89 .product-add-cart .form-actions{
    margin-top: 32px;
    margin-bottom: 20px;	
}
.field--name-field-continent2{
	width:100% !important;
	    height: auto !important;
}
.field--name-field-continent2 .form-type-radio{
    width: 30%;
    float: right;	
}
[dir="ltr"] .field--name-field-continent2 .form-type-radio{
    float: left;	
}
.field--name-field-continent2 .form-type-radio .option{
	display:inline-block;
}
.product-page .product-89 .product-price{
font-size: 22px;	
}
.product-page .product-91 .product-price{
    font-size: 22px;
margin-top: 0px;
}
.product-page .product-91 .product-price span{
display:inline-block;
color: #b59357;
}
.product-91 .field-type-commerce-price{
	display:inline-block;
}
.product-post .product-89 .product-variation-wrap{
margin-top: 0px;
}

.menu-dropdown > a:after{
	display:none;
}
#page-title{
	    margin-bottom: 4px;
}
.checkout-complete__payment-instructions{
	display:none;
}
/***************************************************/
.product-91 .products-price-custom{
    display: inline-block;
    float: left;
    position: absolute;
    top: 84%;
    left: 50%;
    transform: translate(-35%, -45%);
}
[dir="ltr"] .product-91 .products-price-custom{
left: 46%;	
}
.product-91 .product-add-cart .form-actions{
	    margin-top: 18%;
}
.product-89 .products-price-custom{
    display: inline-block;
    float: left;
    position: absolute;
    top: 82%;
    left: 41%;
    transform: translate(-35%, -45%);
}
.product-89 .product-add-cart .form-actions{
    margin-top: 22%;
}
/*******************************************************/
#block-categorymenu{
    display: inline-block;
    float: left;
    width: 16%;	
	height:auto !important;
}
[dir="ltr"] #block-categorymenu{
width: 25%;	
}
#block-martis-content--3{
    display: inline-block;
    width: 100%;	
}
#block-categorymenu .category-menu .nav{
	display:none;
	position: absolute !important;
	background-color: #fff;
}
#block-categorymenu .block-title-wrap{
	background-color:#b49257;
	background:#b49257;
	    border-radius: 10px;
		transition:.5s;
}
#block-categorymenu .block-title-wrap:hover{
	background-color:#000 !important;
	background:#000 !important;
}
.category-menu .mega-menu > ul > li{
text-align: center;	
}
#block-exposedformproduct-catalogproduct-catalog-search-3 .nice-select{
display:none;	
}
.category-menu .mega-menu > ul > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #b59357;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.category-menu .mega-menu > ul > li > a:hover:before, .category-menu .mega-menu > ul > li > a:focus:before,.category-menu .mega-menu > ul > li > a:active:before {
  left: 0;
  right: 0;
}
/***********************************************************/
.header-user-menu .dropdown-toggle:after{
    right: auto;
    left: -11px;	
	    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.user-account-menu-custom > ul{
    display: inline-block;
    list-style: none;
    padding-inline-end: 20px;	
}
.header-user-menu .dropdown-menu{
    padding: 0;
    padding: 10px 0px;
}

.header-user-menu .dropdown-menu a{
width: 100%;
    height: auto;
    color: #000;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #ccc;	
	position:relative;
}
.header-user-menu .dropdown-menu > li:last-child a{

    border-bottom: 0px;	
}

.header-user-menu .dropdown-menu a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #b59357;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.header-user-menu .dropdown-menu a:hover:before, .header-user-menu .dropdown-menu a:focus:before,.header-user-menu .dropdown-menu a:active:before {
  left: 0;
  right: 0;
}
.piclist .owl-item .field-item{
	    display: inline-block;
    width: 100%;
    height: 100px;
}
.piclist .owl-item .field-item img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.piczoomer-pic-wp{
    width: 100%;
    height: 477px;	
}
.piczoomer-pic-wp img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#block-views-block-publishing-block-2 .block .block-title-wrap{
	margin-bottom:0px !important;
}

#block-payment-method{
	margin:0;
	margin-top:20px;
	text-align:end;
}
.field--name-field-email-of-the-publication-t ,
.field--name-field-phone-of-the-publication-t ,
.field--name-field-quastion{
	width:100% !important;
	padding:0px;
}
.field--name-field-email-of-the-publication-t > div ,
.field--name-field-phone-of-the-publication-t > div{
margin:0;
}
.field--name-field-delegation{
    display: inline-block;
    width: 100% !important;
    height: auto;	
}
[dir="ltr"] .product-89 .products-price-custom{
    left: 57%;	
}
[dir="ltr"] .product-89 .product-add-cart .form-actions{
 float:left;	
}
[dir="ltr"] .product-89 .button--add-to-cart{
    padding-inline-start: 66px;
    padding-inline-end: 14px;	
}
[dir="ltr"] .product-91 .button--add-to-cart{
    padding-inline-start: 85px;
    padding-inline-end: 20px;
    background-size: 13%;	
}

.responsive-top-header{
	display:none;
}

.product-teaser .product-image{
    display: inline-block;
    width: 100%;
    height: 275px;	
}
.product-teaser .product-image .field-type-image ,
.product-teaser .product-image .field-type-image .field-item ,
.product-teaser .product-image .field-type-image .field-item a{
    width: 100%;
    height: 100%;	
}
.product-teaser .product-image .field-type-image .field-item img{
		    width: 100%;
    height: 100%;
    object-fit: contain;
}