center {
    justify-content: center !important;
}
.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem !important;
}
.row {
    --bs-gutter-x: 1.5rem !important;
    --bs-gutter-y: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: calc(-1* 25px) !important;
    margin-right: calc(-.5* var(--bs-gutter-x)) !important;
    margin-left: calc(-.5* var(--bs-gutter-x)) !important;
}

.plan-status{
  color: #000;
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 25px;
}

.items-wrapper div[class*=col-]:nth-child(6) {
    animation-delay: 1.2s;
}

.contact-item .icon, .investor-item .investor-thumb-inner, .work-item .work-number, .counter-section::before, .benefit-item .benefit-icon .benefit-icon-inner, .about-thumb .line.one::after, .about-thumb .line.one::before, .social-links li a:hover, .subscription-form button, .main-btn, .preloader-holder .preloader .preloader-spiner::after {
  padding: 13px;
  background:linear-gradient(to right, var(--grad-one), var(--grad-one) 5%, var(--grad-one), var(--grad-two), var(--grad-two), var(--grad-two), var(--grad-one), var(--grad-one) 100%);
}

:root {
    --clr-main: #CD9F34;
    --clr-secondary: #070500;
    --separate-bg: #F8F6FF;
    --default-bg: #ffffff;
    --grad-one: #CD9F34;
    --grad-two: #F6DB77;
    --gradient-bg2: linear-gradient(to right, var(--grad-one), var(--grad-two));
    --gradient-bg: linear-gradient(to right, var(--grad-one), var(--grad-one) 5%, var(--grad-one), var(--grad-two), var(--grad-two), var(--grad-two), var(--grad-one), var(--grad-one) 100%);
}
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.plan-list li .caption {
    padding: 5px 10px;
    color: #000;
}
.plan-list li .details {
    padding: 5px 10px;
    color: #000;
}

.plan-list li::before {
    position: absolute;
    left: 0;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 20px;
    height: 20px;
    background-color: #cd9f34;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}


.plan-item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    clip-path: polygon(65% 0, 100% 50%, 65% 100%, 0 100%, 0 0);
    background: linear-gradient(to right, #cd9f34, #f6db77);
    z-index: -1;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.plan-el {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0.15;
}

.plan-item h3, h4, h5, h6, h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
    font-family: "Jost", sans-serif;
    color: #0f0f0f;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
    word-break: break-word;
}

.plan-item h5{
    color: #0f0f0f !important;
}

.plan-item .mb-3{
    color: #0f0f0f !important;
}
.transaction-section .transaction-el, .investor-item .investor-content::after, .investor-section::before, .work-section .man-with-dollar, .work-section::before, .plan-section .plan-el, .plan-section .top-dollar, .counter-section::before, .referral-section .referral-img, .about-thumb .line, .about-section::before, .page-banner::before {
    z-index: -1;
}
.d-card i, .testimonial-item::after, .transaction-section .transaction-el, .investor-item .investor-content::after, .investor-section::before, .accordion-item .accordion-button::before, .work-section .man-with-dollar, .work-section::before, .plan-section .plan-el, .plan-section .top-dollar, .plan-section .dollar-right, .counter-item::before, .counter-wrapper div[class*=col]::after, .counter-section::before, .referral-item .referral-content, .referral-item::after, .referral-section .referral-img, .benefit-item .benefit-icon i, .about-thumb .line.one::after, .about-thumb .line.one::before, .about-thumb .line, .about-section::before, .page-breadcrumb li::after, .page-banner::before, .banner-section .banner-lady, .banner-section::before, .subscription-form button, .header, .about-content ul li::before, .preloader-holder::after, .preloader-holder .preloader .preloader-spiner, .preloader-holder .preloader .preloader-spiner::after {
    position: absolute;
}

.plan-item {
    position: relative !important;
    padding: 30px !important;
    background-color: #fff !important;
    border-radius: 8px !important;
    height: 100% !important;
    display: flex !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    z-index: 1 !important;
    transition: all 0.3s !important;
    overflow: hidden !important;
    min-height: 200px !important;
}
.plan-name-area {
    display: flex !important;
    flex-flow: column !important;
    justify-content: center !important;
    width: 150px !important;
    text-align: center !important;
}
*, ::before, ::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
}

.plan-fatures::before {
    background: #fff;
    z-index: -1;
}

.plan-fatures {
    width: calc((100% / 3) - (150px / 3));
    display: flex !important;
    flex-flow: column !important;
    justify-content: center !important;
    padding-left: 55px !important;
    padding-right: 50px !important;
    position: relative !important;
    z-index: 1 !important;
}

.plan-rio {
    display: flex !important;
    flex-flow: column !important;
    justify-content: center !important;
    width: calc((100% / 3) - (150px / 3));
    padding-left: 80px !important;
    position: relative !important;
    z-index: 1 !important;
}

.plan-list li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: -5px -10px;
    padding-left: 25px;
}

.plan-action {
    width: calc((100% / 3) - (150px / 3));
           
    text-align: center !important;
    padding-left: 50px !important;
    display: flex !important;
    flex-flow: column !important;
    justify-content: center !important;
}

.plan-item .plan-name {
    text-align: center !important;
    font-size: 26px !important;
}

.plan-fatures::before {
    background: #fff !important;
    z-index: -1 !important;
}
.plan-fatures::before, .plan-fatures::after {
    position: absolute !important;
    content: '' !important;
    top: -30px !important;
    right: -20px !important;
    width: 200px !important;
    height: calc(100% + 60px) !important;
    clip-path: polygon(65% 0, 100% 50%, 65% 100%, 0 100%, 0 0) !important;
}

.plan-fatures::after {
    background: #d9ab3c !important;
    z-index: -2 !important;
    right: -22px !important;
}



.plan-rio::before {
    background: #fff !important;
    z-index: -1 !important;
}

.plan-rio::before, .plan-rio::after {
    position: absolute !important;
    content: '' !important;
    top: -30px !important;
    right: 0 !important;
    width: 200px !important;
    height: calc(100% + 60px) !important;
    clip-path: polygon(65% 0, 100% 50%, 65% 100%, 0 100%, 0 0) !important;
}

.plan-item .plan-amount {
    font-family: var(--h-font) !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #000;
}

.plan-rio::after {
    background: #d9ab3c !important;
    z-index: -2 !important;
    right: -2px !important;
}


.plan-referral {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    /* margin: -7px -10px !important; */
}

.plan-item::after {
    position: absolute !important;
    content: '' !important;
    top: 0 !important;
    left: 5px !important;
    width: 200px !important;
    height: 100% !important;
    clip-path: polygon(65% 0, 100% 50%, 65% 100%, 0 100%, 0 0) !important;
    background: #d9ab3c !important;
    z-index: -2 !important;
}



/* @media only screen and (max-width: 767px) {
  .sp_separator_bg {
    display: none !important;
  }
}

@media only screen and (min-width: 767px) {
  .showinmob {
    display: none !important;
  }
} */

.sp_separator_bg{
  margin-top: 100px;
  margin-bottom: 100px;
}


@media (max-width: 1199px){
.plan-item {
    flex-flow: column;
}
}

@media (max-width: 1199px) {
.plan-item::before, .plan-item::after {
    clip-path: polygon(100% 0, 100% 50%, 50% 100%, 0 50%, 0 0);
    width: 100%;
    height: 133px;
}
}

@media (max-width: 1399px) {
.plan-item::before {
    width: 160px;
}
}

@media (max-width: 1199px) {
.plan-name-area, .plan-fatures, .plan-rio, .plan-action {
    width: 100% !important;
    padding: 0 !important;
}}

@media (max-width: 1199px) {
.plan-name-area {
    margin-bottom: 55px !important;
}}


@media (max-width: 1199px) {
.plan-fatures {
    margin-bottom: 30px;
}}


@media (max-width: 1399px) {
.plan-fatures {
    padding-left: 48px;
    padding-right: 35px;
}}
@media (max-width: 1399px) {
.plan-fatures, .plan-rio, .plan-action {
    width: calc((100% / 3) -(150px / 3)) !important;
}}
@media (max-width: 1399px){
.plan-list li {
    padding-left: 20px;
    font-size: 15px;
}}
@media (max-width: 1199px){
.plan-rio {
    text-align: center;
    margin-bottom: 15px;
}}

@media (max-width: 1399px){
.plan-rio {
    padding-left: 55px;
}}
@media (max-width: 1399px){
.plan-fatures, .plan-rio, .plan-action {
    width: calc((100% / 3) -(150px / 3)) !important;
}}



@media (max-width: 1199px){
.plan-item::after {
    left: 0;
    height: 135px;
    display: none;
}
.plan-rio::before{
    display: none;
}
.plan-rio::after{
    display: none;
}
.plan-fatures::before, .plan-fatures::before{
    display: none;
}
.plan-fatures::after{
    display: none;
}}

@media (max-width: 1199px){
.plan-item::before, .plan-item::after {
    clip-path: polygon(100% 0, 100% 50%, 50% 100%, 0 50%, 0 0);
    width: 100%;
    height: 133px;
}}
@media (max-width: 1399px){
.plan-item::after {
    width: 159px;
}}
@media (min-width: 576px){
.container, .container-sm {
    /* max-width: 540px; */
}}