body,
html {
direction: rtl;
text-align: right;
}
:root {
--color-primary: 255, 151, 0;
--color-a11y: 0, 0, 0;
}
span,
strong,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
button,
label,
input,
textarea,
dd,
dt {
font-family: "Tajawal";
}
@keyframes go2264125279 {
from {
transform: scale(0) rotate(45deg);
opacity: 0;
}
to {
transform: scale(1) rotate(45deg);
opacity: 1;
}
}
@keyframes go3020080000 {
from {
transform: scale(0);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes go463499852 {
from {
transform: scale(0) rotate(90deg);
opacity: 0;
}
to {
transform: scale(1) rotate(90deg);
opacity: 1;
}
}
@keyframes go1268368563 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes go1310225428 {
from {
transform: scale(0) rotate(45deg);
opacity: 0;
}
to {
transform: scale(1) rotate(45deg);
opacity: 1;
}
}
@keyframes go651618207 {
0% {
height: 0;
width: 0;
opacity: 0;
}
40% {
height: 0;
width: 6px;
opacity: 1;
}
100% {
opacity: 1;
height: 10px;
}
}
@keyframes go901347462 {
from {
transform: scale(0.6);
opacity: 0.4;
}
to {
transform: scale(1);
opacity: 1;
}
}
.go4109123758 {
z-index: 9999;
}
.go4109123758 > * {
pointer-events: auto;
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: rgb(255, 183, 2);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: rgb(255, 183, 2);
}
#services > .container > .section-title > .big-main-title {
color:var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
#top-store-hook {
background-color: rgb(255, 183, 2);
}
#navbarSupportedContent {
width: 884px;
}
#x-checkout-btn {
background-color: rgb(255, 183, 2);
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .discount-50-flash {
background-color: rgb(220, 30, 0);
}
#hero > .container > .row.middle > .left-side > .main-content > .title > h1 {
font-family: Tajawal;
line-height: 49px;
}
#prices2 {
color: rgb(42, 34, 34);
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-intro {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-highlight {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-subtitle {
font-family: Tajawal;
}
#hero
> .container
> .row.middle
> .left-side
> .main-content
> .choosing
> .main-description
> .main-description-list {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .circeled-main-title {
color: rgb(255, 183, 2);
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .big-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-titles
> .small-main-title {
font-family: Tajawal;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track
> .comment1-card
> .comment1-rating {
color: var(--text-color);
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .las.la-angle-down {
background-color: var(--text-color);
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: var(--text-color);
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: var(--text-color);
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: var(--text-color);
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: var(--text-color);
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: var(--text-color);
}
#services > .container > .section-title > .big-main-title {
color: var(--text-color);
font-family: Tajawal;
}
#flush-headingOne
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
font-family: Tajawal;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFour > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingSix > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
font-family: Tajawal;
}
#flush-collapseFive > .accordion-body {
font-family: Tajawal;
}
#services > .container {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-title {
font-family: Tajawal;
}
#store-features1
> .store-features1.container
> .feature-item
> .feature-text
> .feature-description {
font-family: Tajawal;
}
@media screen and (max-width: 320px) {
#hero > .container > .row.middle > .right-side {
width: 100%;
max-width: 100vw;
height: px;
}
#hero > .container > .row.middle > .left-side > .main-content {
width: 100%;
margin-left: px;
float: none;
}
#hero > .container > .row.middle > .left-side {
width: 100vw;
padding-right: 2px;
padding-left: 2px;
}
#x-checkout-btn {
background-color: #ffb702 !important;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left {
width: 96vw;
text-align: center;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left {
width: 96vw;
}
#deal-card
> .container
> .main-container-deal-card
> .customer-deal-left
> .bolt-customer-deal-left
> .container-bolt-customer-deal-left {
width: 96vw;
}
#deal-card > .container {
width: 96vw;
}
.comment1-container.container
> .container
> .comment1-slider
> .comment1-track {
width: 100%;
}
#flush-headingTwo > .accordion-butn.w-100 > .btn-title > .right > span {
float: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingOne > .accordion-butn.w-100 > .btn-title > .las.la-angle-down {
background-color: #ffb702 !important;
}
#flush-headingTwo
> .accordion-butn.w-100.collapsed
> .btn-title
> .right
> span {
float: none;
text-align: right;
}
#flush-headingThree > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#flush-headingFive > .accordion-butn.w-100 > .btn-title > .right > span {
text-align: right;
}
#product-details > .container > .content > .right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
}
}
.product-description-section {
background: linear-gradient(180deg, #ffffff, #f9f9f9);
border: 1px solid #eee;
border-radius: 12px;
padding: 25px 30px;
margin-top: 30px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.product-description-section:hover {
transform: translateY(-3px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
}
.desc-title {
font-size: 22px;
font-weight: 700;
color: var(--main-color);
margin-bottom: 15px;
position: relative;
}
.desc-title::after {
content: '';
position: absolute;
bottom: -6px;
left: 0;
width: 60px;
height: 3px;
background: var(--text-color);
border-radius: 10px;
}
.desc-content {
font-size: 15px;
line-height: 1.9;
color: #444;
margin-bottom: 25px;
}
.desc-content p {
margin-bottom: 12px;
}
.desc-highlights {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: space-between;
}
.highlight-box {
flex: 1 1 calc(33% - 10px);
background: #fff;
border: 1px solid #e7e7e7;
border-radius: 8px;
padding: 12px 15px;
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
color: #333;
transition: all 0.3s ease;
}
.highlight-box i {
color: #00ccb8;
font-size: 18px;
}
.highlight-box:hover {
background-color: #cecece87;
color: #fff;
transform: translateY(-3px);
}
.highlight-box:hover i {
color: #fff;
}
/* fade animation */
.fade-in-description {
opacity: 0;
transform: translateY(15px);
animation: fadeInDesc 0.6s ease forwards;
}
@keyframes fadeInDesc {
from {
opacity: 0;
transform: translateY(15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive tweaks */
@media (max-width: 768px) {
.highlight-box {
flex: 1 1 100%;
}
}
.z-index-1 {
z-index: -1;
}
.comment1-titles {
display: flex;
flex-direction: column;
gap: 10px;
}
.circeled-main-title {
color: rgba(0, 170, 99, 1);
font-weight: 600;
line-height: 120%;
font-size: 24px;
text-align: center;
font-family: Quicksand;
}
.big-main-title {
margin: 0;
font-family: Quicksand;
text-align: center;
font-size: 40px;
color: var(--text-color);
font-weight: 700;
line-height: 110%;
}
.small-main-title {
max-width: 700px;
margin: 0 auto;
font-family: Quicksand;
line-height: 160%;
text-align: center;
color: rgba(36, 63, 47, 1);
font-weight: 400;
font-size: 18px;
}
/* تأثير الكروت */
.review-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
/* أنيميشن الفيد */
.fade-in {
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.6s ease forwards;
}
.fade-in:nth-child(1) {
animation-delay: 0.1s;
}
.fade-in:nth-child(2) {
animation-delay: 0.2s;
}
.fade-in:nth-child(3) {
animation-delay: 0.3s;
}
.fade-in:nth-child(4) {
animation-delay: 0.4s;
}
.fade-in:nth-child(5) {
animation-delay: 0.5s;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.comment1-titles {
display: flex;
flex-direction: column;
gap: 10px;
}
.circeled-main-title {
color:var(--text-color);
font-weight: 600;
line-height: 120%;
font-size: 24px;
text-align: center;
font-family: Quicksand;
}
.big-main-title {
margin: 0;
font-family: Quicksand;
text-align: center;
font-size: 40px;
color: var(--text-color);
font-weight: 700;
line-height: 110%;
}
.small-main-title {
max-width: 700px;
margin: 0 auto;
font-family: Quicksand;
line-height: 160%;
text-align: center;
color: rgba(36, 63, 47, 1);
font-weight: 400;
font-size: 18px;
}
.comment1-track {
display: flex;
overflow-x: auto; /* علشان تقدر تسحب الكروت */
scroll-behavior: smooth; /* سلاسة أثناء السحب */
gap: 15px; /* مسافة بين الكروت */
padding-bottom: 10px;
}
.comment1-track::-webkit-scrollbar {
display: none; /* Chrome, Safari */
}
.comment1-track {
-ms-overflow-style: none; /* IE و Edge */
scrollbar-width: none; /* Firefox */
}
.comment1-card {
flex: 0 0 250px; /* عرض كل كارت */
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
padding: 15px;
text-align: center;
}
.quickview-slider-active .owl-nav {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
pointer-events: none;
/* Allows clicking only on the buttons */
}
.quickview-slider-active .owl-prev,
.quickview-slider-active .owl-next {
position: relative;
pointer-events: auto;
/* Enables clicking on the buttons */
background: rgba(0, 0, 0, 0.5);
/* Optional: Adds a background for better visibility */
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
/* Ensures the buttons are on top */
}
.quickview-slider-active .owl-prev {
left: -20px;
/* Adjust to align or overlap the carousel */
}
.quickview-slider-active .owl-next {
right: -20px;
/* Adjust to align or overlap the carousel */
}
.bundle-card {
transition: all 0.3s ease;
border: 2px solid #e5e7eb;
}
.bundle-card:hover {
border-color: #93c5fd;
box-shadow: 0 4px 6px -1px rgb(59 130 246 / 0.1), 0 2px 4px -2px rgb(59 130 246 / 0.1);
}
.bundle-card .radio_circle {
transition: background-color 0.3s ease;
}
.bundle-card .radio_container {
transition: border-color 0.3s ease;
}
.bundle-card:hover .radio_circle {
background-color: #93c5fd;
}
.bundle-card:hover .radio_container {
border-color: #3b82f6;
}
/* Breadcrumb Styles */
.breadcrumb-container {
border-bottom: 1px solid #eee;
}
.breadcrumb {
margin: 0;
padding: 0;
list-style: none;
direction: rtl;
}
.breadcrumb-item a {
color: #666;
transition: color 0.3s ease;
text-decoration: none;
font-size: 14px;
}
.breadcrumb-item a:hover {
color: #3b82f6;
}
.breadcrumb-item.active {
color: #333;
font-weight: 500;
font-size: 14px;
}
.breadcrumb i.fas {
margin: 0 4px;
}
.bundle-card {
transition: all 0.3s ease;
cursor: pointer;
padding-top: 25px !important;
}
.bundle-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.bundle-card.selected {
border-color: var(--text-color) !important;
background-color: #f8f9fa !important;
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
}
.form-field-valid {
border-color: #28a745 !important;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}
.form-field-invalid {
border-color: #dc3545 !important;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
.form-field-focus {
border-color: #007bff !important;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}
.checkout-btn {
transition: all 0.3s ease;
}
.checkout-btn:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.radio-selected {
background-color: #007bff !important;
}
.radio-unselected {
background-color: #e9ecef !important;
}
/* Shake animation for error fields */
@keyframes shake {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-5px);
}
20%,
40%,
60%,
80% {
transform: translateX(5px);
}
}
.field-error {
animation: shake 0.5s ease-in-out;
}
/* Pulse animation for missing fields */
@keyframes pulse-error {
0% {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
50% {
box-shadow: 0 0 0 0.4rem rgba(220, 53, 69, 0.4);
}
100% {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
}
.field-missing {
animation: pulse-error 1s infinite;
}
/* ----- Form UI Refinements ----- */
/* Inputs and textareas */
.global_input,
.global_textarea,
select.form-control,
select.bundle-color,
select.bundle-size {
border: 1.5px solid #e5e7eb;
background-color: #ffffff;
border-radius: 10px;
padding: 10px 12px;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.global_input:focus,
.global_textarea:focus,
select.form-control:focus,
select.bundle-color:focus,
select.bundle-size:focus {
border-color: #3b82f6;
/* blue-500 */
box-shadow: 0 0 0 0.15rem rgba(59, 130, 246, 0.25);
outline: none;
}
/* Labels spacing */
label.block.text-sm {
/* existing utility chain on labels */
margin-bottom: 6px;
color: #111827;
/* gray-900 */
}
/* Placeholder tone */
.global_input::placeholder,
.global_textarea::placeholder {
color: #9ca3af;
/* gray-400 */
}
/* Quantity group */
.quantity .input-group {
display: flex;
align-items: center;
gap: 8px;
}
.quantity h6 {
font-weight: 700;
color: #111827;
margin-bottom: 8px !important;
}
.input-number {
width: 80px;
text-align: center;
border: 1.5px solid #e5e7eb;
border-radius: 10px;
padding: 8px 10px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.input-number:focus {
border-color: #10b981;
/* emerald-500 */
box-shadow: 0 0 0 0.15rem rgba(16, 185, 129, 0.25);
outline: none;
}
.btn-number.btn.btn-primary {
background: rgb(246, 147, 29);
/* gray-900 */
border-color: rgb(246, 147, 29);
border-radius: 10px;
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform 0.1s ease, opacity 0.2s ease;
}
.btn-number.btn.btn-primary:hover {
opacity: 0.9;
}
.btn-number.btn.btn-primary:active {
transform: scale(0.98);
background: rgb(246, 147, 29);
}
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: rgb(246, 147, 29) !important;
border-color: rgb(246, 147, 29) !important;
box-shadow: 0 0 0 .2rem rgb(246, 147, 29) !important;
}
.btn-number[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
/* Product-buy selects and labels */
.product-buy .form-group label {
font-weight: 700;
color: #111827;
}
.product-buy .form-group select.form-control {
min-height: 55px;
}
/* Bundle dropdowns spacing */
.piece-selection select.bundle-color,
.piece-selection select.bundle-size {
min-height: 44px;
}
/* Under fields helper row (color/size/qty beneath) */
#x-bundles .piece-selection h3 {
color: #111827;
}
/* Make the entire personal info & product selectors feel consistent */
.product_form_checkout .global_input,
.product_form_checkout .global_textarea,
.product-buy select.form-control {
font-size: 14px;
}
/* Select box styling */
select.form-control {
transition: all 0.3s ease;
cursor: pointer;
}
select.form-control:hover {
border-color: #007bff;
box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.1);
}
select.form-control:focus {
border-color: #007bff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* Quantity input styling */
input[name="quantity"] {
text-align: center;
font-weight: bold;
}
/* Form validation indicators */
.form-validation-indicator {
position: relative;
}
.form-validation-indicator::after {
content: '';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 50%;
background-size: contain;
}
.form-validation-indicator.valid::after {
background-color: #28a745;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.form-validation-indicator.invalid::after {
background-color: #dc3545;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M4 0C1.8 0 0 1.8 0 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3e%3c/svg%3e");
}
/* Bundle Card Styles */
.bundle-card {
transition: all 0.3s ease;
cursor: pointer;
position: relative;
}
.bundle-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.bundle-card.selected {
background-color: #f8f9fa !important;
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
}
.bundle-header {
transition: all 0.3s ease;
}
.bundle-content {
transition: all 0.3s ease;
overflow: hidden;
}
.bundle-content.show {
display: block !important;
animation: slideDown 0.3s ease;
}
.expand-icon {
transition: transform 0.3s ease;
}
.expand-icon.expanded {
transform: rotate(180deg);
}
@keyframes slideDown {
from {
opacity: 0;
max-height: 0;
}
to {
opacity: 1;
max-height: 1000px;
}
}
/* Piece Selection Styles */
.piece-selection {
border: 2px solid #e5e7eb;
border-radius: 8px;
transition: all 0.3s ease;
}
.piece-selection:hover {
border-color: #d1d5db;
}
/* Color Selection Styles */
.color-option {
transition: all 0.3s ease;
border-radius: 8px;
}
.color-option:hover {
transform: scale(1.05);
}
.color-option.selected {
border-color: #007bff !important;
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}
.color-option .w-16 {
transition: all 0.3s ease;
}
.color-option:hover .w-16 {
transform: scale(1.1);
}
/* Size Selection Styles */
.size-option {
transition: all 0.3s ease;
border-radius: 6px;
}
.size-option:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.size-option.selected {
border-color: #007bff !important;
background-color: #007bff !important;
color: white !important;
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}
/* Bundle Selection Animation */
.bundle-card.selecting {
animation: pulse-selection 1s ease-in-out;
}
@keyframes pulse-selection {
0% {
box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 123, 255, 0.1);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}
}
/* Carousel Auto-Slide Styles */
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item.active {
transform: translateX(0);
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%);
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}
.carousel-indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/* Ensure carousel images are responsive */
.carousel-inner img {
width: 100%;
height: auto;
object-fit: cover;
}
/* Auto-slide animation */
.carousel.slide .carousel-item {
transition: transform 0.6s ease-in-out;
}
/* Pause on hover */
.carousel:hover .carousel-item {
transition-duration: 0.6s;
}
/* Ensure smooth transitions */
.carousel-item {
transition: all 0.6s ease-in-out !important;
}
/* Custom carousel styles */
.carousel.slide .carousel-item {
transition: transform 0.6s ease-in-out;
}
.carousel-item.active {
display: block !important;
}
.carousel-item:not(.active) {
display: none !important;
}
/* Touch-friendly indicators */
.carousel-indicators li {
cursor: pointer;
transition: all 0.3s ease;
}
.carousel-indicators li:hover {
opacity: 0.8;
/* transform: scale(1.1); */
}
.carousel-indicators .active {
opacity: 1;
/* transform: scale(1.2); */
}
/* Control buttons styling */
.carousel-control-prev,
.carousel-control-next {
background: rgba(0, 0, 0, 0.1);
border-radius: 50%;
width: 50px;
height: 50px;
top: 50%;
transform: translateY(-50%);
}
.carousel-control-prev {
left: 10px;
}
.carousel-control-next {
right: 10px;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
background: rgba(0, 0, 0, 0.3);
}