/* PAGE WRAPPER */
 .deca-page {
     max-width: 1200px;
     margin: 40px auto;
     padding: 20px 30px 60px;
 }

 /* TITLE */
 .deca-title {
     text-align: center;
     font-size: 46px;
     font-weight: 800;
     color: #4a8f3b;
     margin-bottom: 40px;
 }

 .deca-title span {
     color: #e63946;
 }

 /* LAYOUT */
 .deca-layout {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     gap: 80px;
 }

 /* LEFT DATE LIST */
 .date-list {
     display: flex;
     flex-direction: column;
     gap: 18px;
 }

 .date-item {
     text-decoration: none;
 }

 .date-btn {
     display: flex;
     align-items: center;
     gap: 14px;
     background: #9a9488;
     color: #000;
     padding: 8px 15px;
     border-radius: 9px;
     font-size: 20px;
     min-width: 278px;
 }

 .date-btn i {
     font-size: 26px;
 }

 /* CALENDAR */
 .calendar {
     text-align: center;
     background: #dfd8cc;
     padding: 25px;
     border-radius: 20px;
 }

 .cal-title {
     font-size: 26px;
     margin-bottom: 16px;
 }

 .cal-days,
 .cal-dates {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
     gap: 14px;
     font-size: 22px;
 }

 .cal-days span {
     text-transform: lowercase;
 }

 .sun,
 .sat {
     color: red;
 }

 /* MOBILE */
 @media(max-width:900px) {
     .deca-layout {
         flex-direction: column;
         align-items: center;
     }

     .calendar {
         margin-top: 40px;
     }
 }

 @media(max-width: 768px) {
     .deca-title {
         font-size: 30px;
     }
 }