:root {
  --gradient-pink: linear-gradient(
    270deg,
    #c10072 0%,
    #b3004c 51.44%,
    #c8002b 100%
  );
  --black-color: #201c2a;
  --pinkColor: #b3004c;
  --gryColor: #4d4955;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: white;
}
::-webkit-scrollbar-thumb {
  background: var(--gradient-pink);
}

* {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  font-family: "IBM Plex Sans Arabic", sans-serif;
  background-color: #f8f8f8;
}

.container {
  margin: auto;
  padding: 0 10px;
}

.navBar {
  box-shadow: 0px 4px 8px 0px #0000000a;
  background-color: #ffffff;
  z-index: 500;
}

.navBar a {
  font-weight: 500;
}

.navBar .contactBtn,
.btnCombo {
  background: linear-gradient(270deg, #c10072 0%, #b3004c 51.44%, #c8002b 100%);
}

.btnCombo {
  border-radius: 100px;
  padding: 12px 24px;
  font-weight: 700;
  line-height: 100%;
  transition: 0.3s;
  background: linear-gradient(270deg, #c10072 0%, #b3004c 51.44%, #c8002b 100%);
}

.pinkColor {
  color: var(--pinkColor);
}

.gryColor {
  color: var(--gryColor);
}

.blackColor {
  color: var(--black-color);
}

.btnCombo:hover {
  background: linear-gradient(#a50d4d);
}

.navBar li a {
  transition: 0.3s;
}

.navBar li:hover a,
.navBar li a.active {
  color: #d31163;
}

.mobileNav {
  transition: 0.7s width;
}

.mobileNav .navBar {
  box-shadow: none;
}

/* section 1 */
.section-1 {
  background-color: #fff9fd;
}

.section-1 .sevicesBtn {
  border: 1px solid var(--pinkColor);
  padding: 12px 24px;
}

/* section 1 */
/* section 2 */
.section-2 {
  background-color: #f8f8f8;
}

.section-2 ul li img {
  background-color: #fde7f0;
}

/* section 2 */
/* section 3 */
.section-3 {
  position: relative;
  background: url("../images/Group.png"),
    linear-gradient(270deg, #8d0053 0%, #8e003c 51.44%, #ab0025 100%);
  background-size: cover;
  z-index: 1;
}

.section-3::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #8d0053 0%, #8e003c 51.44%, #ab0025 100%);
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: -1;
}

.section-3 .cards img {
  background-color: #a50d4d;
}

select {
  border: none;
  outline: none;
}

/* section 3 */
/* section 4 */
.search {
  box-shadow: 0px 4px 32px 0px #ffdce4;
}

.boxs .box {
  box-shadow: 0px 4px 24px 0px #00000014;
  cursor: pointer;
}

.boxs .box::before {
  position: absolute;
  content: "";
  height: 90px;
  width: 100px;
  border-radius: 100%;
  left: -40px;
  z-index: -1;
  background-color: #fde7f0;
  transition: 0.5s ease-in-out;
}

.boxs .box:hover::before {
  height: 400%;
  width: 200%;
}

/* section 4 */
/* section 5 */
.section-5 {
  background: url(../images/5633059_2960564\ 1.svg);
  background-size: cover;
  background-position: center;
}

.section-5::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff3f8;
  z-index: -1;
}

.section-5 .carousel .slide {
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 16px 0px #00000014;
  border: 1px solid transparent;
  transition: 0.3s;
}

.section-5 .carousel .slide:hover {
  border: 1px solid #d31163;
  box-shadow: 0px 4px 12px 3px #a9a7a7;
}



.slick-dots li button:before {
  font-size: 36px !important;
}

.slick-dots li button:before {
  color: #f8b6d2 !important;
  opacity: 1;
}

.slick-dots li button:hover:before {
  transition: 0.3s !important;
}

.slick-dots li button:hover:before {
  color: #b3004c !important;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #b3004c !important;
}

ul.slick-dots {
  display: flex;
  width: fit-content;
  justify-self: center;
}

.slick-list.draggable {
  position: relative;
}

button.slick-prev.slick-arrow {
  position: absolute;
  bottom: -21px;
  top: unset;
  right: calc(50% - 120px);
}

button.slick-next.slick-arrow {
  position: absolute;
  bottom: -21px;
  top: unset;
  left: calc(50% - 94px);
}

/* button.slick-prev::before {
  content: "<" !important;
}

button.slick-next::before {
  content: ">" !important;
}
 */
button.slick-prev::before,
button.slick-next::before {
  color: #b3004c !important;
  background: linear-gradient(#fde7f0) !important;
  display: flex;
  height: 50px;
  width: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: bold !important;
  font-size: 26px;
  transition: 1s all !important;
  z-index: 5;
  position: relative;
}

/* button.slick-prev:hover::before,
button.slick-next:hover::before {
  background: linear-gradient(
    270deg,
    #c10072 0%,
    #b3004c 51.44%,
    #c8002b 100%
  ) !important;
  color: white !important;
} */

button.slick-prev::before {  
    content:"" !important;
    background: url(https://ijad.arabiapixel.com/wp-content/uploads/2025/12/Icon-1.svg), linear-gradient(#fde7f0);
    background-position: center;
    background-repeat: no-repeat;
}
button.slick-prev:hover::before {
background: url(https://ijad.arabiapixel.com/wp-content/uploads/2025/12/Icon-1-1.svg),linear-gradient(
    270deg,
    #c10072 0%,
    #b3004c 51.44%,
    #c8002b 100%
  ) !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}


button.slick-next::before {
    content: "";
    background: url(https://ijad.arabiapixel.com/wp-content/uploads/2025/12/elements-2.svg),linear-gradient(#fde7f0) ;
    background-position:center;
    background-repeat:no-repeat
}
button.slick-next:hover::before {
background: url(https://ijad.arabiapixel.com/wp-content/uploads/2025/12/elements.svg),linear-gradient(
    270deg,
    #c10072 0%,
    #b3004c 51.44%,
    #c8002b 100%
  ) !important;
    background-position:center !important;
    background-repeat:no-repeat !important}

/* section 5 */

/* flags */
.flags button.slick-prev::before,
.flags button.slick-next::before {
  display: none;
}

.flags .carousel2 ul {
  display: none !important;
}

.flags .slick-dotted.slick-slider {
  margin-bottom: 0;
}



/* flags */
/* footer */
.phoneIcons ul li img {
  background: linear-gradient(270deg, #c10072 0%, #b3004c 51.44%, #c8002b 100%);
}

/* footer */
/* About us page  */
.sec-2 .boxxs .box {
  cursor: unset;
  box-shadow: 0px 4px 8px 0px #00000014;
}

/* About us page  */
/* numbers combo */
.numbers span {
  transition: 0.4s;
  box-shadow: 0px 4px 8px 0px #00000014;
  background: linear-gradient(white);
}

.numbers span:hover,
.numbers span.active {
  background: linear-gradient(270deg, #c10072 0%, #b3004c 51.44%, #c8002b 100%);
  color: white;
}

.numbers button {
  transition: 0.4s;
  background: linear-gradient(#fde7f0);
}

.numbers button:hover {
  background: linear-gradient(270deg, #c10072 0%, #b3004c 51.44%, #c8002b 100%);
  color: white;
}

/* numbers combo */
/* files in single service - 1 */
.files a.download {
  border: 1px solid #b3004c;
  border-radius: 100px;
  padding: 11px 24px;
  font-weight: 700;
  line-height: 100%;
  transition: 0.3s;
}

.files a.download:hover {
  background-color: #fde7f0;
}

/* files in single service - 1 */
@media (min-width: 1480px) {
  .container {
    max-width: 1440px;
  }
}

@media (max-width: 767px) {
  .flags img {
    max-width: 138px !important;
  }
}