.elementor-24253 .elementor-element.elementor-element-5596332f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid > .jet-listing-grid__items{--columns:10;}:is( .elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid > .jet-listing-grid__items, .elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(0px / 2);padding-right:calc(0px / 2);}:is( .elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid, .elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 0px / -2);margin-right:calc( 0px / -2);width:calc(100% + 0px);}.elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 0px / -2);margin-right:calc( 0px / -2);}.elementor-24253 .elementor-element.elementor-element-50882708 .jet-listing-grid__slider-icon{width:40px;height:40px;line-height:40px;margin-top:calc( -40px/2 );font-size:24px;}.elementor-24253 .elementor-element.elementor-element-50882708 .jet-listing-grid__slider-icon svg{height:24px;}.elementor-24253 .elementor-element.elementor-element-402a5074{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24253 .elementor-element.elementor-element-67829922 .elementor-repeater-item-e828fcc .swiper-slide-bg{background-image:url(https://new.demoabzar.ir/static/uploads/2023/02/Medical.png);background-size:cover;}.elementor-24253 .elementor-element.elementor-element-67829922 .elementor-repeater-item-ff68f6a .swiper-slide-bg{background-image:url(https://new.demoabzar.ir/static/uploads/2023/02/toy.png);background-size:cover;}.elementor-24253 .elementor-element.elementor-element-67829922 .swiper-slide{height:460px;}.elementor-24253 .elementor-element.elementor-element-67829922 .swiper-slide-contents{max-width:66%;}.elementor-24253 .elementor-element.elementor-element-67829922 .swiper-slide-inner{text-align:center;}.elementor-24253 .elementor-element.elementor-element-67829922 .elementor-slide-button{font-family:"DanaFaNum-Regular", Sans-serif;font-weight:normal;}@media(min-width:768px){.elementor-24253 .elementor-element.elementor-element-402a5074{--content-width:1920px;}}@media(max-width:1024px){.elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid > .jet-listing-grid__items{--columns:7;}.elementor-24253 .elementor-element.elementor-element-67829922 .swiper-slide{height:340px;}}@media(max-width:767px){.elementor-24253 .elementor-element.elementor-element-50882708 > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}.elementor-24253 .elementor-element.elementor-element-50882708 .jet-listing-grid__slider-icon{width:28px;height:28px;line-height:28px;margin-top:calc( -28px/2 );}.elementor-24253 .elementor-element.elementor-element-67829922 .swiper-slide{height:150px;}}/* Start custom CSS for jet-listing-grid, class: .elementor-element-50882708 */.elementor-24253 .elementor-element.elementor-element-50882708 .jet-listing-grid__slider-icon {
    border: 1px solid #e0e0e2;
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS *//* 1 */

/* Base styles for pagination bullets */
body.elementor-page-24253 .lXuun .swiper-pagination-bullet {
    background: #d9d9d9; /* Gray background */
    margin: 0 2px !important; /* Set margin between bullets */
    transition: all 0.3s; /* Smooth transition effect */
}

/* Active pagination bullet styles */
body.elementor-page-24253 .lXuun .swiper-pagination-bullet-active {
    width: 20px; /* Set active bullet width */
    border-radius: 10px; /* Round the active bullet */
    transition: all 0.3s; /* Smooth transition effect */
}

/* Styles for the left and right chevron icons */
body.elementor-page-24253 .lXuun .eicon-chevron-right,
body.elementor-page-24253 .lXuun .eicon-chevron-left {
    background: #fff; /* White background */
    color: #000; /* Black color for the icons */
    font-size: 15px; /* Set icon size */
    padding: 6px; /* Add padding around the icons */
    border-radius: 8px; /* Round the icon container */
    box-shadow: -5px 5px 25px rgb(0 0 0 / 20%); /* Add a shadow effect to the icons */
}

/* Styles for the previous button */
body.elementor-page-24253 .lXuun .elementor-swiper-button-prev {
    position: absolute; /* Position the button */
    right: 20px !important; /* Set right distance */
    margin-top: 200px; /* Set top margin */
    z-index: 10; /* Set the stacking order */
}

/* Styles for the next button */
body.elementor-page-24253 .lXuun .elementor-swiper-button-next {
    position: absolute; /* Position the button */
    right: 60px !important; /* Set right distance */
    margin-top: 200px; /* Set top margin */
    z-index: 10; /* Set the stacking order */
}

/* Media query for large screens (min-width: 1921px) */
@media (min-width: 1921px) {
    body.elementor-page-24253 .lXuun .elementor-slides-wrapper.elementor-main-swiper.swiper-container.swiper-container-fade.swiper-container-initialized.swiper-container-horizontal.swiper-container-rtl {
        border-radius: 10px; /* Round the slide wrapper */
    }
}

/* Media query for medium screens (max-width: 1024px) */
@media (max-width: 1024px) {
    body.elementor-page-24253 .lXuun .elementor-swiper-button-prev,
    body.elementor-page-24253 .lXuun .elementor-swiper-button-next {
        margin-top: 140px; /* Adjust top margin for buttons */
    }
}

/* Media query for small screens (max-width: 767px) */
@media (max-width: 767px) {
    /* Adjust styles for previous button */
    body.elementor-page-24253 .lXuun .elementor-swiper-button-prev {
        position: absolute; /* Position the button */
        right: 10px !important; /* Set right distance */
        margin-top: 55px; /* Adjust top margin */
    }
    /* Adjust styles for next button */
    body.elementor-page-24253 .lXuun .elementor-swiper-button-next {
        position: absolute; /* Position the button */
        right: 35px !important; /* Set right distance */
        margin-top: 55px; /* Adjust top margin */
    }
    /* Adjust styles for chevron icons */
    body.elementor-page-24253 .lXuun .eicon-chevron-right,
    body.elementor-page-24253 .lXuun .eicon-chevron-left {
        font-size: 10px; /* Adjust icon size */
        padding: 4px; /* Adjust padding around icons */
        border-radius: 4px; /* Round the icon container */
    }
}

/* 2 */

/* Adjusting the position and color of the progress percentage */
body.elementor-page-24253 .xgLBw .elementor-progress-percentage {
    margin-top: -25.6px; /* Adjusting the top margin for proper positioning */
    color: #000 !important; /* Setting the text color to black */
    padding: 0; /* Removing any padding */
}

/* Styling the progress wrapper with box shadow and padding */
body.elementor-page-24253 .xgLBw .elementor-progress-wrapper {
    box-shadow: 0 0 10px #dbdbdb59; /* Adding a subtle box shadow for depth */
    padding: 5px 10px; /* Setting padding for the wrapper */
}

/* 3 */

/* Ensures that the box shadow of nested elements within .jet-tabs__content-wrapper 
  is visible outside of its parent container. This fixes an issue */
body.elementor-page-24253 .yjICQ .jet-tabs__content-wrapper {
    overflow: visible;
}

/* Base styles for SVG with no fill and transparent color */
body.elementor-page-24253 .yjICQ svg.stroke-svg-abz-menu {
    color: transparent;
    fill: none;
}

/* Default stroke color for SVG elements within a group */
body.elementor-page-24253 .yjICQ .group-stroke-svg-abz-menu,
body.elementor-page-24253 .yjICQ path.path-stroke-svg-abz-menu {
    stroke: var(--e-global-color-8a4e21c) !important;
}

/* Stroke color for SVG elements when their tab is active */
body.elementor-page-24253 .yjICQ .active-tab .group-stroke-svg-abz-menu,
body.elementor-page-24253 .yjICQ .active-tab path.path-stroke-svg-abz-menu {
    stroke: var(--e-global-color-ef8a95b) !important;
}

/* Stroke color for SVG elements on hover state */
body.elementor-page-24253 .yjICQ .jet-tabs__control:hover .group-stroke-svg-abz-menu,
body.elementor-page-24253 .yjICQ .jet-tabs__control:hover path.path-stroke-svg-abz-menu {
    stroke: var(--e-global-color-ef8a95b) !important;
}/* End custom CSS */