/*
--------------------------------------------------------------------------------------------------------
* Template Name             :                                                                          *
* Author Name               :                                                                          *
* Version                   : 1.0                                                                      *
* Design and Developed by   :                                                                          * 
*-------------------------------------------------------------------------------------------------------
NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.
*/

@media screen and (max-width: 991px) {
    .stats-wapper { 
        grid-template-columns: repeat(1, 1fr); 
    }
    .profile-discovery-list { 
        grid-template-columns: repeat(2, 1fr); 
    }

    .profile-discovery-search {
        width: 100%;
    }
    .profile-discovery-top { 
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .account-area{
        background: linear-gradient(86.76deg, #6ac0ff14 21.85%, #6ac0ff14 132.65%);
    }
    .account-left {
        padding: 15px;
        width: 100%; 
    }
    .account-right { 
        display: none;
    }

    .profile-info-details {
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 767px) {
    .profile-discovery-list,
    .matching-result-wapper.align-items-center.grid-2 { 
        grid-template-columns: repeat(1, 1fr); 
    } 
}
@media screen and (max-width: 576px) {
    .profilevs { 
        gap: 15px;
        flex-direction: column;
    }
    .profile-discovery-sort { 
        flex-direction: column;
    }

    .profile-button-wapper { 
        justify-content: space-between; 
        flex-wrap: wrap;
    }
    .profile-button-wapper a{ 
        width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .stats-item {
        padding: 15px;
        align-items: flex-start;
        flex-direction: column;
    }
}