/* Pricing Section */ .pricing { min-height: 100vh; padding-top: 75px; } .pricing-container { padding: 60px 0 40px; } .pricing-content { display: grid; grid-template-columns: 55% 39%; grid-gap: 6%; } .pricing-table { display: flex; flex-direction: column; justify-content: space-between; height: 47vh; height: 61vh; } .pricing-table .rows { display: flex; height: 24%; height: 19%; transition: 0.4s all ease-in-out; gap: 0; } @media (hover: hover) { .pricing-table .rows:hover { cursor: pointer; background-color: white; transform: translateX(10px); box-shadow: 10px 25px 50px -12px rgb(0 0 0 / 0.3); border-radius: 8px; } } .rows .left, .rows .right { display: flex; align-items: center; height: 100%; font-weight: 500; letter-spacing: 0.8; padding: 20px 20px; } .rows .left { font-size: 1.5vw; width: 75%; background-color: #f9f9f9; color: rgba(0, 0, 0, 0.7); border-radius: 8px 0 0 8px; padding: 20px 2vw; } .rows .right { font-size: 2vw; width: 25%; justify-content: center; background-color: #e2001e; color: rgba(255, 255, 255, 0.95); border-radius: 0 8px 8px 0; } .rows .right .smaller { font-weight: 300; font-size: calc(10.7px + 0.5vw); margin-left: -5px; } .info-section { display: flex; flex-direction: column; gap: 30px; gap: 2.5vh; height: 47vh; height: 61vh; position: relative; } .info-section i { position: absolute; top: -22px; right: 20px; font-size: calc(38px + 0.390625vw); color: #e2001e; background-color: white; } .headline-md-red { margin-bottom: 5px; color: #e2001e; font-size: 3vh; font-weight: 500; } .info-card { display: flex; flex-direction: column; justify-content: center; text-align: center; height: fit-content; padding: 30px; padding: 20px 2.7vw; border: 3px solid #e2001e; border-radius: 8px; overflow-y: auto; scrollbar-width: none; font-size: 1.05vw; color: rgba(0, 0, 0, 0.7); } .info-card::-webkit-scrollbar { display: none; } .pricing-extra-info { display: flex; flex-direction: column; justify-content: flex-end; gap: 1.2vh; } .pricing-extra-info b { font-weight: 300; } .pricing .info-text { font-size: calc(10.7px + 0.390625vw); } .notes { font-weight: 400; vertical-align: super; font-size: 1.1vw; } /* Packages Section */ .packages-container { padding: 40px 0 150px; display: flex; justify-content: space-between; } .package-card { height: 470px; height: calc(320px + 10.5vw); width: 24%; max-width: 500px; padding: 30px 31px; border-radius: 12px; box-shadow: 10px 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); transition: 0.3s all ease-in-out; display: flex; flex-direction: column; justify-content: space-around; } .package-card:hover { filter: none; cursor: pointer; background-color: white; box-shadow: 10px 25px 50px -12px rgb(0 0 0 / 0.3); } .overview { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; } .packages-img { height: calc(65px + 2vw); padding-bottom: 10px; } .title { display: flex; justify-content: flex-end; align-items: flex-end; font-size: calc(29px + 0.390625vw); color: #e2001e; } .sm { font-weight: 400; padding-bottom: 3px; padding-left: 5px; color: inherit; } .pd { padding-right: 5px; } .info { display: flex; flex-direction: column; justify-content: center; } .point { display: flex; align-items: baseline; justify-content: center; gap: 15px; } .noShow { visibility: hidden; } .checkmark { display: inline-block; margin-top: 3px; transform: rotate(45deg); height: 18px; width: 8.5px; border-bottom: 2.5px solid #e2001e; border-right: 2.5px solid #e2001e; line-height: 2.8vh; } .cross { display: inline-block; margin-top: 3px; font-size: 28px; height: 18px; font-weight: 400; color: #e2001e; line-height: 2.8vh; } .packages .info-text { line-height: 2.8vh; font-size: calc(9.4px + 0.390625vw); } .primary-btn { display: flex; justify-content: center; margin: 0; } .primary-btn a { width: fit-content; min-width: 200px; align-items: center; padding: 16px 36px; } .primary-btn a:hover { transform: translateY(0px); }