.ct-card {
   background: #f5f5f5;
   border-radius: 20px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
   border: 1px solid #e5e7eb;
 }

 .ct-card--teal .section-title {
   color: #1D7F7A;
 }

 .ct-card--purple .section-title {
   color: #6B4FA0;
 }

 .ct-btn-teal {
   background: #1D7F7A;
   color: #fff;
   border: none;
   padding: .75rem 3.5rem .75rem !important;
 }

 .ct-btn-teal:hover {
   background: #165f5b;
   color: #fff;
 }

 .ct-btn-purple {
   background: #6B4FA0;
   color: #fff;
   border: none;
   padding: .75rem 3.5rem .75rem !important;
 }

 .ct-btn-purple:hover {
   background: #52387a;
   color: #fff;
 }

 .ct-spark {
   display: inline-flex;
   gap: 3px;
   align-items: flex-end;
   margin-left: 4px;
 }

 .ct-spark span {
   display: inline-block;
   border-radius: 2px;
 }

 .box-pink {
   background: #FBEAF0;
   border: 1.5px solid #ED93B1;
   color: #72243E;
 }

 .box-yellow {
   background: #FAEEDA;
   border: 1.5px solid #EF9F27;
   color: #633806;
 }

 .box-blue {
   background: #E6F1FB;
   border: 1.5px solid #85B7EB;
   color: #0C447C;
 }

 .draw-box {
   border-radius: 10px;
   padding: 1.25rem 1rem;
   font-size: 14px;
   line-height: 1.55;
   text-align: center;
 }

 .draw-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1.5fr;
   gap: 12px;
 }

 @media (max-width: 767px) {
   .col-md-6+.col-md-6 {
     margin-top: 1.5rem;
   }

   .draw-grid {
     grid-template-columns: 1fr;
   }

   .ct-btn-teal,
   .ct-btn-purple {
     width: 100%;
     padding: .75rem 1rem !important;
   }
 }