code { font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } :root { /*Primary colors*/ --c-primary-white: #ffffff; --c-primary-blue: #3A1BBA; --c-primary-black: #000000; --c-primary-orange: #F2BB1D; --c-primary-green: #267A4E; --c-primary-dark-gray: #403A45; /*Seccondary colors */ --c-secondary-green: #4EBA89; --c-secondary-dark-gray: #707070; --c-secondary-blue: #A5A0DC; --c-secondary-red: #cd6a51; /*Ternary colors */ --c-ternary-dark-gray: #B7B2BA; --c-ternary-green: #b8e3cf; /*Seccondary colors */ --c-quaternary-dark-gray: #D9D7DB; --c-fifth-dark-gray: #f7f7f7; --c-sixth-dark-gray: #f9f9f9; --c-quaternary-green: #F0F9F5; /* Other grays */ --c-special-one-dark-gray: #979797; --c-special-two-dark-gray: #B7B2BA; --c-special-three-dark-gray: #D9D7DB; /*Primary font size */ --c-primary-font-size: 1.5rem; --c-secondary-font-size: 1.25rem; /* Desktop, Tablet font size */ --c-ternary-font-size: ; /*mobile font size*/ --c-quaternary-font-size: 0.875rem; --c-fifth-font-size: 0.75rem; /*Primary color gradient */ --c-primary-gradient-black: rgba(0, 0, 0, 0.87); /*Font weight */ --c-font-bold: 700; --c-font-ligth: 400; /*Font style*/ --c-font-style-normal: normal; --c-font-style-italic: italic; --c-font-style-oblique: oblique; /* Desktop, Tablet container size */ --c-container-grid-size:5% ; --c-container-grid-section-size: 3%; /* Mobile container size */ --c-container-mobile-top-size: 1.328125rem; --c-container-mobile-section-size: 1rem; /* Mobile container size */ --c-container-tablet-top-size: 1.328125rem; --c-container-tablet-section-size: 1.5625rem; /* Primary title size */ /* Desktop, Tablet size title */ --c-title: 2.0625rem; --c-seccondary-title: 1.875rem; /* Mobile size title */ --c-subtitle: 1.4375rem; --c-text: 1.125rem; } .container .staff-augmentation-info .staff-augmentation-content { padding: 5% 3% 0; } .staff-benefit-item { height: 25rem; padding: 1rem; display: flex; flex-direction: column; cursor: pointer; } .staff-benefit-list-content { width: 100%; } .staff-augmentation-benefits-container { padding:5% 3% 0; } .container .staff-augmentation-benefits .staff-augmentation-benefits-container .staff-augmentation-benefits-content { padding: 0 .5rem; } .staff-augmentation-service .staff-augmentation-service-container .staff-augmentation-service-paper p { font-weight: var(--c-font-bold); color: var(--c-primary-white); font-size:1rem; text-align: center; } .staff-augmentation-service .staff-augmentation-service-container .staff-augmentation-service-paper { padding: 2rem; border-radius: 15px; background-color: var(--c-ternary-dark-gray); } .staff-augmentation-service .staff-augmentation-service-container { padding: 1rem 0 2rem; } .staff-augmentation-service { padding: var(--c-container-grid-size) var(--c-container-grid-section-size) 0; background-color: var(--c-quaternary-green); }