.ranking-header {
    background-color: #5271FF;
    border: none;
    padding: 31px 0 17px;
    background-image: url("../images/ranking-images/Grid-Pattern.svg");
    background-repeat: repeat;
}

.ranking-header .navbar-nav .nav-link {
    font-size: 16px;
    line-height: 180%;
    color: #FFFFFF;
}

.ranking-header .navbar-nav .nav-link:hover,
.ranking-header .navbar-nav .nav-link:focus {
    color: #FFDA00;
}

.ranking-header .navbar-nav .btn-head {
    font-size: 16px;
    line-height: 150%;  
    background-color: #FFDA00;    
    color: #5271FF;
    padding: 12px 31px;
}

.ranking-header .navbar-nav .btn-head:hover {
    background: rgba(255, 218, 0, 0.4);
    color: #FFDA00;
}

.ranking-header .navbar-nav .btn-head.btn-signup {
    background-color: rgba(255, 218, 0, 0.2);
    color: #FFDA00;
    padding: 12px 26px;
}

.ranking-header .navbar-nav .btn-head.btn-signup:hover {
    background-color: rgba(255, 218, 0, 1);
    color: #5271FF;
}

.ranking-header .navbar-nav li {
    margin-right: 46px;
}

.ranking-header .navbar-nav li:nth-last-child(3) {
    margin-right: 30px;
}

.ranking-header .navbar-nav li:nth-last-child(2) {
    margin-right: 16px;
}

.ranking-title {
    font-size: 89px;
    line-height: 104px;
    font-weight: 700;
}

.ranking-title * {
    text-shadow: none;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.ranking-title span {
    line-height: 79px;
    /* background-color: #FFDA00; */
    color: #5271FF;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 0 8px;
    z-index: 9;
    /* border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px; */
}

.ranking-title span::before {
    content: "";
    background-color: #FFDA00;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
}

.ranking-bnr-text {
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
}

.ranking-bnr-text * {
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

.ranking-bnr-main {
    max-width: 901px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.ranking-bnr-wrp {
    padding: 270px 0 597px;
    background-color: #5271FF;
    background-image: url("../images/ranking-images/Grid-Pattern.svg");
    background-repeat: repeat;
    position: relative;
}

.ranking-curve {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -1px;
}

.ranking-curve img {
    width: 100%;
}

.ranking-bnr-main .ranking-title {
    margin: 0 0 13px;  
}

.insta-1 {
    max-width: 623px;
    width: 100%;
    position: absolute;
    top: 38px;
    left: -255px;
    transform: rotate(-17.84deg);
    -webkit-transform: rotate(-17.84deg);
    -moz-transform: rotate(-17.84deg);
    -ms-transform: rotate(-17.84deg);
    -o-transform: rotate(-17.84deg);
}

.insta-2 {
    max-width: 506px;
    width: 100%;
    position: absolute;
    top: 128px;
    right: -200px;
    transform: rotate(-164.03deg);
    -webkit-transform: rotate(-164.03deg);
    -moz-transform: rotate(-164.03deg);
    -ms-transform: rotate(-164.03deg);
    -o-transform: rotate(-164.03deg);
}

.ranking-search .form-control {
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #5271FF;
    padding: 13px 65px 13px 21px;
    font-style: italic;
    border-radius: 44px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    -ms-border-radius: 44px;
    -o-border-radius: 44px;
}

.ranking-search .form-control::placeholder {
    color: #A0ABBB;
}

.ranking-search {
    max-width: 577px;
    width: 100%;
    position: relative;
}

.search-btn {
    width: 55px;
    height: 32px;
    background-color: #5271FF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 7px;
    top: 50%;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.search-btn:hover {
    background-color: rgba(255, 218, 0, 0.1);
}

.ranking-view ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.ranking-view ul li a {
    display: flex;  
    align-items: center;
}

.ranking-view ul li a.active svg path {
    stroke: #5271FF;
}

.ranking-view ul li a.active rect {
    stroke: #5271FF;
}

.ranking-view ul li {
    padding: 9px;
    border-right: 1px solid #E5E6EB;
}

.ranking-view ul li:last-child {
    border-right: none;
}

.ranking-view ul li .tick-icon {
    width: 13px;
    height: 11px;
    margin: 0 5px;
    display: none;
}

.ranking-view ul li a.active .tick-icon {
    display: block;
}

.ranking-icon {
    display: flex;
}

.ranking-view {
    padding: 0 10px;
    max-width: 104px;
    width: 100%;
    background-color: #F4F7FE;
    margin: 0 12px 0 0;
    flex: 0 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.ranking-filter {
    max-width: 87px;
    width: 100%;
    background-color: #5271FF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    color: #FFDA00;
    flex: 0 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.ranking-filter:hover {
    background-color: rgba(255, 218, 0, 0.1);
    color: #FFDA00;
}

.ranking-filter p {
    margin: 0;
    padding: 0 0 0 6px;
}

.ranking-top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
}

.ranking-table-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 41px 47px 28px;
}

.ranking-table-main {
    margin: 0 -37px;
    padding: 32px 0 35px;
    background-color: #fff;
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.ranking-table {
    margin: 0;
    border-color: #E5E6EB;
}

.action-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.action-btns .blue-square {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5271FF;
    border: none;
    padding: 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.blue-square::after {
    content: "";
    border: none;
    background-image: url("../images/Polygon.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 100%;
    filter: drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.07));
    -webkit-filter: drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.07));
    display: none;
    margin: 3px 0 0;
}

.blue-square.show::after {
    display: block;
}

.action-btns .blue-square:hover {
    background-color: rgba(255, 218, 0, 0.1);
}

.action-btns .dropdown {
    margin-right: 6px;
}


.tags-category ul {
    display: flex;
    flex-wrap: wrap;
}

.tags-category ul li {
    padding: 0 3px 5px 0;
}

.tags-category a {
    font-size: 12px;
    line-height: 180%;
    padding: 2px 10px;
    display: block;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.ranking-table thead th {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #667085;
    padding: 0 10px 30px;
}

.ranking-table thead th:first-child {
    padding-left: 28px;
}

.ranking-table thead th:last-child {
    text-align: center;
}

.ranking-table tbody tr th {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #667085;
    padding: 46px 16px 20px 45px;
    /* vertical-align: middle; */
}

.ranking-table tbody tr td {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #667085;
    padding: 24px 16px;
    vertical-align: middle;
}

.ranking-table tbody tr td:nth-child(2) {
    padding-top: 36px;
}

.ranking-table tbody tr td:last-child {
    padding-right: 41px;
}

.ranking-table tbody tr:last-child th,
.ranking-table tbody tr:last-child td {
    border-bottom: none;
}

.ranking-table .engagement-probx {
    align-items: flex-start;
    min-width: unset;
    max-width: max-content;
}

.mega-block {
    font-size: 11px;
    display: flex;
    align-items: center;
    padding: 2px 8px;
    margin: 15px 0 0;
    width: max-content;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
}

.mega-block p {
    font-size: 12px;
    line-height: 180%;
    margin: 0;
}

.mega-block img {
    margin: 0 5px 0 0;
}

.tags-category {
    max-width: 129px;
    width: 100%;
}

.ranking-table .engagement-dt a {
    color: #667085;
    border-bottom: 1px solid #667085;
    display: block;
    max-width: max-content;
    margin: -6px 0 0;
}

.platform-icon {
    display: flex;
    max-width: max-content;
    max-width: 20px;
    margin: 0 auto;
}

.platform-icon figure {
    display: flex;
}

.ranking-table-wrp {
    position: relative;
    margin: -528px 0 0;
}

.unlock-modal .modal-dialog {
    max-width: 524px;
    width: 100%;
    margin: 239px auto 201px;
}

.unlock-modal .small-title {
    line-height: 46px;
    font-weight: 600;
    letter-spacing: 0;
    color: #170F49;
}

.unlock-modal .details p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin: 0;
    color: #6F6C90;
}

.unlock-modal .modal-header {
    padding: 0;
    position: absolute;
    right: 20px;
    top: 19px;
    border: none;
}

.unlock-modal .modal-header .btn-close {
    background-image: url("../images/close-icon.svg");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.unlock-modal .modal-content {
    padding: 1px 20px 37px;
    border: none;
    position: relative;
    -moz-box-shadow: 0px 12px 44px 0px rgba(20, 20, 43, 0.15);
    -webkit-box-shadow: 0px 12px 44px 0px rgba(20, 20, 43, 0.15);
    box-shadow: 0px 12px 44px 0px rgba(20, 20, 43, 0.15);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.unlock-modal .modal-body {
    padding: 0;
}

.unlock-modal .details {
    margin: 0 0 20px;
}

.unlock-modal .btn-primary {
    line-height: 120%;
    font-weight: 600;
    letter-spacing: -0.18px;
    padding: 16px 36px;
    margin: 0 auto;
}

.unlock-img {
    max-width: 102px;
    width: 100%;
    margin: -37px auto 4px;
}

.ranking-table-section {
    position: relative;
}

.unlock-modal {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    height: auto;
    overflow: unset;
    background-color: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(7.800000190734863px);
    border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
}

.filter-full-block {
    display: none;
    margin: -9px 30px 61px;
    background-color: #F2F4FC;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

.filter-full-block.show {
    display: block;
    margin-top: 0px;
}

.filter-block-remove {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #404040;
    border-bottom: 1px solid #404040;
}

.filter-block-remove:hover {
    color: #5271FF;
    border-bottom-color: #5271FF;
}

.filter-block-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 28px 31px 33px;
    border-top: 1px solid #E5E6EB;
}

.filter-block-bottom .btn-primary {
    line-height: 150%;
    padding: 13px 30px;
    margin: 0 0 0 24px;
}

.filter-block-top .form-label {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 11px;
    color: #404040;
}

.filter-block-top .form-group {
    margin: 0 0 24px;
    height: auto;
    width: auto;
}

.filter-block-top {
    padding: 40px 28px 14px 35px;
}

.filter-block-top .select2-container {
    width: auto !important;
    display: block;
}

.filter-block-top .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 8px 36px 8px 16px !important;
    display: block !important;
    justify-content: flex-start;
}

.engagement-rate .ui-widget.ui-widget-content {
    border: none;
    margin: 0 0 14px 10px;
}

.engagement-rate .ui-slider-horizontal {
    height: 3px;
    background-color: rgba(150, 150, 150, 0.2);
}

.engagement-rate .ui-state-default, 
.engagement-rate .ui-widget-content .ui-state-default, 
.engagement-rate .ui-widget-header .ui-state-default, 
.engagement-rate .ui-button, 
.engagement-rate .ui-button.ui-state-disabled:hover, 
.engagement-rate .ui-button.ui-state-disabled:active {
    border: none;
    background-color: #5271FF;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.filter-block-top .engagement-rate .form-label {
    margin: 0 0 25px;
}

.engagement-rate .form-control {
    font-size: 13px;
    line-height: 22px;
    background-color: transparent;
    border: none;
    padding: 0;
    color: #A0ABBB;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/* .filter-block-top .select2-container,
.filter-block-top .select2-container .selection,
.filter-block-top .select2-container .select2-selection--single,
.filter-block-top .select2-container .select2-selection--single .select2-selection__rendered {
    height: auto !important;
    width: auto !important; 
    display: inline;

} */


.filter-block-top .select2-container--default .select2-selection--single {
    background-color: #FFFFFF !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.filter-dropdown {
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07);
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
}

.filter-dropdown .select2-results__option {
    font-size: 14px;
    line-height: 18px;
    color: #161722;
    padding: 12px 16px;
}

.filter-block-top .row>*:nth-child(4n + 1) .form-group {
    margin-right: -14px;
}

.filter-block-top .row>*:nth-child(4n + 2) .form-group {
    margin-right: -30px;
    margin-left: 14px;
}

.filter-block-top .row>*:nth-child(4n + 3) .form-group {
    margin-right: 6px;
    margin-left: 30px;
}

.filter-block-top .row>*:nth-child(4n + 4) .form-group {
    margin-left: -6px;
    margin-right: 22px;
}

.select2-container--default .filter-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
    color: #5271FF !important;
}

.filter-block-top .select2-container.select2-container--open .select2-selection__arrow {
    transform: translate(0, -50%) rotate(180deg);
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -moz-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    -o-transform: translate(0, -50%) rotate(180deg);
}

.filter-block-top .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #5271FF !important;
}

.share-dropdown {
    min-width: 240px;
    background-color: #fff;
    border: 1px solid #E5E6EB;
    padding: 17px 0;
    margin: 14px 0 0 !important;
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07);
    z-index: 10;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.action-btns .share-dropdown {
    left: auto;
    right: 0;
}

.action-btns .dropdown::before {
    content: "";
    /* background-image: url("../images/Polygon.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 100%;
    filter: drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.07));
    -webkit-filter: drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.07)); */
    /* z-index: -1; */
}

.share-dropdown .dropdown-item p {
    margin: 0;
}

.share-dropdown .dropdown-item {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #667085;    
    display: flex !important;
    align-items: center;
    padding: 11px 23px;
}

.share-dropdown .dropdown-item:hover {
    background-color: rgba(82, 113, 255, 0.1);
    color: #5271FF;
}

.share-dropdown .dropdown-item svg path {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.share-dropdown .dropdown-item:hover svg path {
    fill: #5271FF;
}

.share-dropdown .dropdown-item span {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 12px 0 0;
    flex: 0 0 auto;
}

.grid-view-top {
    position: relative;
}

.grid-view-img img {
    width: 100%;
}

.grid-content-top {
    position: relative;
}

.grid-view-top .mega-block {
    position: absolute;
    right: 10px;
    top: 12px;
    margin: 0;
}

.grid-content-top .engagement-dt .insta-id {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #667085;
    border-bottom: 1px solid #667085;
    display: block;
    max-width: max-content;
}

.grid-content-top .engagement-dt h3 a {
    margin: 0 0 0 6px;
}

.grid-content-top .engagement-dt {
    margin: 0 0 14px 4px;
    height: 60px;
}

.grid-content-top ul {
    display: flex;
    align-items: center;    
}

.grid-content-top ul li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #667085;
    display: flex;
    align-items: center;
    padding: 0 19px 0 0;
}

.grid-content-top ul li:last-child {
    padding-right: 0;
}

.grid-content-top ul li span {
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px 0 0;
}

.grid-content-top ul li p {
    margin: 0;
    font-size: 12px;
}

.grid-content-top {
    padding: 20px 12px 18px;
    border-bottom: 1px solid #D9D9D9;
}

.grid-view-wrp .row>*:nth-last-child(-n+4) .grid-view-block {
    margin-bottom: 0;
}

.grid-view-block {
    margin: 0 0 40px;
    background-color: #FAFBFC;
    border: 1px solid #D9D9D9;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
}

.grid-content-middle .tags-category {
    max-width: 100%;
    width: auto;
}

.grid-content-middle .tags-category a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
}

.grid-content-middle .tags-category a img {
    margin: 0 0 2px 0;
}

.avg-views li p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #667085;
    margin: 0;
}

.avg-views li span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #667085;
    margin: 0 0 1px;
    display: block;
}

.avg-views ul {
    display: flex;
}

.avg-views ul li {
    padding: 0 40px 0 0;
}

.avg-views ul li:last-child {
    padding-right: 0;
}

.grid-content-middle .avg-views {
    padding: 0 0 12px 5px;
}

.grid-content-middle {
    padding: 15px 14px 18px;
    border-bottom: 1px solid #D9D9D9;
    height: 160px;
}

.grid-view-img {
    overflow: hidden;
    border-radius: 13px 13px 0 0;
    -webkit-border-radius: 13px 13px 0 0;
    -moz-border-radius: 13px 13px 0 0;
    -ms-border-radius: 13px 13px 0 0;
    -o-border-radius: 13px 13px 0 0;
}

.grid-content-btns .btn-primary {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    min-width: 116px;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.grid-content-btns .btn-primary:hover {
    color: #FFDA00;
    background-color: rgba(255, 218, 0, 0.22);
}

.grid-content-btns .btn-primary.show {
    background-color: #5271FF;
    border-color: #5271FF;
}

.grid-content-btns .btn-primary img {
    margin: 0 8px 0 0;
}

.grid-content-btns {
    display: flex;
    align-items: center;
    padding: 13px 14px 14px;
}

.grid-content-btns .dropdown {
    margin: 0 8px 0 0;
}

.grid-view-wrp .row {
    margin: 0 -15px;
}

.grid-view-wrp .row>* {
    padding: 0 15px;
}

.grid-view-wrp {
    padding: 0 35px 0;
    position: relative;
}

.grid-content-btns .share-dropdown {
    margin: 11px 0 0 !important;
    left: -16px;
}

.grid-content-btns .blue-square::after {
    right: auto;
    left: 0;
    margin: 0;
}

.grid-view-wrp .unlock-modal .modal-dialog {
    margin: 304px auto 891px;
}

/* Ranking Details Start */
.performance-wrp {
    background-color: #5271FF;
    background-image: url("../images/ranking-images/Grid-Pattern.svg");
    background-repeat: repeat;
    position: relative;
    z-index: 9;
    padding: 145px 0 101px;
}

.performance-wrp::after {
    content: "";
    background-image: url("../images/ranking-images/white-shape.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 71px;
    bottom: 0;
    z-index: -1;
}

.performance-wrp .section-title {
    font-weight: 600;
    color: #000;
}

.performance-details-main .user-profile .description h2 {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.7);
}

.performance-details-main .user-profile .description h2 img {
    width: 47px;
}

.performance-details-main .user-profile .insta-id {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    color: #727272;
    margin: 0 0 10px;
    display: block;
    max-width: max-content;
}

.mega-follower {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.performance-details-main .mega-block {
    margin: 0;
}

.performance-details-main .act-pg {
    display: flex;
    align-items: center;
}

.performance-details-main .mega-follower {
    margin: 0 7px 0 0;
}

.rate-care-details-block .block-title {
    line-height: 130%;
    font-weight: 600;
    color: #405DE6;
}

.rate-care-details-block .detail p {
    font-size: 16px;
    line-height: 180%;
    color: #5E587A;
    margin: 0;
}

.rate-care-details-section {
    margin: 0 0 22px;
    padding: 19px 70px 35px;
    background-color: rgba(217, 217, 217, 0.35);
    -moz-box-shadow: 8.283px 11.833px 28.399px 0px rgba(25, 15, 44, 0.02);
    -webkit-box-shadow: 8.283px 11.833px 28.399px 0px rgba(25, 15, 44, 0.02);
    box-shadow: 8.283px 11.833px 28.399px 0px rgba(25, 15, 44, 0.02);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.rate-care-details-wrp {
    padding: 35px 52px 36px 61px;
    border-bottom: 1px solid #EDEDED;
    position: relative;
}

.rate-care-details-section .common-18 {
    font-weight: 500;
    text-align: center;
    margin: 0 0 25px;
}

.rate-care-details-block {
    text-align: center;
    position: relative;
}

.rate-care-details-block::after {
    content: "";
    border-right: 2px solid #667085;
    position: absolute;
    right: -12px;
    top: 0;
    bottom: 0;
}


.rate-care-details-row .row>*:last-child .rate-care-details-block::after {
    display: none;
}

.rate-care-details-wrp .common-16 {
    line-height: 180%;
    text-align: center;
    color: #5E587A;
    font-style: italic;
    margin: -9px 0 0;
}

.insta-perf-wrp {
    padding: 62px 56px 57px;
    border-bottom: 1px solid #EDEDED;
}

.rate-care-details-wrp .unlock-modal .modal-dialog {
    margin: 105px auto 104px;
}

.performance-details-main .user-profile {
    position: relative;
    z-index: 9999;
}

.performance-details-main .user-profile .btn-secondary {
    background-color: transparent;
}

.performance-details-main .user-profile .btn-secondary:hover,
.performance-details-main .user-profile .btn-secondary:active,
.performance-details-main .user-profile .btn-secondary:focus-visible,
.performance-details-main .user-profile .btn-secondary.show {
    background-color: #5271FF !important;
    color: #fff !important;
    border-color: #5271FF !important;
    box-shadow: none;
}

.performance-details-main .audience-section {
    padding: 65px 53px 50px;
}

.performance-details-main .audience-tab .progress-bar {
    background-color: #0426C3;
    height: 24px;
}

.performance-details-main .audience-tab .progress {
    height: 53px; 
}

.performance-details-main .brand-interests-progress .common-16, 
.performance-details-main .audience-tab .common-16 {
    color: #667085;
}

.performance-details-main .demographics-main {
    padding: 50px 53px 30px;
}

.dot-0426C3 {
    background-color: #0426C3;
}

.dot-C06EF3 {
    background-color: #C06EF3;
}

.dot-FFDA00 {
    background-color: #FFDA00;
}

.dot-FF44EC {
    background-color: #FF44EC;
}

.performance-details-main .follower-types-main {
    padding: 0 53px 30px;
}

.performance-details-main .growth-interests-chart {
    padding: 30px 53px 45px;
}
/* Ranking Details End */