.proliability-boxes-with-dropdown-section {
    padding: 0;
    margin-top: -220px;
    position: relative;
    z-index: 3;
}

.proliability-boxes-with-dropdown-section-inner {
    position: relative;
}


.proliability-boxes-with-dropdown-section .rating-circle {
    position: absolute;
    top: -30px;
    right: -30px;
}

.proliability-boxes-with-dropdown-section .rating-circle-inner {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-color: var(--secondary-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}
.proliability-boxes-with-dropdown-section .rating-circle-inner:after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 4px solid rgba(255, 255, 255, 0.22);
}
.proliability-boxes-with-dropdown-section .rating-circle-inner .title {
    color: var(--white);
    font-family: var(--montserrat-font);
    font-size: var(--font-16);
    font-weight: 500;
}
.proliability-boxes-with-dropdown-section  .rating-number {
    margin-bottom: 0;
    color: var(--white);
    padding: 2px 0;
    border-bottom: 1px solid var(--white);
    border-top: 1px solid var(--white);
    font-size: var(--font-28);
}
.proliability-boxes-with-dropdown-section  .trustpilot-logo { 
    max-width: 90px;
    height: auto;
    object-fit: contain;
    margin-top: 7px;
}

.proliability-boxes-with-dropdown-section-inner .proliability-boxes-list {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}

.proliability-boxes-with-dropdown-section-inner .proliability-boxes-list-item-inner {
    background-color: var(--white);
    padding: 50px 49px 46px 50px;
    display: flex;
    gap: 39px;
    height: 100%;
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.05);
}

.proliability-boxes-with-dropdown-section-inner .proliability-boxes-list-item-inner .icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: var(--secondary-light-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.proliability-boxes-with-dropdown-section-inner .proliability-boxes-list-item-inner .terms-meta {
    width: calc(100% - 139px);
    display: flex;
    flex-direction: column;
}

.proliability-boxes-with-dropdown-section-inner .proliability-boxes-list-item-inner .terms-meta-inner {
    margin-bottom: 30px;
}

.proliability-boxes-with-dropdown-section-inner .proliability-boxes-list-item-inner .terms-meta-inner .small-heading {
    font-weight: 400;
}

.proliability-boxes-with-dropdown-section-inner .proliability-boxes-list-item-inner .terms-meta .heading {
    margin-bottom: 12px;
}

.proliability-boxes-with-dropdown-section-inner .proliability-boxes-list-item-inner .terms-meta .select-btn {
    margin-top: auto;
}

.proliability-boxes-list-item .category-post-popup {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.proliability-boxes-list-item.active .category-post-popup {
    opacity: 1;
    z-index: 5;
    visibility: visible;
}
.categor-post-popup-inner {
    padding: 30px 40px 37px;
    position: relative;
}
.categor-post-popup-inner .close-button {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 25px;
    height: 25px;
}
.categor-post-popup-inner .heading-sec .heading {
    text-align: center;
    margin-bottom: 30px;
    color: var(--black);
    font-weight: 400;
    font-size: var(--font-32);
}
.categor-post-popup-inner .heading-sec {
    text-align: center;
    margin-bottom: 29px;
}
.categor-post-popup-inner .heading-sec {
    font-size: var(--font-18);
}
.categor-post-popup-inner .button-group {
    margin-top: 30px;
    text-align: center;
    display: flex;
    gap: 23.5px;
    justify-content: center;
}
.banner-tabs ul.tabs {
    margin: 0;
    display: flex;
}
.banner-tabs ul.tabs li {
    margin: 0;
    padding: 0;
}
.banner-tabs ul.tabs li::before {
    display: none;
}
.banner-tabs ul.tabs li a {
    background:#d3d3d3;
    color: #000;
    min-width: 150px;
    display: block;
    text-align: center;
    padding: 15px 20px;
    text-decoration: none;
}
.banner-tabs ul.tabs li:first-child a {
    border-top-left-radius: 5px;
}
.banner-tabs ul.tabs li:last-child a {
    border-top-right-radius: 5px;
}
.banner-tabs ul.tabs li a:hover, 
.banner-tabs ul.tabs li a.active {
    background: var(--secondary-color);
    color: var(--white);
}
.banner-tabs .tab-content {
    background-color: var(--white);
    padding: 30px;
    display: flex;
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.05);
    align-items: center;
    flex-direction: column;
}
.banner-tabs .tab-content .tab-block .post-list-dropdown-wrapper .selectric-wrapper {
    flex: 1;
}
  
.banner-tabs .tab-content .tab-block {
    display: none;
    width: 100%;
}

.banner-tabs .tab-content .tab-block.active {
    display: block;
}
.banner-tabs .tab-content .tab-block .post-list-dropdown-wrapper {
    width: 100%;
    display: flex;
}

.banner-tabs .tab-content .tab-block .post-list-dropdown-wrapper a.button {
    flex-shrink: 0;
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

.banner-tabs ul.tabs li a.active {
    box-shadow: inset 0 2px 5px 3px rgba(0,0,0,0.25);
}