/* SNIPPET: CPGE-Program Group Campaign Landing Page RFI Section PaCE DDS - 2025-05-07 Loaded to /professional/explore/master-of-design.php */ .imp-dates { /* if needed, supress Important Dates section display for CMS landing page pilot */ /* display: none !important; */ background-position: center; background-repeat: no-repeat; padding: 3rem 0px 3rem 0px; background-size: cover; } .whiteColor { color: #FFFFFF; } .imp-dates .container { width: 100%; padding-right: 2rem; padding-left: 2rem; margin-right: auto; margin-left: auto; } .imp-dates .align-items-center { align-items: center !important; } .imp-dates .mb-30 { margin-bottom: 30px; } .imp-dates .mw-570 { max-width: 80vw; } .imp-dates .justify-content-between { justify-content: space-between !important; } .imp-dates .w-100 { width: 100% !important; } .imp-dates .d-flex { display: flex !important; } .imp-dates .flex-column { flex-direction: column !important; } .imp-dates .yellow-sec img { max-width: 50px; } .imp-dates .yellow-sec { display: flex; background-color: #E8A720; align-items: center; padding: 16px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .imp-dates .date-content img { max-width: 23px !important; } .imp-dates .date-content { background-color: #ffffff; padding: 26px 28px 36px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .imp-dates .cont-sec p { color: #262626; margin: 0px; } .imp-dates .cont-sec h5 { color: #0356A1; font-weight: bold; margin: 0px; } .imp-dates .yellow-sec h5 { font-weight: bold; margin-left: 1rem; } .d-flex.date-content { text-align: left; justify-content: space-between; } .imp-dates .date-content .white-sec { padding: 10px; } .imp-dates .date-content .divider .border { border: none !important; border-left: 1px solid #EDEAFF !important; height: 100%; } .imp-dates .flex-md-row { flex-direction: column !important; } @media (min-width: 1024px) { .imp-dates .container { max-width: 1300px; } .imp-dates .flex-xl-row, .imp-dates .flex-md-row { flex-direction: row !important; } .imp-dates .mw-570 { max-width: 49%; } } @media (max-width:1023px) { .imp-dates { padding: 2rem 0px 2.5rem 0px; } .imp-dates .mb-5 { margin-bottom: 3rem !important; } } @media (min-width: 768px) { .imp-dates .flex-md-row { flex-direction: row !important; } } @media (max-width: 768px) { .imp-dates .divider { display: none !important; } }