@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/Tajawal/Tajawal-ExtraLight.ttf)
    format("trueType");
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Tajawal/Tajawal-Light.ttf)
    format("trueType");
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Tajawal/Tajawal-Regular.ttf)
    format("trueType");
}

@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Tajawal/Tajawal-Medium.ttf)
    format("trueType");
}

@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/Tajawal/Tajawal-ExtraLight.ttf)
    format("trueType");
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Tajawal/Tajawal-Bold.ttf)
    format("trueType");
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Tajawal/Tajawal-ExtraBold.ttf)
    format("trueType");
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/Tajawal/Tajawal-Black.ttf)
    format("trueType");
}

#btn3{
    margin-right: 15px;
    margin-left: 0 !important;
}

body {
  font-family: "Tajawal", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.accordion-button::after {
  margin-left: 0 !important;
}

/* webkit solution */
::-webkit-input-placeholder { text-align:right; }
/* mozilla solution */
input:-moz-placeholder { text-align:right; }
input{
    text-align: right;
}
/* .switch-language .dropdown-menu {
    left: 0 !important;
    right: auto !important;
} */

#capture1 {
  width: 16vw;
  flex: 2;
  position: absolute;
  top: 6%;
  right: -69%;
}

#capture2 {
  width: 16vw;
  flex: 1;
  position: absolute;
  right: -200%;
  top: -269%;
}

#capture3 {
  width: 16vw;
  flex: 3;
  position: absolute;
  right: -150%;
  top: -37%;
}

#capture4 {
  width: 16vw;
  flex: 2;
  position: absolute;
  top: 33%;
  right:-200%;
}

.pack img {
  transform: rotate(180deg);
}
.shopping-cart{
  float: left !important;
}
.shopping-cart:after{
  right: 89% !important;
}