/* للمتصفحات التي تدعم ::-webkit-scrollbar */
        ::-webkit-scrollbar {
            width: 12px; /* عرض الـ scrollbar */
        }

        ::-webkit-scrollbar-track {
            background: #f1f1f1; /* لون مسار الـ scrollbar */
        }

        ::-webkit-scrollbar-thumb {
            background: #314fb6; /* لون الـ scrollbar نفسه */
            border-radius: 1px; /* جعل الـ scrollbar مدور الأطراف */
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #b167ca; /* لون الـ scrollbar عند التمرير فوقه */
        }
.cursor {
  position: absolute;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.cursor.hover {
  transform: translate(-50%, -50%) scale(4);
  transition: transform 250ms ease-in-out;
}
.inner.hover {
  background: #f7f7f7;
  mix-blend-mode: difference;
}
.inner {
  background: #f7f7f720;
  transition: 250ms ease-out;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate{
color:#d88cc9;
  transition-delay: .3s;
}


[data-aos^=fade][data-aos^=fade].aos-animate{
  opacity:1;
  color:white;
  transform:translateZ(0);
}

.banner-content-two .title {
        font-size: 42px;
        color: #d88cc9;
 }
.banner-content-two .sub-title{
   background: rgba(var(--primary-color-rgb)/20%);
    border-radius: 50px;
    color: white;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1em;
    margin-bottom: 15px;
    padding: 4px 13px
}
.banner-content-two p{
    color: white;
    margin-bottom: 30px
}
.contact-form .contact-button {
    background: #d88cc9;
    border: none;
    border-radius: 30px;
    color: var(--tg-white);
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}
.about-img-wrap-four .icon{
  background: #b167ca;
}
.breadcrumb-content .breadcrumb-item+.breadcrumb-item{
  color:#1bb5e8
}
.rounded-banner{
  border-radius:20px;
  width:100%;
  height:auto;
}