.banner--style4 {
    position: relative !important;
}
.banner--style4::before {
    background-image: url('/user_assets/images/bg/banner_shape.c7cd7456df2d80d46f97.svg');
    bottom: -2px;
    content: '';
    height: 722px;
    background-position: 50%;
    background-size: cover;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0.5;
    /* border: 2px solid red; */
}
.ConnnectWith {
    /* background: url(/assets/images/bg/banner_bg02.940e5304db0feaddef84.jpg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover; */
    background: white;
}
.pricing p {
    color: black !important;
}
.Service_Box {
    position: relative !important;
    background: black !important;
}
.attractive-bg {
    position: absolute;
    top: 5%;
    width: 100%;
}
.attractive-bg img {
    width: 100%;
    height: 200px;
    z-index: 1;
}
.attractive-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 200px;
    pointer-events: none;
    background: radial-gradient(ellipse at center, #078ec6 5%, transparent 70%);
    filter: blur(30px);
}

.Bull {
    border-radius: 10px !important;
}

.menu-item-has-children.active a::after {
    transform: rotate(180deg);
}
.menu-item-has-children.activenot a::after {
    transform: rotate(0deg);
}

/* Scroll Bar css */
/* Scrollbar for Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #000; /* Background color of the scrollbar track */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #c91820, #007bff); /* Gradient scrollbar */
    border-radius: 10px;
    transition: background 0.3s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #007bff, #c91820); /* Inverted gradient on hover */
}

/* responsive */
@media (max-width: 600px) {
    .about__content h2 span {
        color: #c91820 !important;
        -webkit-text-stroke: 0.2px white;
    }
    .attractive-bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100px;
        pointer-events: none;
        background: radial-gradient(ellipse at center, #078ec6 0%, transparent 70%);
        /* filter: blur(30px); */
    }
    .attractive-bg img {
        width: 100%;
        height: 100px;
        z-index: 1;
    }
    .about--style3 .about__content-icon,
    .about__content:not(:last-child),
    .error__thumb img,
    .sidebar__recentpost-body ul li,
    .cta__subscribe p,
    .footer__about-moto,
    .contact__item:not(:last-child),
    .banner__content-coin--style2 {
        margin-block-end: 0px !important;
    }
    .footer__links-tittle h6 {
        margin-block-end: 5px !important;
    }
    .footer__end {
        padding-block: 0px !important;
    }
    .counter__item-inner,
    .pricing__item-middle {
        padding-block: 10px;
    }
    .counter__item-inner img,
    .sidebar__comment-item,
    .account__header,
    .contact__social h3,
    .banner__btn-group,
    .section-header {
        margin-block-end: 10px;
    }
}
.CourseIcon {
    padding: 5px !important;
}
.CourseIcon img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}

/* Welcome Section css */
.welcomeSection {
  position: relative !important;
}

.main-about-image2 {
  border-radius: 50% 50% 0 50% / 60% 60% 40% 40%;
  max-width: 100%;
  border: 1px solid black;
  height: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.small-image-wrapper2 {
  position: absolute;
  bottom: -20px;
  left: -30px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  z-index: 20;
}

.small-about-image2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.decorative-blob {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 180px;
  height: 180px;
  background: #fef3f3;
  border-radius: 50% 40% 60% 50% / 60% 50% 40% 60%;
  z-index: 0;
  filter: blur(20px);
  border: 1px solid red;
}
.GalleryPageBg{
    background: url('../images/galleryBG.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.CertificationPageBg{
     
    background:linear-gradient(rgba(0, 0, 0, 0.863),rgba(0,0,0,0.5)), url('../images/certificationbg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.StockMarket{
     
    background: url('../images/stockmarketbg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.HighlightTitle{
    font-size: 18px;
    color: black;
    font-weight: 700;
}
.HighlightDesp{
    font-size: 17px;
    color: rgba(0, 0, 0, 0.712);
    font-weight: 500;
    text-align: center;
}