/**************
Results Section Styles
**************/
.results-section {
      .results-header {
        margin-bottom: 60px;
        
        @media (max-width: 768px) {
            margin-bottom: 40px;
        }
    }
   .results-bottom-section {
        display: flex;
        gap: 100px;
        @media(max-width: 1140px){
            display: block;
        }
        .quarter-info {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;
            @media(max-width:1140px){
                flex-direction: row;
                margin-bottom: 30px;
                justify-content: flex-start;
            }
            }
        
        .quarter-text,
        .year-text {
            font-family: var(--font-type2);
            font-size: 72px;
            font-weight: 400;
            line-height: 72px;
            margin: 0;
            
            @media (max-width: 991px) {
                font-size: 56px;
                line-height: 56px;
            }
            
            @media (max-width: 768px) {
                font-size: 48px;
                line-height: 48px;
            }
            
            @media (max-width: 576px) {
                font-size: 36px;
                line-height: 36px;
            }
        }
        
        .results-items {
            .row{
                > div{
                    margin-bottom: 15px;
                }
            } 
            @media(min-width: 1200px){
                .row{
                    > div.col-xl-2{
                        width: 20%;
                    }
                }
            }
            @media(min-width: 1440px){
                .row{
                    > div.col-xl-2{
                        width: 18%;
                    }
                }
            }
            .pillar-item {
                .pillar-title {
                    color: var(--primary-color);
                }
            }
        }
    }
}

/* Primary text color class */
.primary-text {
    color: var(--primary-color);
}


/**************
Results Section RTL Support
**************/
[dir="rtl"] .results-section {
    .results-content {
        direction: rtl;
    }
    
    .quarter-info {
        direction: rtl;
    }
    
    .pillar-title {
        text-align: center;
    }
}