.histudy-icon-list .icon-box1 {
    display: flex;
    align-items: center;
    gap: 20px;
}

.histudy-icon-list .icon-box1 svg { 
    width: 20px;
    height: 20px;
}

.histudy-icon-list .icon-box1 .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.histudy-circle-box {
    width: 254.117px;
    height: 254.117px;
    transform: rotate(-45deg);
    border-radius: 50%;
    background: linear-gradient(180deg, #FB64AD 0%, #C586EE 100%);
    filter: blur(200px);
}

.rbt-swiper-thumb {
    position: absolute!important;
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
}

.rbt-banner-two .rbt-banner-area .section-title {
    display: flex;
    align-items: center;
}

.rbt-banner-two .rbt-banner-area .section-title .star-icon {
    margin-right: 5px;
}

.rbt-banner-two .rbt-banner-area .section-title .subtitle2 {
    color: var(--color-white);
}

.rbt-banner-two .rbt-banner-area .section-title .subtitle2 img {
    margin: 0 5px;
}

.rbt-banner-two .rbt-banner-area .description {
    margin-bottom: 40px;
    color: var(--color-white);
}

.rbt-banner-two .banner-bottom-area {
    display: flex;
    align-items: center;
    gap: 30px;
}

.rbt-banner-two .banner-bottom-area .student-area {
    display: flex;
    align-items: center;
    gap: 20px;
}

.rbt-banner-two .banner-bottom-area .student-info { 
    display: flex;
    flex-direction: column;
}

.rbt-banner-two .banner-bottom-area .student-area .total-student {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--color-white);
}

.rbt-banner-two .banner-bottom-area .student-area .enroll-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 5px;
    color: var(--color-white);
}

.rbt-banner-two .rbt-banner-area {
    position: relative
}

.bottom-shape-img {
    position: absolute;
    left: 100px;
    bottom: 40px;
    animation: leftAndRight 4s ease-in-out infinite;
}

@keyframes leftAndRight {
    0% { transform: translateX(5px); }
    50% { transform: translateX(40px); }
    100% { transform: translateX(5px); }
}

.bottom-shape-img img {
    max-width: 180px;
}

.rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow {
    opacity: 1;
}

.rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow:hover::after {
    transform: scale(1);
}

.rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
    left: auto;
    right: 7%;
    top: unset;
    bottom: 25px;
}

.rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right {
    left: auto;
    right: 50px;
    top: unset;
    bottom: 25px;
}

.rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow::after { 
    background: transparent; 
}
.rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow {
    background: transparent;
    width: 54px;
    height: 40px;
    border-radius: 35px;
    border: 2px solid rgba(255, 255, 255, 0.10);
    color: #fff;

}

.rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow:hover {
    border: 2px solid rgba(255, 255, 255, 0.10);
}

.tax-course-category .rbt-page-banner-wrapper,
.tax-course-tag .rbt-page-banner-wrapper {
	display: block;
}
.elementor-element.animated {
    opacity:1!important;
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-header .mainmenu-nav .mainmenu > li > a {
        padding: 0 14px;
        font-size: 16px !important;
    }

    .header-space-betwween {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1260px) {
    .rbt-header-1 .header-right .quick-access {
        padding-right: 7px;
    }
    .rbt-header .mainmenu-nav .mainmenu > li > a {
        padding: 0 10px;
        font-size: 16px !important;
    }
}

@media only screen and ( max-width: 1550px ) {
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 8.5%;
      }
}

@media only screen and ( max-width: 1366px ) {
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 9.5%;
      }
}

@media only screen and ( max-width: 1250px ) {
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 10.5%;
      }
}

@media only screen and ( max-width: 1100px ) {
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 11.5%;
    }
}

@media only screen and ( max-width: 1024px ) {
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 12.5%;
    }

    .rbt-banner-two .rbt-banner-area {
        background-position: right center!important;
    }

    .col-small-part {
        display: none;
    }
    .col-large-part {
        width: 100%;
        padding-left: 40px;
    }

    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 13.5%;
    }
}

@media only screen and ( max-width: 950px ) {
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 14.5%;
    }
}

@media only screen and (max-width: 850px) {
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
      right: 16.5%;
    }
}

@media only screen and (max-width: 768px) {
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
      right: 18.5%;
    }
}

@media only screen and (max-width: 767px) {
    .col-large-part {
      width: 100%;
      padding-left: 0;
    }
}


@media only screen and (max-width: 615px) {

    .col-large-part {
      width: 100%;
      padding-left: 0;
    }
    .rbt-banner-two .banner-bottom-area {
        align-items: flex-start;
        gap: 30px;
        flex-direction: column;
    }
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 25.5%;
    }
} 

@media only screen and (max-width: 615px) {
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 30.5%;
    }
} 

@media only screen and (max-width: 440px) {
    .rbt-banner-two .banner-bottom-area .student-area {
        align-items: flex-start;
        flex-direction: column;
    }
    .rbt-banner-two .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        right: 36.5%;
    }
}

