.text-card-module .text-card-details { display:none; } 
.text-card-module .text-card-wrapper .h5 { color: var(--cobalt-prime); margin-bottom:16px; } 
.text-card-module .text-card-wrapper .body-small { color: var(--graphite-prime); } 
.text-card-module .text-card-wrapper { padding: 48px 32px;border-radius: 24px;border: 2px solid transparent;box-shadow: var(--small-shadow); } 
.text-card-module .card-box-wrapper:hover .text-card-wrapper,
.text-card-module .card-box-wrapper.active .text-card-wrapper { border-color: var(--cobalt-prime); } 
.text-card-module .card-box-wrapper .open-btn { position: absolute; bottom: -27px; left: 0; right: 0; margin: auto; text-align: center; padding: 4px; background-color: var(--white-light); width: 56px; height: 56px; border-radius: 100%; display:none; transition: 0.5s; } 
.text-card-module .card-box-wrapper:hover .open-btn,.card-box-wrapper.active .open-btn { display:block; } 
.text-card-module .card-box-wrapper .open-btn button { background-color: var(--white-light); border: 2px solid var(--cobalt-light); width: 48px; height: 48px; border-radius: 100%; display: flex; align-items: center; justify-content: center; } 
.text-card-module .card-box-wrapper .open-btn button span.icon-plus { background: var(--cobalt-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-size: 1.8rem; } 
.text-card-module .card-box-wrapper .open-btn button span.icon-minus { display:none; color:var(--white-light) } 
.text-card-module .card-box-wrapper.active .open-btn button span.icon-minus { display:block; } 
.text-card-module .card-box-wrapper.active .open-btn button span.icon-plus { display:none; } 
.text-card-module .card-box-wrapper.active .open-btn button { background: var(--cobalt-gradient); border-color: transparent; } 
.text-card-module .card-box-wrapper { position: relative;display: block; margin-bottom: 40px; } 
.text-card-module .text-card-details { width: calc(300% + 60px);box-shadow: var(--small-shadow);border-radius: 16px;position: relative;background: var(--cobalt-gradient);box-sizing: border-box;padding: 2px;margin-bottom: 40px; } 
.text-card-module .text-card-details .text-card-box { padding: 60px 0px;background-color: var(--white-light);width: 100%;border-radius: 16px; } 
.text-card-module .text-card-details .btn-close { position: absolute;top: 72px;right: 107px;font-size: 24px;color: #666; z-index: 2; } 
.text-card-module .crad-details-wrapper .h4 { color: var(--cobalt-prime);margin-bottom: 16px; } 
.text-card-module .crad-details-wrapper .body-large { color: var(--graphite-prime); } 
.text-card-module .card-stats-wrapper .content-wrapper { padding: 24px 16px 14px; text-align: center; } 
.text-card-module .card-stats-wrapper .content-wrapper .h1-stats-small { margin-bottom: 0px; color: var(--argon-dark); } 
.text-card-module .card-stats-wrapper .content-wrapper .h5 { color: var(--cobalt-prime); } 
.text-card-module .card-box:nth-child(3n+2) .text-card-details { left: calc(-100% - 30px); } 
.text-card-module .card-box:nth-child(3n) .text-card-details { left: calc(-200% - 60px); } 
.text-card-module .card-stats-wrapper { margin-top: 32px; } 

 @media all and (max-width: 991.98px) {.text-card-wrapper { padding: 16px 16px 32px; border-radius: 16px; } 
 .text-card-module .card-box-wrapper .open-btn button span.icon { font-size: 1.1rem; } 
 .text-card-module .card-box-wrapper .open-btn button { width: 36px;height: 36px; } 
 .text-card-module .card-box-wrapper .open-btn { width: 44px;height: 44px;padding: 4px;bottom: -21px; } 
  .text-card-module .text-card-wrapper{padding:16px;}
  .text-card-module .text-card-wrapper .body-small{margin-bottom:14px;}
 .text-card-module .text-card-details .text-card-box { padding: 24px 0px; } 
 .text-card-module .text-card-details .text-card-box .crad-details-wrapper { padding-left: 27px; } 
 .text-card-module .card-stats-wrapper { margin-top: 16px; padding-left: 16px; } 
 .text-card-module .card-stats-wrapper .content-wrapper { padding: 12px; } 
 .text-card-module .text-card-details .btn-close { top: 32px;right: 34px; } 
 .text-card-module .card-box-wrapper{margin-bottom:32px;}
 .text-card-module .text-card-details{margin-bottom:32px;width: calc(300% + 30px);}
 .text-card-module .card-box:nth-child(3n) .text-card-details {left: calc(-200% - 30px);}
 .text-card-module .card-box:nth-child(3n+2) .text-card-details { left: calc(-100% - 15px); } 
 }

@media all and (max-width: 767.98px) {
 .text-card-module .card-box-wrapper.active .open-btn { width: 44px; height: 44px; padding: 3px; bottom: -22px; } 
 .text-card-module .card-box-wrapper.active .open-btn button { width: 37px; height: 37px; } 
 .text-card-module .card-box-wrapper.active .open-btn button span.icon { font-size: 1.4rem; } 
 .text-card-module .text-card-wrapper { border-radius: 12px; } 
 .text-card-module .text-card-wrapper .h5 { margin-bottom: 12px; } 
 .text-card-module .text-card-wrapper{padding:16px;height: auto !important;}
 .text-card-module .text-card-wrapper .body-small{margin-bottom:10px;}
 .text-card-module .text-card-details { width:100%; margin-bottom: 32px; } 
.text-card-module .card-box:nth-child(3n+2) .text-card-details { left: 0; } 
.text-card-module .card-box:nth-child(3n) .text-card-details { left:0; } 
.text-card-module .text-card-details .text-card-box { padding: 16px; } 
.text-card-module .text-card-details .text-card-box .crad-details-wrapper ,.card-stats-wrapper { padding-left: 0px; } 
.text-card-module .crad-details-wrapper .h4 { margin-right: 56px; } 
.text-card-module .text-card-details .btn-close { top: 24px; right: 23px; } 
.text-card-module .card-stats-wrapper { margin-top: 19px; } 
.text-card-module .card-stats-wrapper .content-wrapper { padding: 12px 8px 12px; } 
 }