/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

/* ========== Font and Color Variables ========== */
body {
  background-color: #fff;
   font-family: "Cairo", sans-serif;

}

.max-w-sm.leading-6.text-center {
    color: #5D0150;
}

body:not(.index) .min-h-full {
    min-height: 100%;
    background: linear-gradient(90deg, #391B79, #DFB429);
}
h3#title-1 {
    color: white;
}

p#desc-1 {
    color: #ffffff;
}
h3#title-2

 {
    color: #ffffff;
}
p#desc-2 {
    color: #ffffff;
}
h3#title-3

 {
    color: #ffffff;
}
p#desc-3 {
    color: #ffffff;
}
.Chic__hid div p {
 
    color: #B6904A;
}
.swiper-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-watch-progress.swiper-backface-hidden

 {
    margin-top: 4rem;
}
section#Chic__basic-6 {
    margin-top: 4rem;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-backface-hidden:nth-of-type(1) {
   background: linear-gradient(90deg, #391B79, #DFB429);
    
}

  
    .Ch_space-xl

 {
        margin-bottom: 10rem;
        margin-top: 5rem;
    }