body {
    font-family: "Tajawal", sans-serif;
}

.text-bold {
    font-weight: 600;
}

.checked {
    color: orange;
}

.fab {
    padding: 15px;
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    color: white;
}

    .fab:hover {
        opacity: 0.7;
        color: white;
        text-decoration: none;
    }

.fas {
    padding: 15px;
    font-size: 25px;
    text-align: center;
    text-decoration: none;
    color: white;
}

    .fas:hover {
        opacity: 0.7;
        color: white;
        text-decoration: none;
    }

.fa-circle {
    color: transparent;
    background-clip: text;
    background-image: radial-gradient(circle, rgba(246,255,136,1) 0%, rgba(85,200,49,1) 100%);
}

.rate {
    font-size: 22px;
}

.Icons {
    background-color: #6b0954;
}

    .Icons .Social-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

        .Icons .Social-icon:hover {
            filter: none;
            opacity: 1;
        }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #6b0954;
}

.nav-pills .nav-item a {
    color: black;
    border: 1px solid #a775a6;
    margin: 10px;
    font-weight: 500;
}

.scrollable .nav-pills {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    scrollbar-width: thin;
    padding: 0 0 10px;
}

    .scrollable .nav-pills .nav-item .nav-link {
        white-space: nowrap;
    }

.banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1; /* add this to ensure it's on top of other elements */
    background-image: radial-gradient(circle, rgba(110,212,201,1) 0%, rgba(9,74,107,1) 100%);
}

.banner__content {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}


.banner__close {
    background: none;
    border: none;
    cursor: pointer;
}

    .banner__close > span {
        color: white;
    }

.rating-number {
    color: #6b0954;
    font-weight: bold;
}

.gradient-text {
    background: linear-gradient(to right, #AA076B 0%, #61045F 51%, #AA076B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
}

.card-booking {
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    padding: 1rem;
    margin: 1rem 15px;
}

.card-duration {
    font-size: 0.875rem;
    color: gray;
    margin-top: 0.25rem;
}

.card-discounted-price {
    font-size: 1.20rem;
    color: red;
    text-decoration: line-through;
    padding-left: 10px;
}

.card-price {
    font-size: 1.20rem;
    color: #6b0954;
    font-weight: bold;
    margin-left: 0.5rem;
}

.discount {
    font-size: 1rem;
    color: gray;
    font-weight: 500;
    margin-right: auto;
}

.icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f0f0;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .icon-wrapper.selected {
        background-color: #6b0954;
    }

.icon {
    font-size: 1.05rem;
    color: #6b0954;
    transition: color 0.3s;
}

.icon-wrapper.selected .icon {
    color: white;
}

.price-row {
    display: flex;
    align-items: center;
}
/* Media queries for smaller screens */
@media (max-width: 768px) {
    .card-title {
        font-size: 1rem;
    }

    .card-description {
        font-size: 0.875rem;
    }

    .card-duration {
        font-size: 0.75rem;
    }

    .card-discounted-price {
        font-size: 1rem;
    }

    .card-price {
        font-size: 1.25rem;
    }

    .discount {
        font-size: 0.875rem;
    }

    .icon {
        font-size: 1.25rem;
    }
}

@media (max-width: 576px) {
    .card-title {
        font-size: 0.875rem;
    }

    .card-description {
        font-size: 0.75rem;
    }

    .card-duration {
        font-size: 0.625rem;
    }

    .card-discounted-price {
        font-size: 0.875rem;
    }

    .card-price {
        font-size: 1rem;
    }

    .discount {
        font-size: 0.75rem;
    }

    .icon {
        font-size: 1rem;
    }
}

.content {
    display: none;
    height: 100%;
}

    .content.active {
        display: block;
    }

.btn-back,
.btn-forward {
    display: none;
}



.btn-grad {
    background-image: linear-gradient(to right, #AA076B 0%, #61045F 51%, #AA076B 100%);
    padding: 10px 35px;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

    .btn-grad:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }

    .btn-grad:focus {
        background-image: linear-gradient(to right, #AA076B 0%, #61045F 51%, #AA076B 100%);
    }

.btn-grad-code {
    background-image: linear-gradient(to right, #AA076B 0%, #61045F 51%, #AA076B 100%);
    font-weight: 600;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

    .btn-grad-code:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }

.carousel-item.active, .carousel-item {
    height: 50vh !important;
}

    .carousel-item.active, .carousel-item {
        height: 50vh !important;
    }

        .carousel-item img {
            object-fit: cover;
            width: 100% !important;
            height: 100% !important;
        }

/*MEDIA QUERIES RESPONSIVE DESIGN */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /* Carousel 1/2 of screen */

    .carousel-item.active, .carousel-item {
        height: 30vh !important;
    }

        .carousel-item.active, .carousel-item {
            height: 30vh !important;
        }

            .carousel-item img {
                object-fit: cover;
                width: 100% !important;
                height: 100% !important;
            }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    /* Carousel 1/2 of screen */

    .carousel-item.active, .carousel-item {
        height: 30vh !important;
    }

        .carousel-item.active, .carousel-item {
            height: 30vh !important;
        }

            .carousel-item img {
                object-fit: cover;
                width: 100% !important;
                height: 100% !important;
            }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    /* Carousel 1/2 of screen */

    .carousel-item.active, .carousel-item {
        height: 30vh !important;
    }

        .carousel-item.active, .carousel-item {
            height: 30vh !important;
        }

            .carousel-item img {
                object-fit: cover;
                width: 100% !important;
                height: 100% !important;
            }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /* Carousel 1/2 of screen */

    .carousel-item.active, .carousel-item {
        height: 50vh !important;
    }

        .carousel-item.active, .carousel-item {
            height: 50vh !important;
        }

            .carousel-item img {
                object-fit: cover;
                width: 100% !important;
                height: 100% !important;
            }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    /* Carousel 1/2 of screen */

    .carousel-item.active, .carousel-item {
        height: 50vh !important;
    }

        .carousel-item.active, .carousel-item {
            height: 50vh !important;
        }

            .carousel-item img {
                object-fit: cover;
                width: 100% !important;
                height: 100% !important;
            }
}

.google-map {
    padding-bottom: 50%;
    position: relative;
}

    .google-map iframe {
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }

.service-title span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #6b0954; /* Circular background color */
    color: white;
    border-radius: 50%;
    margin-right: 10px;
}

.calendar-container {
    max-width: 300px;
    margin: auto;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
    display: none;
    background: white;
    z-index: 1000;
    justify-content: center;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.calendar-weekdays, .calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

    .calendar-weekdays div, .calendar-days div {
        text-align: center;
        padding: 0.5rem;
    }

.calendar-weekdays {
    border-bottom: 1px solid #dee2e6;
    font-weight: bold;
}

.calendar-days div {
    cursor: pointer;
}

    .calendar-days .selected, .calendar-days div:hover {
        background-color: #6b0954;
        color: white;
        border-radius: 50%;
    }

    .calendar-days div:hover {
        background-color: #6b0954;
        color: white;
    }

.navbar-brand img {
    max-height: 50px; /* default logo size */
    width: auto;
    transition: max-height 0.3s ease;
}

@media (max-width: 768px) {
    .navbar-brand img {
        max-height: 40px; /* smaller logo size for mobile */
    }
}

@media (max-width: 576px) {
    .navbar-brand img {
        max-height: 30px; /* even smaller logo size for very small devices */
    }
}

.services i {
    color: #61045F;
    font-size: 1.2rem;
}

    .services i:hover {
        color: #61045F;
    }



.custom-radio .custom-control-input:checked ~ .custom-control-label i {
    color: purple;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: purple;
    background-color: purple;
}

.custom-radio .custom-control-label i {
    margin-right: 0.5rem;
    color: gray; /* Default icon color */
}

.custom-radio .custom-control .custom-control-label {
    display: flex;
    align-items: center;
}
.step .bs-stepper-circle {
    background-color: #6b0954 !important;
    color:white !important
}

@media screen and (max-width: 767px) {
    .radio-label {
        font-size: 12px !important;
    }
}

.main-header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 80px;
    background: #2e3f6e;
    z-index: 31;
    padding: 0 40px;
    -webkit-transform: translate3d(0,0,0);
}

    .main-header:before {
        content: '';
        position: absolute;
        right: 0;
        width: 480px;
        height: 100%;
        bottom: 0;
        opacity: 1;
        transition: all .3s ease-in-out;
        background: #3d528b;
    }

.dsh-header.main-header:before {
    width: 540px;
}

.main-header.vis-searchdec:before {
    opacity: 0;
}

.logo-holder {
    float: left;
    height: 30px;
    position: relative;
    top: 20px;
}

    .logo-holder img {
        width: auto;
        height: 100%;
    }

.header-search_btn {
    float: left;
    margin-left: 70px;
    width: 180px;
    padding: 14px 0;
    border-radius: 30px;
    position: relative;
    color: #fff;
    top: 18px;
    font-weight: 500;
    font-size: 13px;
    background: #3d528b;
    cursor: pointer;
}

    .header-search_btn span {
        position: relative;
    }

        .header-search_btn span:before {
            content: '';
            position: absolute;
            left: -15px;
            top: 50%;
            height: 10px;
            margin-top: -5px;
            width: 1px;
            background: rgba(255,255,255,0.31);
        }

    .header-search_btn i {
        margin-right: 30px;
    }
    @charset "utf-8";
/*--
	Color styles
--*/
.geodir-category-content h3 a{
    color:unset;
}

.text-primary-first  {
    color: #932c8c;
}
.text-primary-second    {
    color: #0c54a3 ;
}
.main-header{
    background-color:white !important;
}
.nav-holder nav li a{
    color:#848484 ;
}
.main-header:before, .to-top {
    background-color: white;
}
.to-top:hover {
    background-color: #f5f5f5;
}


a.fa-pinterest-p {
    background-color: #007ab9;
}

a.fa-plus {
    background-color: #fe3d6c;
}

a.fa-dribbble {
    background-color: #f95c94;
}
a i.fa-whatsapp {
    padding: 5px;
    border-radius: 5px;
    color: white !important;
    background-color: #0cc243;
    vertical-align:middle !important;
}
a i.fa-twitter {
    padding: 5px;
    border-radius: 5px;
    color: white !important;
    background-color: #3ac1f1;
    vertical-align: middle !important;
}
a i.fa-snapchat-ghost {
    padding: 5px;
    border-radius: 5px;
    color: white !important;
    background-color: #FFFC00;
    vertical-align: middle !important;
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

a i.fa-instagram {
    padding: 5px;
    border-radius: 5px;
    color: white !important;
    background: #d6249f;
    vertical-align: middle !important;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.show-reg-form, .show-lang, .show-lang i.arrlan {
    color: #932c8c;
}
    .nav-holder nav li a.act-link, .nav-holder nav li a:hover, .header-search_btn i, .show-reg-form i, .nice-select:before, .main-register_title span strong, .lost_password a, .custom-form.dark-form label span, .filter-tags input:checked:after, .custom-form .filter-tags input:checked:after, .custom-form .filter-tags label a, .section-subtitle, .footer-social li a, .subfooter-nav li a, #footer-twiit .timePosted a:before, #subscribe-button i, .nice-select .nice-select-search-box:before, .nav-holder nav li a i, .show-lang i, .lang-tooltip a:hover, .main-register-holder .tabs-menu li a i, .header-modal_btn i, .custom-form .log-submit-btn:hover i, .main-search-input-item label i, .header-search-input label i, .location a, .footer-contacts li i, #footer-twiit p.tweet:after, .subscribe-header h3 span, .footer-link i, .footer-widget-posts .widget-posts-date i, .clear-wishlist, .widget-posts-descr-link a:hover, .geodir-category-location a i, .header-modal-top span strong, .cart-btn:hover i, .to-top, .map-popup-location-info i, .infowindow_wishlist-btn, .infobox-raiting_wrap span strong, .map-popup-footer .main-link i, .infoBox-close, .mapnavbtn, .mapzoom-in, .mapzoom-out, .location-btn, .list-main-wrap-title h2 span, .grid-opt li span.act-grid-opt, .reset-filters i, .avatar-tooltip strong, .facilities-list li i, .geodir-opt-list a:hover i, .geodir-js-favorite_btn:hover i, .geodir-category_contacts li span i, .geodir-category_contacts li a:hover, .close_gcc:hover, .listsearch-input-wrap-header i, .listsearch-input-item span.iconn-dec, .more-filter-option-btn i, .clear-filter-btn i, .back-to-filters, .price-rage-wrap-title i, .listsearch-input-wrap_contrl li a i, .geodir-opt-tooltip strong, .listing-features li i, .gdop-list-link:hover i, .show-hidden-sb i, .filter-sidebar-header .tabs-menu li a i, .datepicker--day-name, .scroll-nav li a.act-scrlink, .show-more-snopt:hover, .show-more-snopt-tooltip a i, .breadcrumbs a:before, .list-single-main-item-title h3 i, .box-widget-item-header i, .opening-hours ul li.todaysDay span.opening-hours-day, .listing-carousel-button, .list-single-main-item-title i, .list-single-main-item-title:before, .box-widget-item-header:before, .list-author-widget-contacts li span i, .btn i, .reviews-comments-item-date i, .rate-review i, .chat-widget_input button, .chat-widget_header h3 a, .custom-form .review-total span input, .photoUpload span i, .bottom-bcw-box_link a:hover, .custom-form label i, .video-box-btn, .claim-widget-link a, .custom-form .quantity span i, .scroll-nav li a.act-scrlink i, .share-holder.hid-share .share-container .share-icon, .list-single-main-item-title h3 span, .ss-slider-cont, .team-social li a, .team-info h4, .simple-title span, .back-tofilters i, .breadcrumbs.block-breadcrumbs:before, .breadcrumbs.top-breadcrumbs a:before, .top-breadcrumbs .container:before, .header-sec-link a i, .map-modal-container h3 a, .map-modal-close, .post-opt li i, .cat-item li span, .cat-item li a:hover, .brd-show-share i, .author-social li a, .post-nav-text strong, .post-nav:before, .faq-nav li a.act-scrlink i, .faq-nav li a.act-scrlink:before, .faq-nav li a:hover i, .log-massage a, .cart-total strong, .action-button i, .dashboard-header-stats-item span, .dashboard-header-stats-item i, .add_new-dashboard i, .tfp-btn strong, .user-profile-menu li a i, .logout_btn i, .dashboard-message-text p a, .dashboard-message-time i, .pass-input-wrap span, .fuzone .fu-text i, .radio input[type="radio"]:checked + span:before, .booking-list-message-text h4 span, .dashboard-message-text h4 a:hover, .chat-contacts-item .chat-contacts-item-text span, .recomm-price i, .time-line-icon i, .testi-link, .testimonilas-avatar h4, .testimonilas-text:before, .testimonilas-text:after, .cc-btn, .single-facts_2 .inline-facts-wrap .inline-facts i, .images-collage-title, .collage-image-input i, .process-count, .listing-counter span, .main-search-input-tabs .tabs-menu li.current a, .hero-categories li a i, .main-search-input-item span.iconn-dec, .shb, .follow-btn i, .user-profile-header_stats li span, .follow-user-list li:hover a span, .dashboard-tabs .tabs-menu li a span, .bold-facts .inline-facts-wrap .num, .page-scroll-nav nav li a i, .mob-nav-content-btn i, .map-close, .post-opt-title a:hover, .post-author a:hover span, .post-opt a:hover, .breadcrumbs a:hover, .reviews-comments-header h4 a:hover, .listing-item-grid_title h3 a:hover, .geodir-category-content h3 a:hover, .footer-contacts li a:hover, .footer-widget-posts .widget-posts-descr a:hover, .footer-link:hover, .geodir-category-opt h4 a:hover, .header-search-button:hover i, .list-author-widget-contacts li a:hover, .list-single-author a:hover, .close_sbfilters, .show-lang:hover i, .show-reg-form:hover, .close-reg:hover, .pac-icon:before, .pi-text h4, .section-subtitle {
        /*color: #4DB7FE;*/
        color: #53c1eb;
    }
.sc-btn, .scroll-nav-wrapper-opt a.scroll-nav-wrapper-opt-btn i, .main-search-button i, .list-single-stats li span i, .bookmark-counter i {
    color: #fff !important;
}
.color-bg   , .nice-select .option.selected.focus , .nav-holder nav li a:before , .section-separator:before  , .footer-widget h3:before  ,   .cluster div , .pagination a.current-page, .pagination a:hover  ,  .irs-bar , .irs-slider ,  .irs-bar-edge  , .catcar-scrollbar .swiper-scrollbar-drag , .checket-cat:after , .scroll-nav li a.act-scrlink:before  , .listing-carousel_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active , .box-media-zoom , .daterangepicker td.active , .list-widget-social li a , .btn.border-btn:hover  , .chat-message.chat-message_user p  , .chat-widget-button   , .tags-stylwrap a:hover , .custom-form .quantity input.qty , .listing-hero-section .list-single-header-item h1:before , .box-item a , .menu-filters a.menu-filters-active , .promo-link i , .ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active , .accordion a.toggle span , .search-widget .search-submit:hover   , .reply-item:hover , #progressbar li.active span , #progressbar li:before , .user-profile-menu li a.user-profile-act:before , .new-dashboard-item  , .dashboard-title:before , .dhs-controls div:hover , .message-counter , .chat-contacts-item:after , .tc-pagination   .swiper-pagination-bullet.swiper-pagination-bullet-active , .tc-pagination2  .swiper-pagination-bullet.swiper-pagination-bullet-active , .down-btn i   , .listing-filters  a.gallery-filter-active , .single-facts_2 .inline-facts-wrap:before  , .single-social li  a   , .mob-nav-content-btn.slsw_vis  , .infobox-status , .header-search_container .header-search-button:hover , .pac-item:hover  , .process-item_time-line:before  , .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover , .listing-item-grid_title h3:before {
	background:#4DB7FE;
}
.pin , .nice-select:after ,  .loader-inner  , .ed-btn     , blockquote , .main-register-holder .tabs-menu li.current , .filter-sidebar-header .tabs-menu li.current  , .header-search-input input:focus , .listsearch-input-wrap .tabs-menu li.current , .btn.border-btn {
	border-color:#4DB7FE;
} 
.color2-bg  , .list-widget-social li a:hover  , .accordion a.toggle.act-accordion , .banner-wdget-content a:hover , .inline-lsiw   .listsearch-input-wrap_contrl li.current a  , .cc-btn:hover     , .down-btn:hover   , .new-dashboard-item:hover  , .header-search-button:hover  , .lg-actions .lg-next, .lg-actions .lg-prev , .box-media-zoom:hover  , .main-search-button {
    background: #384F95;
}
.share-holder.hid-share .share-container  .share-icon:hover  {
	color:#384F95;
}
.green-bg , div.datedropper.primary .pick-submit , .footer-bg-pin    , .gsd_open , .verified-badge    , .toggle-filter-btn.tsb_act  , .status.st_online span  , .slide-progress  , .reply-item , #progressbar li.active:last-child  span , .user-profile-menu li a span  , .infobox-status.open , .map-popup-location-category.shop-cat  , .process-item_time-line:after     {
	background:#5ECFB1;
}
.clear-wishlist:hover , .lang-tooltip li a:before , .opening-hours ul li.todaysDay span.opening-hours-time , .pricerange , .tags-stylwrap .tags-title i  , .faq-nav li a  i  , .tfp-det p a , .tfp-btn:before  , .green-bg_color  , .testi-link:hover {
	color:#5ECFB1;
}
.orange-bg   {
	background:#E9776D;
}
.clear-singleinput   {
	color:#E9776D;
}
.blue-bg , .map-popup-location-category.gym-cat   {
	background:#4C97FD;
}
.blue-bg_color {
	color:#4C97FD;
}
.red-bg , .gsd_close , .map-popup-location-category.cafe-cat , .infobox-status.close  {
	background:#F75C96;
}
.red-bg_color {
	color:#F75C96;
}
.yellow-bg , .map-popup-location-category.hotels-cat {
	background:#F8BD38;
}
.yellow-bg_color {
	color:#F8BD38;
}
.purp-bg  , .map-popup-location-category.event-cat{
	background:#BE31E3;
}
.purp-bg_color {
	color:#BE31E3;
}
.dark-blue-bg {
	background: #3d528b;
}
.purp-gradient-bg {
    background: linear-gradient(to left, #DBA9CB, #9451DA);
}
.green-gradient-bg {
    background: linear-gradient(to left, #5ECFB1, #47EEB0);
} 
.blue-gradient-bg {
    background: linear-gradient(to top, #6DB6FD, #60B6FD);
} 
/*--
	gradient
--*/
.gradient-bg , .header-modal .tabs-menu li.current  , .scrollbar-inner2 .simplebar-scrollbar:before {
  background-color: #6DB6FD;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6DB6FD), to(#6FCFFD));
  background: -webkit-linear-gradient(top, #6DB6FD, #6FCFFD);
  background: -moz-linear-gradient(top, #6DB6FD, #6FCFFD);
  background: -ms-linear-gradient(top, #6DB6FD, #6FCFFD);
  background: -o-linear-gradient(top, #6DB6FD, #6FCFFD);
}
/*--
	dark gradient
--*/
.gradient-dark {
  background-color: #325096;
  background: -webkit-gradient(linear, 20% 0%, 0% 10%, from(#4E65A3), to(#325096));
  background: -webkit-linear-gradient(right, #4E65A3, #325096);
  background: -moz-linear-gradient(right, #4E65A3, #325096);
  background: -ms-linear-gradient(right, #4E65A3, #325096);
  background: -o-linear-gradient(right, #4E65A3, #325096);
}
.act-link {
    display: flex;
    justify-content: center;
    align-items: center;
    color:#6b0954;
    text-decoration:none

}
    .act-link i::before {
        color: #6b0954 !important;
    }
.navbar-nav{
    gap:18px
}

@media screen and (max-width:992px){
   
    .stepper .steps-container .steps .step {
        display: grid;
        text-align: center;
        position: relative;
        min-width: 88px;
        justify-content: flex-start;
    }
        .stepper .steps-container .steps .step .step-indicator .step-divider{
            display:none !important
        }
    .stepper .steps-container .steps .step{
        width:fit-content;
        max-width:fit-content;
        min-width:fit-content
    }
        .stepper .steps-container .steps .step.active .step-title {
            opacity: 1 !important;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
}