*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  border: none;
  outline: none;
  scroll-behavior: smooth;
}
@font-face {
  font-family: 'RudawRegular'; 
  src: url('font/rudawregular2.ttf') format('truetype'); 
}


:root{
  --text-color: #fff;
  --bg-color: #fff;
  --main-color: #201203;
  --top-header-color: #edab30;

  --h1-font: 6rem;
  --h2-font: 3rem;
  --p-font: 1rem;
}

body{

  background-color: var(--bg-color);
  font-family: 'RudawRegular'; 
  min-height: 100vh;
}
.top-header{
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 5%;
  width: 100%;
  z-index: 1000;
  background-color: var(--main-color);
}
.social-media a i{
  color: var(--top-header-color);
  border: solid 2px var(--top-header-color);
  font-size: 20px;
  padding: 7px;
  border-radius: 50%;
  margin-right: 3px;
  transition: all .5s ease;
}
.social-media a i:hover{
  color: #c09443;
  border: solid 2px #c09443;
  transform: translateX(1px)
}
.social-media a .fa-facebook-f{
  padding: 7px 11px;
}

.phone-number{
  display: flex;
  align-items: center;
  justify-content: center;
}
.phone-number a i{
  color: var(--top-header-color);
  border: solid 2px var(--top-header-color);
  font-size: 20px;
  padding: 7px;
  border-radius: 50%;
  margin-right: 10px;
  transition: all .5s ease;
}
.phone-number a i:hover{
  color: #c09443;
  border: solid 2px #c09443;
  transform: translateX(1px)
}
.phone-number .text p{
  color: var(--top-header-color);
  direction: ltr;
}
@media (max-width:550px) {
  .social-media a i{
    font-size: 16px;
  }
  .phone-number a i{
    font-size: 16px;
  }
  .phone-number .text p{
    font-size: 12px;
  }
}
@media (max-width:400px) {
  .social-media a i{
    font-size: 14px;
    padding: 7px 8px;
  }
  .phone-number a i{
    font-size: 14px;
  }
  .phone-number .text p{
    font-size: 10px;
    line-height: 15px;
  }
  .top-header{
    padding: 10px 10px;
  }
  .social-media a .fa-facebook-f{
    padding: 7px 10px;
    
  }
}

.fa-bag-shopping{
  font-size: 25px;
  color: var(--main-color);
}
.bag-icon-product{
  color: white;
  font-size: 2rem;
}

.language-container{
  display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1.5px var(--main-color);
    padding: 3px 6px;
    border-radius: 4px;
    margin-right: 10px;
    transition: opacity .5s ease;
}
.language-container:hover{
  opacity: .7;
}
.language-container img{
  width: 25px;
}
.language-container p{
  font-family: 'RudawRegular'; 
  color: var(--main-color);
  margin: 0 ;
  margin-right: 4px;
}
.main__header{
  direction: ltr;
}
footer{
  color: white;
}
.footer__section2{
  padding-bottom: 0rem;
}
.footer__contact--info__text{
  display: flex;
  align-items: baseline;
  color: gray;
}
.footer__bottom .copyright__content--link{
  color: gray !important;
  text-decoration: none;
  transition: all .5s ease;
}
.footer__bottom .copyright__content--link:hover{
  color: rgb(215, 215, 215) !important;
}
.footer__contact--info li strong {
  margin-left: 5px;
}
/*logo*/
.main__logo--img,.footer__logo, .main__logo--title .main__logo--img{
  width: 70px !important;
  margin-left: 55px;
}
.footer__widget--inner{
  text-align: start;
}
.footer__widget--inner p{
  color: #e8e8e8;
}
.footer__widget h2,.footer__widget ul li,.footer__widget ul li a{
  color: #e8e8e8;

}
/*head title*/
.header-active-tittle{
  font-weight: 700;
  color: var(--main-color);
}
.head-tittle{
  color: var(--main-color);
  text-align: end;
  margin-right: 10%;
  font-size: 3rem;
}
@media (min-width: 750px){
  .head-tittle{
    font-size: 4rem;
  }
  .section__heading--position__img{
    width: 100px;
  }
}

.slider__content {
  text-align: right !important;
  margin-right: 5%;
}

@media (max-width: 990px) {
  .m-space{
    width: 100%;
    height: 20px;
  }
  .banner__items--more{
    width: 100% !important;
  }
}
@media (max-width: 700px) {
  .banner__items {
    padding: 8px 0;
  }

}
/*btn-more-brand*/
.btn-more-brand{
    margin: auto;
    display: block;
    color: #ffffff;
    padding: 5px 13px;
    direction: rtl;
    background-color: #201203d1;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 1px #636363;
}
.btn-more-brand:hover{
  transform: scale(1.03);
  color: #ffffff;
}



/* Initially hide the element and set up the transition */
#toggleElement {
  display: none; /* Start hidden */
  opacity: 0; /* Start fully transparent */
  transition: opacity 0.5s ease, display 0s 0.5s; /* Smooth transition for opacity */
}

/* Visible state */
#toggleElement.show {
  display: flex; /* Change display to flex */
  opacity: 1; /* Fully opaque */
  transition: opacity 0.5s ease; /* Smooth transition for opacity */
}

.hero__slider--items__inner{
  
  /*padding: 12rem 0rem;*/
}
.product__tab--btn{
  direction: rtl;
}

/*main footer*/
.main__footer{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center !important;
}
.line-fotter,.line-fotter2{
  margin-top: 16px;
  width: 15rem;
  height: 3px;
  background-color: var(--top-header-color);
  margin-bottom: 20px;
}
.line-fotter2{
  width:25rem;
}
@media (min-width: 900px) {
  .line-fotter{
    width: 18rem;
  }
  .line-fotter2{
    width:28rem;
  }
}
@media (min-width: 1000px) {
  .line-fotter{
    width: 22rem;
  }
  .line-fotter2{
    width:32rem;
  }
}
@media (min-width: 1200px) {
  .line-fotter{
    width: 25rem;
  }
  .line-fotter2{
    width:35rem;
  }
}
@media (min-width: 1500px) {
  .line-fotter{
    width: 30rem;
  }
  .line-fotter2{
    width:40rem;
  }
}
@media (max-width: 992px) {
  .footer__widget--inner,.footer__widget--desc,.footer__widget--title ,.footer__contact--info__inner{
    text-align: center;
  }
  .footer__contact--info__inner,.footer__widget--inner{

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .footer-logo{
    margin-right: 2,5rem;
  }
  .footer__widget--title {
    margin-top: 5rem;
  }
  
}

.copyright{
  font-size: 12px;
  transition: all .5s ease;
  color: #c1c1c1;
}
.copyright:hover{
  color: #ffffff;
}
.shipping__items--icon img{
  width: 60px !important;
  margin-bottom: 2rem;
}

.product__items--content__title span{
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1rem;

  background-color: #201203c4;
  color: white;
  padding: 2px 8px;
  border-radius: 4px;
  
}
.product__items--content__title {

  font-size: 1.6rem;
  margin-bottom: 2rem;

}
.slider__content--desc{
  font-size: 2rem;
}

.slider__content--btn{
  background-color: #f3ece4;
    color: #413426;
    font-size: 2rem;
    padding: 0px 30px;
    box-shadow: 0 0 5px 0 #5e5142;
}

@media (min-width: 767px){
  .m-footer{
    display: none;
  }
}
@media (max-width: 767px){
  .d-footer{
    display: none;
  }
}

.contact__info--items__inner2{
  display: flex;
  align-items: end;
}

/*Fib Header*/
.fib-header{
  background-color: white;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  color: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 5%;
  font-family: 'RudawRegular'; 
  border-bottom: solid 2px var(--main-color);
}
.fib-header h1{
  font-weight: 500;
}
.fib-header a i{
  border: solid 2px var(--main-color);
  font-size: 26px;
  padding: 7px 9px;
  border-radius: 50%;
  color: white;
  background-color: var(--main-color);
  transition: all .5s ease;
}
.fib-header a i:hover{
  background-color: #32210f;
}

.fib-section{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;

}
.fib-border{
  width: 80%;
  margin: 0 10%;
  box-shadow: 0 0 2px 0 #85786a;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  /* border: solid 2px #947e67; */
  border-radius: 5px;
  margin-top: 50px;
  padding: 20px 10%;
  background-color: #f6f6f6;
}
@media (min-width:750px) {
  .fib-border{
  width: 70%;
  }
}
@media (min-width:950px) {
  .fib-border{
  width: 60%;
  }
  
}
@media (min-width:1200px) {
  .fib2{
    width: 40%;
  }
}
@media (min-width:1400px) {
  .fib-border{
  width: 50%;
  }
  .fib-border img{
    width: 50%;
  }
  .fib-border img,.fib2 img{
    width: 50% ;
  }
  
  
}
@media (min-width:1100px) and (max-height: 550px){
  .fib-border{
  width: 40%;
  }
  
  .fib-border img,.fib2 img{
    width: 40% ;
  }
}
@media (min-width:1000px) and (max-height: 550px){
  .fib-border{
  width: 40%;
  }
  
  .fib-border img,.fib2 img{
    width: 40% ;
  }
  
}

.fib-border p:first-child .fib-border p{
  color: #5a534b;
  font-size: 1.2rem;
  font-weight: 600;
  font-family: 'RudawRegular'; 
  margin-top: 4rem;  
}
.fib-border p{
  direction: rtl;
  color: #5a534b;
  font-size: 1.4rem;
  font-weight: 600;
  font-family: 'RudawRegular'; 
}
.fib-border p:last-child{
  margin-bottom: 2rem;
  font-weight: 500;
  color: white;
  background-color: #5a534b;
  padding: 0 14px;
  border-radius: 10px;


}

.fib-border h1{
  color: #513414;
  
}

.fib2 img{
  width: 50%;
}
.fib-border .congrat-btn{
  margin-bottom: 2rem;
  font-weight: 500;
  color: white;
  background-color: #5a534b;
  padding: 3px 13px;
  border-radius: 10px;
  margin-top: 2rem;
}
.fib-border .p222{
  margin-bottom: 0 ;
  margin-top: 2rem ;
}
.fib-border .congrat-btn a{
  transition: all .5s ease;
}
.fib-border .congrat-btn a:hover{
  color: rgb(227, 227, 227);
}

/*main cart*/
.cart-head-tex{
  font-family: 'RudawRegular'; 
  color: var(--main-color);
  font-weight: 500;

}
.main__header--inner i{
  background-color: var(--main-color);
  color: white;
  padding: 10px 11px;
  border-radius: 50%;
  font-size: 20px;
}
.section__shipping--address{
  color: var(--main-color);
}
.customer__information{
  color: var(--main-color);

}




.select-container{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;

}

.select-container .fa-chevron-down{
  position: absolute;
  left: 20px;
  padding-top: 3px;
  transition: transform 0.5s;
  width: 18px;
  height: 18px;
 
}

/*        arrow icon rotate        */
.rotate{
  transform: rotate(180deg);
}


.b-text,.mark-text,.language-text{
  text-align: start;
  width: 100%;
  margin-top: 20px;
}

.order-notes ,.payment__history--title{
  color: var(--main-color);
}
.checkout__total{
  color: var(--main-color);
}
.type-of-payment p{
  color: var(--main-color);

}
.type-of-payment,.type-of-payment2{
font-size: 1.5rem;
  padding: 4px 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 2px var(--main-color);
}
.type-of-payment{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.type-of-payment2{
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.type-of-payment2 p,.type-of-payment p{
  color: var(--main-color);
}

/*language container kurdish and arabic*/

.language-container0{
  z-index: 1010;
  position: fixed;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #615445fa;
}
.language-container0{
  color: white;
  display: none;
}
.language-container0 a:hover{
  color: white;
}
.language-container0 .kr-lan-btn,.language-container0 .ar-lan-btn{
  background-color: var(--main-color);
  width: 15rem;
  height: 4rem;
  border-radius: 10px;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .5s ease;
}
.language-container0 .kr-lan-btn{
  margin-top: 4rem;
  margin-bottom: 1rem;
}
.language-container0 .kr-lan-btn:hover,.language-container0 .ar-lan-btn:hover{
  transform: scale(1.02);
  box-shadow: 0 0 3px 0 var(--main-color);
}
.delete-lan-icon{
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 3rem;
  cursor: pointer;
  transition: all .5s ease;
}
.delete-lan-icon:hover{
  transform: scale(1.08);
}

.display-lang-container{
  display: flex;
}

/*instgram accounts*/
.team__content--title{
  font-family: Arial, Helvetica, sans-serif;
}

/*animation*/
.section__heading--position__img1,.section__heading--position__img2.animate{
  animation: moveRight 1.5s;
}
.head-tittle1,.head-tittle2.animate{
  animation: moveLeft 1.5s;

}
.shipping__section--inner.animate{
  animation: scaleBiger 1.5s;
}
@keyframes moveRight {
  0% {
      transform: translateX(-10vw);
  }
  100% {
      transform: translateX(0); /* Move across the entire viewport width */
  }
}
@keyframes moveLeft{
  0%{
    transform: translateX(10vw);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes scaleBiger{
  0%{
    transform: scale(.8);
  }
  100%{
    transform: scale(1);
  }
}

.team__thumbnail--img1.animate{
animation: rotate 1.5s;
}
.team__thumbnail--img2.animate{
animation: rotate2 1.5s;

}
@keyframes rotate{
  0%{
    transform: rotate(-180deg);
  }
  100%{
    transform: rotate(0);
  }
}
@keyframes rotate2{
  0%{
    transform: rotate(180deg);
  }
  100%{
    transform: rotate(0);
  }
}

/*wishlist animation*/
.animation-to-right.animate{
  animation: moveRight 2s;
}

/*main*/
.quickview__cart--btn,.add__to--cart__text{
  font-family: 'RudawRegular' !important; 

}
.c-icon-bag{
  color: var(--main-color);
  color: currentColor; /* Ensures the icon inherits text color */
    font-size: 24px;
}

.english {
  font-family: Arial, Helvetica, sans-serif; /* Replace with your chosen English font */
}
.product__items--action__cart--btn {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
}
.add__to--cart__text{
  margin-right: 10px;
  color: white;
}
.offcanvas-menu-about span{
  font-weight: 600;
  font-size: 1.6rem;
  margin: 10px 0;
}
.offcanvas-menu-about{
  line-height: 22px;
}
.row-md-reverse{
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-media-offcanvas a i {
  color: var(--main-color);
 border: solid 2px var(--main-color);
}

.breadcrumb__content--menu__items2{
  color: white;
  margin: 0 10px;
  font-size: 18px;
  font-weight: 600;
}
.team__content--title{
  font-size: 16px;
}
/*contact us*/
.contact-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 992px ){
  .contact-row-item{
    flex: 0 0 50%; 
  box-sizing: border-box; 
  padding: 10px;
  margin-bottom: 10px;
  text-align: right;
  }
}
@media (max-width: 550px ){
  .contact-row-item{
    flex: 0 0 100%; 
  box-sizing: border-box; 
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  }
}