.team-carousel {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.team-member {
    text-align: center;
    padding: 10px;
}
.team-member img {
    max-width: 100%;
    border-radius: 50%;
}
h4.name-team {
    padding-top: 20px;
}
.slick-next, .slick-prev {
    top: 35% !important;
    right: -27px !important;
    width: 30px!important;
    height: 30px!important;
}
.slick-prev {
    right: 100% !important;
    left: auto;
}
.team-member.slick-slide {
    padding-top: 25px;
}

.slick-slide img {
    display: inline-grid !important;
}
.custom-box-carousel {
    display: flex;
    gap: 20px;
}
.custom-box {
    padding: 20px;
    border: 1px solid #ddd;
    text-align: center;
    background: #fff;
}
.custom-box img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

span.number-asg-rio {
    float: left;
    font-size: 40px;
}
.container-full-asg-rio {
    margin: 40px 0;
}


div.custom-widget.asg-rio-price-widget img {
    padding-left: 10px;
    max-width: 50px;
    padding-bottom: 15px;

}
a.btn-asg-rio:hover {
    color: white !important;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.06) !important;
    padding: 12px 65px 12px 65px;
    transition: .3s;
}




.custom-posts-widget {
    display: flex;
    gap: 20px;
}

.custom-posts-right {
    flex: 2;
}

.custom-posts-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.main-post h2 {
    font-size: 24px;
    color: #333;
}

.side-post h3 {
    font-size: 16px;
    color: #555;
    margin: 0;
}

.main-post p {
    color: #666;
    font-size: 14px;
}


.widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.widget-title {
    font-size: 28px;
    color: #222;
    margin: 0;
}

.widget-button {
    background-color: #ffffff;
    color: #090909;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    transition: background-color 0.3s;
}

.widget-button:hover {
    background-color: #fcfcfc;
}



.main-post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    margin-bottom: 10px;
}

.side-post-thumbnail img {
    width: 90%;
    height: auto;
    display: block;
    border-radius: 20px !important;
    margin-bottom: 5px;

}

.main-post h2, .side-post h3 {
    margin-top: 10px;
}
.custom-posts-right {
    display: flex
;
}

div.custom-posts-left div.side-post-thumbnail img {
    max-width: 30%;
}
div.custom-posts-left div.side-post-thumbnail {
    display: flex
;
    padding-bottom: 25px;
}
.main-post-asg-title-description {
    padding-right: 30px;
}
ul.article_middle_info-asg-rio-post-meta {
    display: flex;
}
li.bettwean-asg-riocode {
    padding-left: 20px;
    padding-right: 20px;
}
li.bettwean-asg-riocode span.icons {
    padding-left: 7px;
}

li.read-asg-post {
    padding-right: 60px;
}
.main-post-asg {
    position: absolute;
    left: 44px;
    right: 44px;
    bottom: 52%;
    z-index: 99;
    width: 40%;
    background: #7e6e6e63;
    padding: 20px;
    border-radius: 20px;
}
div.main-post-asg h2 {
    color: white;
}
div.main-post-asg.riooo-codeprogram ul li a,div.main-post-asg.riooo-codeprogram {
    color: white;
}
    h2.price.asg-price {
        margin-top: 35px;
    margin-bottom: 41px;
}

i.fas.fa-check {
    padding-left: 12px;
}


 .custom-widget {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
 }
.custom-widget .content {
    flex: 1;
    margin-right: 20px;
}
.custom-widget .image {
    flex: 1;
}
.custom-widget img {
    max-width: 100%;
    height: auto;
}
.custom-widget .buttons a {
    display: inline-block;
    margin-right: 10px;
    padding: 10px 20px;
    background-color: #0073e6;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}
.content.asg-btn-riooo {
    text-align:right;
    max-width: 50%;
    padding: 30px 20px 0 0px;
}
.buttons.asg-btn-rioo1 {
    padding-top: 10px;
}

div.custom-widget.rio-asg-content div.image {
    text-align: left;
}
.custom-three-column-widget {
    display: flex;
    gap: 20px;
}

.custom-three-column-widget .column {
    flex: 1;
}

.custom-three-column-widget .item {
    margin-bottom: 10px;

}
.column.column-one {
    direction: ltr;
    max-width: 33% !important;
}
.column.column-two {
    max-width: 33% !important;
}
.column.column-three {
    max-width: 33% !important;
}
div.column.column-two img {
    max-width: 85%;
}

.custom-widget-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -30px !important
}
.left-column {
    width: 45%;
}

.right-column {
    width: 45%;
}

.custom-button {
    background-color: #0073e6;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}

.custom-button:hover {
    background-color: #005bb5;
}
p.para-rio {
    padding-bottom: 20px;
}

h3.rio-title-image-desc {
    text-align: center;
    right: 20%;
    width: 60%;
    position: relative !important;
    top: -86px;
    backdrop-filter: blur(8px);
    background: hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(46, 48, 59, .7), inset -1px 1px 0 hsla(0, 0%, 100%, .075), inset 1px 1px 0 hsla(0, 0%, 100%, .075);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 16px 6px;
    position: relative;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    transition: padding .15s ease-out;
    z-index: 2;
    justify-content: center;
}
.card-header.bg-transparent.border-0.pt-5 {
    padding-right: 0;
}
.team-carousel.rio-gem.slick-initialized.slick-slider {
    margin-top: 40px;
}
.gem-old {
    gap: 10px;
    display: flex;
    justify-content: center;
}
h4.name-team {
    text-align: center;
}







.custom-switch-widget {
    text-align: center;
}

.switch-buttons {
    margin-bottom: 20px;
}

.switch-btn {
    padding: 10px 20px;
    margin: 0 5px;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.switch-btn:hover {
    background-color: #ddd;
}

.switch-content .content-item {
    opacity: 1;
    transition: opacity 0.5s;
}

.switch-content .content-item.active {
    opacity: 1;
}
.switch-content.rio-contern {
    padding: 40px 40px;
    border-radius: 25px;
}
button.switch-btn.rio-code-btnn {
    background: unset;
    border-top: unset;
    border-right: unset;
    border-left: unset;
    border-bottom: 4px solid #f5f3f3;
}
button.switch-btn.rio-code-btnn:focus {
    outline: unset !important;
    border-bottom: 4px solid #b2b2b2;
}

.custom-text-widget .full-text {
    display: none;
}

.custom-text-widget .toggle-text {
    cursor: pointer;
    color: #4e4e4e;
    background: none;
    border: none;
    font-size: 14px;

    padding: 0;

}
span.highlighted.rio-desc {
    opacity: 0.4;
}
.rio-btn-desc {
    text-align: center;
    padding: 12px;
}
button.btn-rio-code-btn {
    background: white;
    border: unset;
}
button.toggle-text.rio-btnrioo:focus {
    outline: unset !important;
}
button.toggle-text.rio-btnrioo span.icon {
    font-size: 12px;
}

.custom-slider {
    display: flex;
    overflow: hidden;
    position: relative;
}

.slide {
    min-width: 100%;
    text-align: center;
    transition: transform 0.5s ease;
}

.slide img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.prev-slide, .next-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ee486a;
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
}

.prev-slide {
    right: 10px;
}

.next-slide {
    left: 10px;
}

.slide.rio-slider-custome.rio-code {

    display: flex;
}

.col2-title-description {
    width: 60%;
}
.col1-image{
    width: 40%;
}
a.button.button-1 {
    margin-left: 20px;
}
div.buttons.asg-btn-rioo1 a.button.button-1 {
    color: white;
    background: #ee486a;
    border-radius: 10px;
    padding: 12px 20px 12px 20px;
}
div.buttons.asg-btn-rioo1 a.button.button-2 {
    color: #e91440;
    background: #ffffff;
    border-radius: 10px;
    padding: 12px 20px 12px 20px;
    border: 2px solid #ee486a;
}
.col2-title-description {
    position: relative;
    top: 50px;
    width: 50%;
}

.custom-path-svg {
    rotate: 180deg;
    position: absolute;
    bottom: 0;
    right: 45%;
    width: 100px;
    height: auto;
    z-index: 10;
}
.col1-image {
    position: relative; /* برای تنظیم درست موقعیت */
}

.custom-widget {
    display: flex;
    gap: 20px;
}

.custom-widget-content {
    flex: 1;
}

.custom-widget-images {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    flex: 1;
}

.custom-widget-images img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.custom-button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #0073e6;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.custom-button:hover {
    background-color: #005bb5;
}

.member-one img {
    border-radius: 20px !important;
    width: 160px;
    transform: rotate(45deg);
}
.member-two img, .member-tree img {
    width: 90px;
    border-radius: 20px !important;
    transform: rotate(45deg);
}
.member-fuor img {
    border-radius: 20px !important;
    width: 70px;
    transform: rotate(45deg);
}
.container img {
    vertical-align: middle;
}
@media (min-width: 1400px) {
    .col.riocode-col {
        margin-bottom: 25px;
    }
    .member-one {
        margin: 35% 0 0 0;
    }
}
@media (min-width: 1400px) {
    .member-img {
        margin: -20% -6% 0 0 !important;
    }
}

/*asdasdasd*/

@media screen and (min-width: 992px) and (max-width: 1199px){

    .member-one{
        margin: 35%  0 0 0;
    }
    .member-two{
        margin: 86% -63% 0 0;
    }
    .member-tree{
        margin: 88% 12% 0 0;
    }
    .member-fuor{
        margin: 68% -8% 0 0;
    }
}
@media (min-width: 1400px){

    .about-team-footer{
        background-size: 14%;
        background-position-y: 70% !important;
    }
    .member-one{
        margin: 35%  0 0 0;
    }
    .member-two{
        margin: 71% -42% 0 0;
    }
    .member-tree{
        margin: 72% 8% 0 0;
    }
    .member-fuor{
        margin: 56.5% -6% 0 0;
    }
    .member-img{
        margin: -15% -6% 0 0!important;
    }

}

div.member-two img {
    margin: 9% -42% 0 0;
}
.image-list.rio-code-list {
    max-width: 18%;
    margin-right: 15px;
}
.counter-rio-code {

    display: inline-flex;
}
img.img-rio-btn-two {
    max-width: 50% !important;
    border-radius: 22px !important;
    position: relative;
    right: -40%;
    bottom: 30px;
}


html.elementor-html div.arrow_slide.three_slide-dots.arrow_middle {
    display: flex;
    justify-content: center;
}
h3.name-team {
    margin-top: 20px;
}
button.btn-rio-profile {
    border-radius: 12px;
    padding: 8px 40px 8px 40px;
    border: 0;
}
.team-item.slick-slide.slick-active {

    border-radius: 30px;
    margin-bottom: 20px;

}
.riooo-btn-code {
    position: relative;
    top: 0px;
    margin-bottom: 2px;
}
.item-inner.riocode {
    margin-bottom: 20px;
    padding: 20px 40px;
}
@media (max-width: 768px) {
    .custom-widget.rio-custom-widget-b {
    padding: 30px 30px !important;
}
    a.custom-btn.riocode-new2-btn.rio2 {
    margin-right: 0px !important;
}
    .button-group-riocnew-cooode-btn-one-services {
                text-align: center;
    display: grid;
    gap: 12px;
}
    .content.asg-btn-riooo.rio-t2 {
    text-align: center !important;
}
.custom-widget .buttons a {
   
    margin-right: 0px !important;
}
    a.button.button-1 {
    margin-left: 0px !important;
}
    .buttons.asg-btn-rioo1 {
    display: grid !important;
    padding-top: 10px;
    gap: 12px;
}
.card-header.bg-transparent.border-0.pt-5 {
    margin-top: -70px;
}
    .box-rioo-box-modern {
    padding: 30px 0 !important;
    }
    div.custom-box-icon.riocode-icon svg {
    height: 70px !important;
    width: 50px !important;
}
    
    .custom-widget.rio-custom-widget-b:before {
        left: 16px !important;
    top: 17px !important;
    }
    .custom-images img {
    width: 145px !important;
    }
    .custom-widget .content {
    margin-right: 0px;
}

    
    .content.asg-btn-riooo {
  
    max-width: 100%;
    }
    .custom-three-column-widget {
        display: grid;
    }
    .column.column-one,.column.column-three,.column.column-two
    {
        max-width: 100% !important;
    }
    .col1-image {
        margin-top: 70px;
        width: 100%;
    }
    .slide.rio-slider-custome.rio-code {
        display: grid;
    }
    .col2-title-description {
        text-align: inherit !important;
        width: 100%;
    }
    .rio-servece-one {
        margin-bottom: 30px;
    }
    .custom-list-item {
        width: 45% !important;

    }
    .pic.pt-4.d-flex.justify-content-around.align-items-center {
        display: grid !important;
    }
    .content.asg-btn-riooo {
        padding: 0;
    }
    .custom-widget {
        display: contents;
    }
    span.sp1 {
        padding-left: 0;
    }
    div.col-md-4.rio-code {
        margin-bottom: -40px;
    }
    .team-text-riocode.pt-5.pb-4 {
        margin-top: 0 !important;
    }
    div.member-two img {
        margin: 139% 20% 0 0;
    }
    .member-fuor img {
        margin-top: 65px;
        width: 90px;
    }

    .container-full-asg-rio {
        margin: 0;
    }
    .item-inner.riocode {
        margin-bottom: 20px;
        padding: 20px 25px;
    }

}
button.submit-button.rio-code-btnn:hover {
    transition: 0.4s;
}
.team-text-riocode.pt-5.pb-4 {
    margin-top: 50px;
    padding-bottom: 0 !important;
}
.pt-4.rio-code {
    padding-top: 0 !important;
}
img.img-riooo
{
    position: relative;
}
img.attachment-thumbnail.size-thumbnail.wp-post-image {
    border-radius: 15px;
}
ul.article_middle_info-asg-rio-post-meta {
    align-items: baseline;
}
.video-thumbnail img {
    width: 5% !important;
}


.custom-list-widget {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.custom-list-item {
    width: 18%;
    text-align: center;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
}

.custom-list-item img {
    width: 100%;
    border-radius: 8px;
}

.custom-list-item h3 {
    font-size: 18px;
    margin-top: 10px;
}

.custom-list-item p {
    font-size: 14px;
    color: #666;
}
.triocode-desc {
    margin-bottom: 44px;
    padding: 0 22px;
}
button.next-slide:focus,button.prev-slide:focus {
    outline: navajowhite;
}
.custom-slider.rio-code {
    direction: ltr;
}

div.col1-image.riocodee img
{
    position: relative;
}
.prev-slide, .next-slide {
    font-size: 27px;
}

div.team-item {
    text-align: center;
}
div.team-carousel.slick-initialized.slick-slider div.slick-track {
    display: flex;
    gap: 25px;
}
[dir=rtl] .slick-next:before {
    content: "\e649" !important;
}
[dir=rtl] .slick-prev:before {
    content: "\e64a" !important;
}


@media (min-width: 1024px) {
    .arrow_slide {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
    
}
.rio-tddd {
    display: flex;
    align-items: center;
}

p.p-dt {
       padding: 20px 10px 0px 10px;
}
img.img-rio-three {
    position: relative;
}
a.custom-button.asg-rioobtn:hover {
    color: white;
}
h6.tt2 {
    margin-top: 10px;
}

.single_widgets.widget_search.riocode-serarch {
    padding: 0;
    border-radius: 15px;
    border: unset;
    margin: 0 !important;
}
div.single_widgets.widget_search.riocode-serarch input {
    border: 0 !important;
}
div.single_widgets.widget_search.riocode-serarch button {
    background: #66339900;
    color: #787878;
}

a.custom-btn.riocode-btn {
    padding: 12px 30px;
    background: #faf1f6;
    top: 20px;
    position: relative;

    border-radius: 12px;
    color: #d0005d;
}
.box-rioo-box-modern {
    padding: 60px 0;
    display: flex;
    gap: 20px;
}
div.custom-box-icon.riocode-icon svg {
    height: 100px;
    width: 60px;
}
div.box-rioo-box-modern div.box {
    border-radius: 20px;
}
div.box h3 {
    margin: 3px;
}
.custom-widget.rio-custom-widget-b {
    padding: 30px 50px;
    display: flow;
}
.custom-images.riocode-b {
    position: relative;
    top: 60px;
    margin: 0px;
}
.custom-widget.rio-custom-widget-b:before {
    position: absolute;
    content: "";
    width: 234px;
    height: 187px;
    border: 6px solid;
    border-color: #27ad7b transparent transparent #27ad7b;
    transform: translate(-19px, -23px);
    left: 14px;
    top: 15px;
}
a.rio-b-button:hover {
    color: black !important;
}

.icon-asg-rio {
    padding-bottom: 10px;
}

.team-container {
    padding: 25px !important;
}
button.btn-rio-profile {
    position: relative;
    top: 16px;
}

div.team-item img {
    margin-top: 15px;
    border-radius: 20px;
}
p.phone-rio {
    margin: 0;
    border:0 solid;
}
.custom-widget.rio-asg-content.riocode-te {
    display: flow;
}

img.img-rio-btn-two {
    position: absolute;
}

a.button.button-1,a.button.button-2,a.button.button-3 {
    text-align: center !important;
}

.custom-three-column-widget .item {
    margin-bottom: 10px;
    padding: 5px 40px;
    border-radius: 22px;
    
}


a.custom-btn.riocode-new1-btn.rio1 {
    padding: 12px 30px;
    background: #faf1f6;
    top: 20px;
    position: relative;
    border-radius: 12px;
    color: #d0005d;
}

a.custom-btn.riocode-new2-btn.rio2 {
    padding: 12px 30px;
    background: #faf1f6;
    top: 20px;
    position: relative;
    border-radius: 12px;
    color: #d0005d;
}
img.img-riooo-code-services1 {
    position: relative;
}
a.custom-btn.riocode-new2-btn.rio2 {
    margin-right: 15px;
}


@media (max-width: 768px) { /* برای موبایل */

div.riocode-inimate-two-slider img {
    max-width: 30% !important;
    top: -6% !important;
    left: 5% !important;
}

body.elementor-editor-active div.arrow_slide.three_slide-dots.arrow_middle {
    display: flex !important;
}

.custom-scroll-list {
    padding-top: 0px !important;
}
div.content.asg-btn-riooo h2 {
    padding-bottom: 24px;
    padding-top: 5px;
}

        .custom-scroll-list {

            display: flow !important;

 
        }
        .scroll-item22 {
    margin-top: 15px !important;
}
.switch-content.rio-contern {
    padding: 0px 40px !important;
}
.riocode-two-riocode-2-img-column {
    display: grid !important
;
}
    .custom-widget.rio-asg-content {
        display: flex;
        flex-direction: column;
    }

    .image {
        order: -1; /* این مقدار باعث می‌شود تصویر قبل از محتوا نمایش داده شود */
    }

    .content.asg-btn-riooo {
        text-align:center !important;
        order: 1;
    }
    .button-group {
    display: grid;
    gap: 15px;
}
}