.elementor-11652 .elementor-element.elementor-element-092b50f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:30px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11652 .elementor-element.elementor-element-be549cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;}.elementor-11652 .elementor-element.elementor-element-be549cc:not(.elementor-motion-effects-element-type-background), .elementor-11652 .elementor-element.elementor-element-be549cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-11652 .elementor-element.elementor-element-6b0f61a{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-11652 .elementor-element.elementor-element-4c4093e{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11652 .elementor-element.elementor-element-4c4093e:not(.elementor-motion-effects-element-type-background), .elementor-11652 .elementor-element.elementor-element-4c4093e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11652 .elementor-element.elementor-element-76996b9{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-11652 .elementor-element.elementor-element-0c78d14{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-11652 .elementor-element.elementor-element-6b0f61a{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-11652 .elementor-element.elementor-element-76996b9{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}}@media(min-width:768px){.elementor-11652 .elementor-element.elementor-element-be549cc{--width:1300px;}.elementor-11652 .elementor-element.elementor-element-6b0f61a{--width:40%;}}/* Start custom CSS for container, class: .elementor-element-4c4093e */.elementor-11652 .elementor-element.elementor-element-4c4093e{
    position: sticky;
  top: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76996b9 */.elementor-11652 .elementor-element.elementor-element-76996b9{
    overflow: hidden
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be549cc */.tabs {
    /* display: flex; */
    margin-bottom: 20px;
     border-radius: 25px; /* گوشه‌های گرد برای پس‌زمینه کلی */
    padding: 5px; /* فاصله داخلی برای تب‌ها */
    position: relative; /* به منظور انیمیشن بهتر */
}
.tab span {
    display: flex
;
    align-items: center;
}
.tab span img{
    margin-left: 5px
}
.tab {
    margin: 5px 0;
  display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0F172A;
    /* display: inline-block; */
    padding: 15px 30px;
    cursor: pointer;
  
    border-radius: 20px; /* گوشه‌های گرد تب‌ها */
    position: relative; /* موقعیت برای انیمیشن */
    transition: transform 0.3s ease; /* انیمیشن روان برای جابه‌جایی */
}

.tab:hover {
    background-color: #ddd; /* هاور نباید تغییر رنگ بده */
    color: #F1A005
}

.tab.active {
    background-color: #0F172A; /* رنگ پس‌زمینه برای تب فعال */
    color: #F1A005; /* رنگ متن برای تب فعال */
    animation: slideBackground 0.5s ease-out; /* انیمیشن تغییر رنگ پس‌زمینه */
}

/* انیمیشن تغییر پس‌زمینه */
@keyframes slideBackground {
    0% {
        background-color: transparent;
        transform: scale(0.95);
    }
    100% {
        background-color: #0F172A;
        transform: scale(1);
    }
}

.tab-content {
    display: none;
    transition: all 0.5s ease;
    opacity: 0;
    transform: scale(0.95);
}

.tab-content.active {
    display: block;
    opacity: 1;
    transform: scale(1);
}/* End custom CSS */