:root{
    --grey-text : #81858B;
    --dark-secondary: #01337F;
    --light-secondary: #033D95;
    --secondary-color:#203b83;
    --Neutral-Lighter:#F1F1F1;
    --Buttons-Background-Light:#f2f2f2;
}

.mutedParag{
    color: var(--grey-text);
}

#membership{
    background-image: url(../img/vip/membership-bg.jpg);
    background-repeat:no-repeat ;
    background-position: center;
    background-size: cover;
    height: 45vh;
}

.membership-title{
    padding-top: 80px;
}

#membershipContainer{
    height: 580px;
}


#membershipContainer .slick-dots li:first-child button{
margin-left: 0!important;
}

[dir="rtl"] #membershipContainer .slick-dots li:first-child button{
    margin-right: 0!important;
    margin-left: 10px!important;
    }

    [dir="rtl"] .faq .accordion-button::before{
        right: 90%!important;
    }

    .faq .accordion-button{
        min-height: 90px;
    }

    .vip .accordion-button__faq::before,
    #accordionBenifits .accordion-button__benifits::before{
        background-image:url('../img/vip/arrow-down.svg')!important;
    }

    
    @media (min-width:768px) {
        .why-ai-card{
            height: 200px!important;
        }
    }
    @media (max-width:768px) {
    .vip th, .vip td{
        border-width: 1px!important;
    } 
}
 .section-spacing{
        margin-top: 80px!important;
    }
 .inner-section-spacing{
        margin-bottom: 40px!important;
    }

#membershipContainer ol, ul{
    padding-left:0;
    padding-right: 2rem;
}
.mobile-arrows .slick-prev,.mobile-arrows .slick-next,
.slick-prev-vip:hover, .slick-next-vip:hover{
    background: transparent;
}

.mobile-arrows .slick-prev-vip{
    left: 5px!important;
    
}

.mobile-arrows .slick-next-vip{
    right: 5px!important;
  
}
[dir="rtl"] .mobile-arrows .slick-prev-vip{
    left: 86%!important;
    
}

[dir="rtl"] .mobile-arrows .slick-next-vip{
    right: 86%!important;
  
}

.mobile-arrows .slick-prev-vip,
.mobile-arrows .slick-next-vip{
top: 50%;
transform: translateY(calc(-50% + 20px))!important;
}

[dir="rtl"] .mobile-arrows .slick-prev-vip,
[dir="rtl"] .mobile-arrows .slick-next-vip{

transform: translateY(calc(-50% + 20px)) scaleX(-1)!important;
}


.vip-card-radius{
    border-radius: 1rem;
}

.vip-card-shadow{
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
}

.stars-container{
    top: -45px;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
}

.stars-container img{
    width: auto;
    height: 100px;
}



.vip-clients .slick-track{
    padding-top: 40px!important;
}

/* .memberships-card-container{
    overflow-y: auto;
    overflow-x: scroll;
}

.memberships-card-container::-webkit-scrollbar {
    display: none;
}

.memberships-card-container::-webkit-scrollbar-thumb {
   display: none;
} */

#benfitsTable th:first-child{
    background-color: var(--light-secondary);
}
#benfitsTable th{
    background-color: var(--dark-secondary);
    color: #fff;
}

.left-top-radius{
    border-radius: .5rem 0 0 0;
}
.right-top-radius{
    border-radius:  0 .5rem 0 0;
}


[dir="rtl"] .left-top-radius{
    border-radius: 0 .5rem 0 0;
}
[dir="rtl"] .right-top-radius{
    border-radius:  .5rem 0 0 0;
}



#benfitsTable tr:last-child td:first-child{
    border-radius:  0 0 0 .5rem;
}
#benfitsTable tr:last-child td:last-child{
    border-radius:  0 0 .5rem 0;
}
[dir="rtl"] #benfitsTable tr:last-child td:first-child{
    border-radius:  0 0 .5rem 0;
}
[dir="rtl"] #benfitsTable tr:last-child td:last-child{
    border-radius:  0 0 0 .5rem;
}

#benfitsTable {
    border-collapse: separate;
}


table#benfitsTable{
   table-layout: auto!important;
   border-color: transparent;
}


table#benfitsTable tr th,
table#benfitsTable tr td{
    border-right: 1px solid var(--Neutral-Lighter, #F1F1F1);
border-bottom: 1px solid var(--Neutral-Lighter, #F1F1F1);
}

[dir="rtl"] table#benfitsTable tr th,
[dir="rtl"] table#benfitsTable tr td{
    border-left: 1px solid var(--Neutral-Lighter, #F1F1F1);
    border-right:none;
border-bottom: 1px solid var(--Neutral-Lighter, #F1F1F1);
}

table#benfitsTable tr td:first-child{
    border-left: 1px solid var(--Neutral-Lighter, #F1F1F1);
}

[dir="rtl"] table#benfitsTable tr td:first-child{
    border-right: 1px solid var(--Neutral-Lighter, #F1F1F1);
}

.stars-sts{
    width: 20px;
}


#accordionBenifits .accordion-collapse.show{
    border-bottom: 1px solid var(--Buttons-Background-Light, #f2f2f2);
}

#accordionBenifits .accordion-item:last-of-type .accordion-collapse{
    border-bottom:none!important;
}
#accordionBenifits.accordion .accordion-item:first-of-type .accordion-button:not(.collapsed){
border-bottom-color: var(--Buttons-Background-Light, #f2f2f2) !important;
}

#accordionBenifits .accordion-item:last-of-type .accordion-collapse{
    border-bottom: 1px solid var(--Buttons-Background-Light, #f2f2f2);

}

#accordionBenifits .accordion-button:is(.collapsed){
    color: var(--secondary-color);
    border-bottom: 1px solid var(--Buttons-Background-Light, #CCD6E5)!important;
    border: 1px solid var(--Buttons-Background-Light, #CCD6E5) !important;
         border-top: none!important;
    border-right: none!important;
    border-left: none!important; 
}

#accordionBenifits .accordion-button:not(.collapsed){
    background:#FFF 0% 0% no-repeat padding-box !important;
    border-bottom: 1px solid var(--Buttons-Background-Light, #CCD6E5)!important
    /* border-top: 1px solid var(--Buttons-Background-Light, #CCD6E5)!important;
    border-right: 1px solid var(--Buttons-Background-Light, #CCD6E5)!important;
    border-left: 1px solid var(--Buttons-Background-Light, #CCD6E5)!important; */
}

#accordionBenifits .accordion-button{
    padding-right: 1.75rem!important;
}

#accordionBenifits .accordion-button::before{
    right: -10px!important;
}
[dir="rtl"] #accordionBenifits .accordion-button::before{
    right: 95%!important;

}
#accordionBenifits.accordion .accordion-item:first-of-type .accordion-button{
    border-bottom: 1px solid var(--Buttons-Background-Light, #CCD6E5)!important;
    border: 1px solid var(--Buttons-Background-Light, #CCD6E5) !important;
         border-top: none!important;
    border-right: none!important;
    border-left: none!important; 
}
#accordionBenifits.accordion{
   border: 1px solid var(--Buttons-Background-Light, #CCD6E5);
    padding: 5px 15px;
    border-radius: 0.5rem;
}
#accordionBenifits .accordion-item:last-of-type .accordion-button:is(.collapsed){
    border-bottom: none!important;
    
}

@media (min-width:545px) {
    .translate-y-25{
        transform: translateY(10%);
    }
    
    

}

.vip .faq .cust-font-1__common{
    font-size: 16px!important;
}

@media (max-width:545px) {
    h2{
        font-size: 24px!important;
    }
    #membership{
        height: 30vh;
    }

    #membershipContainer{
        height: 480px;
    }

    .membership-title{
        padding-top: 30px;
    }
    .identify-risk-bg{
        width: 90%;
        aspect-ratio: 1/1;
        margin: 0 auto 40px auto;
       }
       
}
/* ai tool */
.text-balance{
    text-wrap: balance!important;
}

.avoid-trading-risk{
    background-image: url(../img/ai/avoid-trading-risk.webp);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    border-radius: 16px;
}

.timeline-border-1{
    background-image: url(../img/ai/timeline-1.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

}
.timeline-border-3{
    background-image: url(../img/ai/timeline-3.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

}
.timeline-border-2{
    background-image: url(../img/ai/timeline-2.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

}
.timeline-border-4{
    background-image: url(../img/ai/timeline-4.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

}

[dir="rtl"] .timeline-border-1,
[dir="rtl"] .timeline-border-2,
[dir="rtl"] .timeline-border-3,
[dir="rtl"] .timeline-border-4{
    background-position: right;
}


.why-ai-card .card-body{
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
}

.why-ai-card .card-body p{
    min-height: 72px;

}

html[lang="fr"] .why-ai-card .card-body p,
html[lang="pt"] .why-ai-card .card-body p,
html[lang="es"] .why-ai-card .card-body p{
     min-height:81px!important;
 }
html[lang="ar"] .why-ai-card .card-body p
{
    min-height: 81px!important;

}

.why-ai-card .card-body img{
    width: 40px;
    aspect-ratio: 1/1;
}

@media (max-width:991px) and (min-width:545px) {
    html[lang="pt"] .why-ai-card .card-body p,
    html[lang="es"] .why-ai-card .card-body p{
        min-height: 120px!important;
    }

    html[lang="fr"] .why-ai-card .card-body p{
        min-height: 98px!important;
    }

    html[lang="ar"] .why-ai-card .card-body p {
        min-height: 72px!important;
    }
    html[lang="jp"] .why-ai-card .card-body p {
        min-height: 96px!important;
    }
}

@media (max-width:1200px) and (min-width:992px) {
    html[lang="ar"] .why-ai-card .card-body p {
        min-height: 108px!important;
    }

  html:not([lang="zh-hant"],[lang="zh-Hans"],[lang="ko"],[lang="ar"]) .why-ai-card .card-body p{
        min-height: 108px!important;
    }
   html[lang="fr"] .why-ai-card .card-body p,
   html[lang="pt"] .why-ai-card .card-body p,
   html[lang="es"] .why-ai-card .card-body p{
        min-height: 162px!important;
    }

    [lang="pt"] .why-ai-card .card-body p{
        min-height: 115px!important;
    }
    [lang="fr"] div.why-ai-card,
    [lang="es"] div.why-ai-card,
    [lang="pt"] div.why-ai-card{
        min-height: 220px;
    }
    .why-ai-card .card-body img{
        width: 30px;
        aspect-ratio: 1/1;
    }
}

 h2.special{
    font-size: calc(1.325rem + .9vw)!important;
}
p.special{
    font-size: 1rem!important;
}

@media (max-width:992px) {
   #membership h2.special{
    font-size:24px!important;
}
#membership p.special{
    font-size: 16px!important;
}

    .mobile-arrows .slick-prev-vip,
.mobile-arrows .slick-next-vip{
    display: inline-block!important;
}

    .timeline{
        min-height: auto!important;
    }

    [dir="rtl"] .timeline{
        min-height: 150px!important;
    }

    [lang="fr"] .timeline,
    [lang="pt"] .timeline,
    [lang="es"] .timeline{
        min-height: 180px!important;
    }

    body:not([dir="rtl"]) #trading-journey h4,
   body:not([dir="rtl"]) #trading-journey p{
       
        padding-right:1.5rem ;
    }
    [dir="rtl"] #trading-journey h4,
    [dir="rtl"] #trading-journey p{
       
        padding-left:1.5rem ;
    }

}
@media (max-width:545px) {
    .white-space-break-sm{
        text-wrap: balance;
    }
    div.why-ai-card div.card-body p,
    html[lang="ar"] div.why-ai-card div.card-body p
    {
        min-height: auto!important;
    }

    html[lang="en"] .timeline,
    [lang="fr"] .timeline,
    [lang="pt"] .timeline,
    [lang="es"] .timeline{
        min-height: 285px!important;
    }
   html:not([lang="en"],[lang="fr"],[lang="es"],[lang="pt"]) .timeline,
    [dir="rtl"] .timeline{
        min-height: 220px!important;
    }
 

 /* html:has([lang="zh_Hans"],[lang="zh_Hant"],[lang="ko"],[lang="th"],[lang="vi"],[lang="jp"]) .timeline{
        min-height: 185px!important;
    } */

}

    [lang="fr"] .timeline,
    [lang="pt"] .timeline,
    [lang="es"] .timeline{
        min-height: 205px;
    }

    .timeline{
        min-height: 200px;
        /* text-wrap: balance; */
    }
@media (min-width:1350px) {
  
}
@media (min-width:992px) {
.ai-trading-journey .slick-dots,
.why-xs-ai .slick-dots{
    display: none;
}

.text-md-balance{
    text-wrap: balance!important;
}

.content-container-indentify{
    height: 418px;
}

.why-ai-card{
    width: 19%;
    border-radius: 0.5rem;
    background: var(--Element-Background-Whitish, #F9F9F9);
}

}
.why-ai-card{
margin: auto;
    height: 162px;
    border-radius: 0.5rem;
    background: var(--Element-Background-Whitish, #F9F9F9);
}

.green-seperator-right{
    border: var(--primary-color) solid 8px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}
[dir="rtl"] .green-seperator-right{
    border: var(--primary-color) solid 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.green-seperator-left{
    border: var(--primary-color) solid 8px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}
[dir="rtl"] .green-seperator-left{
    border: var(--primary-color) solid 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}


.ps-cust__5{
    padding-left: 5rem;
}
[dir="rtl"] .ps-cust__5{
    padding-right: 8rem;
}


.identify-risk-bg{
    background-image: url(../img/ai/identify-risk.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
}

.identify-timeline{
    background-image: url(../img/ai/identify-timeline.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

[dir="rtl"] .identify-timeline{
    background-position: right;
}