/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:300,400,500,600,700");*/ /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*Bootstrap version update to 5.0.2*/ /*Bootstrap static pages backup*/ .mr-0{margin-right: 0 !important;} .ml-0{margin-left: 0 !important;} .mr-1{margin-right: 0.25rem !important;} .ml-1{margin-left: 0.25rem !important;} .mr-2{margin-right: 0.5rem !important;} .ml-2{margin-left: 0.5rem !important;} .mr-3{margin-right: 1rem !important;} .ml-3{ margin-left: 1rem !important;} .mr-4{margin-right: 1.5rem !important;} .ml-4 {margin-left: 1.5rem !important;} .mr-5{margin-right: 3rem !important;} .ml-5{margin-left: 3rem !important;} .pr-0{padding-right: 0 !important;} .pl-0{padding-left: 0 !important;} .pr-1{padding-right: 0.25rem !important;} .pl-1{padding-left: 0.25rem !important;} .pr-2{padding-right: 0.5rem !important;} .pl-2{padding-left: 0.5rem !important;} .pr-3{padding-right: 1rem !important;} .pl-3{padding-left: 1rem !important;} .pr-4{padding-right: 1.5rem !important;} .pl-4{padding-left: 1.5rem !important;} .pr-5{padding-right: 3rem !important;} .pl-5{padding-left: 3rem !important;} .mr-auto{margin-right: auto !important;} .ml-auto{margin-left: auto !important;} @media (min-width: 576px) { .mr-sm-0 {margin-right: 0 !important;} .ml-sm-0{margin-left: 0 !important;} .mr-sm-1{margin-right: 0.25rem !important;} .ml-sm-1 {margin-left: 0.25rem !important;} .mr-sm-2{margin-right: 0.5rem !important;} .ml-sm-2{margin-left: 0.5rem !important;} .mr-sm-3{margin-right: 1rem !important;} .ml-sm-3{margin-left: 1rem !important;} .mr-sm-4{margin-right: 1.5rem !important;} .ml-sm-4{margin-left: 1.5rem !important;} .mr-sm-5 {margin-right: 3rem !important;} .ml-sm-5{margin-left: 3rem !important;} .pr-sm-0{padding-right: 0 !important;} .pl-sm-0{padding-left: 0 !important;} .pr-sm-1{padding-right: 0.25rem !important;} .pl-sm-1 {padding-left: 0.25rem !important;} .pr-sm-2{padding-right: 0.5rem !important;} .pl-sm-2{padding-left: 0.5rem !important;} .pr-sm-3{padding-right: 1rem !important;} .pl-sm-3{padding-left: 1rem !important;} .pr-sm-4{padding-right: 1.5rem !important;} .pl-sm-4{padding-left: 1.5rem !important;} .pr-sm-5 {padding-right: 3rem !important;} .pl-sm-5{padding-left: 3rem !important;} .mr-sm-auto {margin-right: auto !important;} .ml-sm-auto{margin-left: auto !important;} } @media (min-width: 768px) { .mr-md-0{margin-right: 0 !important;} .ml-md-0{margin-left: 0 !important;} .mr-md-1{margin-right: 0.25rem !important;} .ml-md-1{margin-left: 0.25rem !important;} .mr-md-2{margin-right: 0.5rem !important;} .ml-md-2{margin-left: 0.5rem !important;} .mr-md-3{margin-right: 1rem !important;} .ml-md-3{margin-left: 1rem !important;} .mr-md-4{margin-right: 1.5rem !important;} .ml-md-4{margin-left: 1.5rem !important;} .mr-md-5{margin-right: 3rem !important;} .ml-md-5{margin-left: 3rem !important;} .pr-md-0 {padding-right: 0 !important;} .pl-md-0{padding-left: 0 !important;} .pr-md-1{padding-right: 0.25rem !important;} .pl-md-1{padding-left: 0.25rem !important;} .pr-md-2{padding-right: 0.5rem !important;} .pl-md-2 {padding-left: 0.5rem !important;} .pr-md-3{padding-right: 1rem !important;} .pl-md-3{padding-left: 1rem !important;} .pr-md-4 {padding-right: 1.5rem !important;} .pl-md-4{padding-left: 1.5rem !important;} .pr-md-5{padding-right: 3rem !important;} .pl-md-5{padding-left: 3rem !important;} .mr-md-auto{margin-right: auto !important;} .ml-md-auto{margin-left: auto !important;} } @media (min-width: 992px) { .mr-lg-0{margin-right: 0 !important;} .ml-lg-0{margin-left: 0 !important;} .mr-lg-1{margin-right: 0.25rem !important;} .ml-lg-1{margin-left: 0.25rem !important;} .mr-lg-2 {margin-right: 0.5rem !important;} .ml-lg-2{margin-left: 0.5rem !important;} .mr-lg-3{margin-right: 1rem !important;} .ml-lg-3{margin-left: 1rem !important;} .mr-lg-4{margin-right: 1.5rem !important;} .ml-lg-4{margin-left: 1.5rem !important;} .mr-lg-5{margin-right: 3rem !important;} .ml-lg-5{margin-left: 3rem !important;} .pr-lg-0{padding-right: 0 !important;} .pl-lg-0{padding-left: 0 !important;} .pr-lg-1{padding-right: 0.25rem !important;} .pl-lg-1{padding-left: 0.25rem !important;} .pr-lg-2{padding-right: 0.5rem !important;} .pl-lg-2{padding-left: 0.5rem !important;} .pr-lg-3{padding-right: 1rem !important;} .pl-lg-3{padding-left: 1rem !important;} .pr-lg-4{padding-right: 1.5rem !important;} .pl-lg-4{padding-left: 1.5rem !important;} .pr-lg-5{padding-right: 3rem !important;} .pl-lg-5{padding-left: 3rem !important;} .mr-lg-auto{margin-right: auto !important;} .ml-lg-auto{ margin-left: auto !important;} } @media (min-width: 1200px) { .mr-xl-0{margin-right: 0 !important;} .ml-xl-0{margin-left: 0 !important;} .mr-xl-1{margin-right: 0.25rem !important;} .ml-xl-1{margin-left: 0.25rem !important;} .mr-xl-2{margin-right: 0.5rem !important;} .ml-xl-2{margin-left: 0.5rem !important;} .mr-xl-3{margin-right: 1rem !important;} .ml-xl-3{margin-left: 1rem !important;} .mr-xl-4{margin-right: 1.5rem !important;} .ml-xl-4{margin-left: 1.5rem !important;} .mr-xl-5{margin-right: 3rem !important;} .ml-xl-5{margin-left: 3rem !important;} .pr-xl-0{padding-right: 0 !important;} .pl-xl-0{padding-left: 0 !important;} .pr-xl-1{padding-right: 0.25rem !important;} .pl-xl-1{padding-left: 0.25rem !important;} .pr-xl-2{padding-right: 0.5rem !important;} .pl-xl-2{padding-left: 0.5rem !important;} .pr-xl-3{padding-right: 1rem !important;} .pl-xl-3{padding-left: 1rem !important;} .pr-xl-4{padding-right: 1.5rem !important;} .pl-xl-4{padding-left: 1.5rem !important;} .pr-xl-5{padding-right: 3rem !important;} .pl-xl-5{padding-left: 3rem !important;} .mr-xl-auto{margin-right: auto !important;} .ml-xl-auto{margin-left: auto !important;} } .float-left { float: left !important; } .float-right { float: right !important; } @media (min-width: 576px) { .float-sm-left {float: left !important;} .float-sm-right {float: right !important;} } @media (min-width: 768px) { .float-md-left {float: left !important;} .float-md-right {float: right !important;} } @media (min-width: 992px) { .float-lg-left {float: left !important;} .float-lg-right {float: right !important;} } @media (min-width: 1200px) { .float-xl-left {float: left !important;} .float-xl-right {float: right !important;} } .text-left {text-align: left !important;} .text-right {text-align: right !important;} @media (min-width: 576px) { .text-sm-left {text-align: left !important;} .text-sm-right {text-align: right !important;} } @media (min-width: 768px) { .text-md-left {text-align: left !important;} .text-md-right {text-align: right !important;} } @media (min-width: 992px) { .text-lg-left {text-align: left !important;} .text-lg-right {text-align: right !important;} } @media (min-width: 1200px) { .text-xl-left {text-align: left !important;} .text-xl-right {text-align: right !important;} } .font-weight-light {font-weight: 300 !important;} .font-weight-normal {font-weight: 400 !important;} .font-weight-bold {font-weight: 700 !important;} /*Bootstrap static pages backup End*/ /*For Close POP up*/ .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .btn-close { float: right; font-weight: 700; background: none; font-size: 25px; } .btn-close:hover, .btn-close:focus { outline: 1px solid !important; color: #000; text-decoration: none; opacity: .75; } .btn-close:not(:disabled):not(.disabled) { cursor: pointer; } button.btn-close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .pb-3, .py-3 { padding-bottom: 1rem!important; } .form-group{ margin-bottom:1rem; } /****************Bootstrap version update end************/ /************Bootstrap permanent solution**************/ .row .container, .row .container-fluid { --bs-gutter-x: .75rem; } label { margin-bottom: 0.5rem; } /************Bootstrap permanent solution end**************/ :root { /*For font family*/ --font_family_normal: "Open Sans", sans-serif; --font_family_style1: "Poppins", sans-serif; /*For h1, h2, h3, h4, h5, h6 primary color*/ --header_primary_color: #000; /*For paragraph primary color*/ --paragraph_primary_color: #525252; /*For hyperlink primary color*/ --hyperlink_color: #0050C7; --hyperlink_hover_color: #e84444; /*For overall layout color as per branding*/ --layout_primary_color: #000; --layout_primary_light_color: #f5f5f5; --layout_primary_text_color: #ffffffe3; --layout_gray_color: #EDE8E8; --layout_dark_gray_color: #bfbbbb; --body_background: #eaeaea; --BackgroundEffect1: rgba(255, 254, 254, .3); --BackgroundEffect2: rgba(255, 0, 47, .14); --BackgroundEffect3: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 27%, rgba(0, 0, 0, .65) 90%); --BackgroundEffect4: rgba(255, 0, 47, .14); --BackgroundEffect5: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 27%, rgba(0, 0, 0, .65) 90%); /*For snack bar*/ --snackBarTextColor: #fff; --snackBarBackground: #292929; /*For top menu bar*/ --top_header_fontSize: 12px; --top_header_hover_border_bottom_color: #083c5d; --top_header_items_gap: 18px; /*For Client Logo*/ --nav_Primary_img_height: 5.2rem; --nav_Primary_img_borderRadius: 0; --nav_Primary_img_Background: transparent; --nav_Primary_img_padding: 0; --nav_Logo_Left: 14px; --nav_Logo_Top: 0px; /*For Secondary Logo*/ --nav_Secondary_img_height: 2.8rem; --nav_Secondary_img_Background: transparent; --nav_Secondary_img_padding: 0; /*For Navigation bar*/ --navBackground: #fff; --navBackground_login: var(--navBackground); --navTextColor: #000; --navHover: #fff; --navHoverText: #fff; --navHoverBackground: #083c5d; --navActionNeeded: #fff; --navActionNeededBg: #000; --navActionNeededHover: #fff; --navActionNeededHoverBg: #083c5d; --navDropDown: #fff; --navDropDownBg: #083c5d; --navDropDownHover: #000; --navDropDownHoverBg: #b9d1e0; --nav_items_gap: 6px; --nav_menu_left_gap: 0px; /*For footer section*/ --footer_background_color: var(--layout_primary_color); --footer_text_color: var(--layout_primary_text_color); --footer_text_hover_color: var(--textColor1); /*For enrollment window on home page*/ --enrollment_window_color: #000; --enrollment_window_text_color: #ffffffba; /*For all buttons hover color*/ --hover_primary_color: #000; --hover_primary_text_color: #fff; /*For highlight green color shade*/ --hightlight_green_on_lightBg: #448600; --hightlight_green_on_darkBg: #00a000; /*For red color shade used in marquee or highlighted text*/ --red_on_lightBg: #d21404; --red_on_darkBg: #FF3838; /*For primary button color basically for ok, save, open, next, confirm etc*/ --button_primary_color: #007dba; --button_primary_text_color: #fff; --button_primary_border_color: transparent; /*For secondary button color basically for no, cancel, exit, back etc */ --button_secondary_color: #d3d3d3; --button_secondary_text_color: #000; --button_secondary_border_color: transparent; /*For delete buttons*/ --button_danger_color: #CC0200; --button_danger_text_color: #fff; --button_danger_border_color: transparent; /*For icon buttons*/ --iconButton_color: var(--button_primary_color); /*For background headings*/ --bg_info: #007dba; --bg_info_text: #fffffffc; /*For all step bars*/ --stepBar: #000; --stepBorder: #1d2731; --stepTextActive: #fff; --stepBackgroundActive: #000; --stepBarCompleted: var(--button_primary_color); /*For benefit page tiles*/ --benefit_tile_hover_color: #007dba; --benefit_tile_hover_text_color: #f1f1f1e3; --benefit_tile_hover_text_highlight_color: #fff; /*For footer help section. Value is either block or none*/ --footer_help_display: block; --footer_help_background: #fbf9ff; /*For Chat Option*/ --chatButtonColor: #d21404; --chatButtonTextColor: #fff; --chatButtonSize: 1rem; /*For more adjustment*/ --navHoverBorderColor: transparent; --chatButtonSize: 1rem; --btnLoginNotDisableActive: #fff; --btnLoginNotDisableActiveBg: #328CC1; --btnLoginNotDisableActiveBorder: #328CC1; --btnDangerNotDisableActive: #000; --btnInfoNotDisableActive: #fff; --btnInfoNotDisableActiveBg: #000; --btnSecondary: #fff; --btnSecondaryBg: #303032; --textColor1: #e84444; --textColor2: #000; --tableRow2_FontColor: #0B3C5D; --tableRow2_FontSize: 12px; --tableRow2_Bg: #fff; --table_l_head2_color: #000; --table_l_head2_Bg: #fff; --pageInfo: #F7882F; --pageInfoOption: #F7882F; --hero_content_wrapper_top: -60px; --package_card_img_height: 21rem; --inputControlsColor: var(--button_primary_color); --buttonFontWeight: 600; --logo_Top: block; --logo_Middle: none; --accordPlusMinusColor: var(--textColor1); --Enrol_Guide_Link: #95d7ffba; --Enrol_Hover_Guide_Link: #ed7b9ae3; /*For benefit page tiles on options change*/ --benefit_tile_color_on_option_change: #a6f3b5; --benefit_tile_hover_text_highlight_color_on_option_change: #000; --benefit_tile_hover_text_color_on_option_change: #000; } body { font-family: var(--font_family_normal); font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 0.93rem; background: var(--body_background); overflow-x: hidden; height: 100%; margin: 0; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #888; } ::-webkit-scrollbar-thumb:hover { background: #555; } ::-moz-selection { background: #ee7171; color: #fff; } ::selection { background: #ee7171; color: #fff; } a { color: var(--hyperlink_color); text-decoration: underline; } a.plain-text { text-decoration: none; } a:hover { color: var(--hyperlink_hover_color); } a.text-dark:hover, a.text-white:hover { color: var(--textColor1) !important; } a:not(:disabled), button:not(:disabled) { cursor: pointer; } h1, h2, h3, h4, h5, h6 { color: #222; font-weight: 500; font-family: var(--font_family_style1); } h1, .h1 { font-size: 3.75rem; } h2, .h2 { font-size: 2.25rem; } h3, .h3 { font-size: 1.875rem; } @media (max-width: 1024px) { h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.1rem; } h3, .h3 { font-size: 1.6rem; } } @media (max-width: 991px) { h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 1.8rem; } h3, .h3 { font-size: 1.4rem; } } @media (max-width: 575px) { h1, .h1 { font-size: 2.4rem; } h2, .h2 { font-size: 1.7rem; } h3, .h3 { font-size: 1.3rem; } } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1.125rem; } @media (max-width: 575px) { .h5 { font-size: 1rem; } } h6, .h6 { font-size: 0.875rem; } .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--paragraph_primary_color); } p, .paragraph, .static li { font-weight: 400; color: var(--paragraph_primary_color); font-size: 0.875rem; } @media (min-width: 992px) { p, .paragraph, .static li { line-height: 1.5625rem; } } ol, ul { list-style-type: none; margin: 0px; } ul.circle { list-style-type: circle !important; } ul.square { list-style-type: square !important; } ol.l-alpha { list-style-type: lower-alpha !important; } ol.u-alpha { list-style-type: upper-alpha !important; } ol.l-roman { list-style-type: lower-roman !important; } ol.u-roman { list-style-type: upper-roman !important; } ol.decimal { list-style-type: decimal !important; } img { vertical-align: middle; border: 0; } img[alt] { font-size: 0.875rem; } .text-black { color: #000; } .text-primary { color: var(--textColor1) !important; } .text-color { color: var(--textColor2); } .text-dark { color: #222; } .text-light { color: #fffffffc !important; } .text-underline { text-decoration: underline; } .text-underline:hover { text-decoration: underline; } .strong { color: #000; font-weight: 600; } .font-primary { font-family: var(--font_family_style1); } .font-secondary { font-family: var(--font_family_normal); } .bg-info { background: var(--bg_info) !important; color: var(--bg_info_text) !important; } .bg-info-text { color: var(--bg_info_text) !important; } .bg-dark { background-color: var(--layout_primary_color) !important; } .bg-gray, .bg-light { background-color: var(--layout_primary_light_color); } .bg-gray1 { background-color: var(--layout_gray_color); } .bg-gray2 { background-color: var(--layout_dark_gray_color); } .bg-lightGrey { background: #f7f7f7; } .bg-primary { background-color: var(--textColor1) !important; } .bg-secondary { background-color: #303032 !important; } .bg-facebook { background-color: #4267b2; } .bg-twitter { background-color: #449de8; } .bg-linkedin { background-color: #2f6ea3; } .bg-google { background-color: #e62211; } .layer-l { opacity: 0.9; } .layer-l1 { opacity: 0.8; } .layer-d, .layer-d1 { opacity: 0.99; } .layer-d:before, .layer-d1:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -1; } .layer-d:before { opacity: 0.03; } .layer-d1:before { opacity: 0.1; } .btn-primary { margin-right: 8px; margin-left: 8px; } .btn { font-size: 0.875rem; padding: 10px 38px; border-radius: 35px; font-weight: var(--buttonFontWeight); border: 0; position: relative; z-index: 1; transition: .2s ease; border: 6px solid transparent; } .btn:not(.btn-dark.rounded) { min-width: 90px; } .btn.size-sm { padding: 2px 10px !important; } .btn:focus { outline: 0; background-color: #1d252c; border-color: transparent; } .btn:hover { border-color: transparent; } .btn:active { box-shadow: none; } .btn:not(.translateY-25 .btn, .translateY-50 .btn, .headerButton .btn) { padding: 7px 34px; } @media (max-width: 991px) { .btn, .btn:not(.translateY-25 .btn, .translateY-50 .btn, .headerButton .btn) { padding: 7px 24px; } } @media (max-width: 575px) { .btn, .btn:not(.translateY-25 .btn, .translateY-50 .btn, .headerButton .btn) { padding: 6px 16px; /*SEBOPS-56099(Issue-3) */ margin-right: 4px; margin-left: 4px; margin-bottom: 2px; } } .btn-danger { color: var(--button_danger_text_color); background: var(--button_danger_color); border-color: var(--button_danger_border_color); } .btn-danger:hover, .btn-danger:focus { background-color: var(--hover_primary_color); color: var(--hover_primary_text_color); } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { background: var(--btnDangerNotDisableActive) !important; color: var(--btnDangerNotDisableActive) !important; } .btn-dark, .btn-dark:disabled { background: var(--button_primary_color) !important; color: var(--button_primary_text_color); border-color: var(--button_primary_border_color); } .btn-dark.rounded { background: var(--layout_primary_light_color) !important; color: var(--iconButton_color); border: 1px solid var(--iconButton_color); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.20); } .btn-dark:not(:disabled):active, .btn-dark:not(:disabled):hover, .btn-dark:not(:disabled):focus { background: var(--hover_primary_color) !important; color: var(--hover_primary_text_color); } .btn-info, a.btn-info, .btn-default, a.btn-default { background: var(--button_primary_color) !important; color: var(--button_primary_text_color) !important; border-color: var(--button_primary_border_color); } .btn-info:hover, a.btn-info:hover, .btn-info:focus, a.btn-info:focus, .btn-info:active, a.btn-info:active .btn-default:hover, a.btn-default:hover, .btn-default:focus, a.btn-default:focus, .btn-default:active, a.btn-default:active { background: var(--hover_primary_color) !important; color: var(--hover_primary_text_color) !important; } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { background: var(--btnInfoNotDisableActiveBg) !important; color: var(--btnInfoNotDisableActive) !important; } .btn-primary { background: var(--button_secondary_color); color: var(--button_secondary_text_color); border-color: var(--button_secondary_border_color); } .btn-primary:active, .btn-primary:hover, .btn-primary:focus { background: var(--hover_primary_color) !important; color: var(--hover_primary_text_color); } .btn-secondary { background: var(--btnSecondaryBg); color: var(--btnSecondary); } .btn-secondary:active, .btn-secondary:hover, .btn-secondary:focus { background: var(--hover_primary_color) !important; color: var(--hover_primary_text_color); } .btn-light { background: #fff; color: #222; border: 2px solid #fff; } .btn-light:hover { background: transparent; border: 2px solid #fff; color: #fff; } .btn-outline { background: transparent; color: #222; border: 2px solid #303032; text-decoration: none; } .btn-outline:hover, .btn-outline:focus { background: #303032; color: #fff; } .btn-sm { padding: 7px 34px !important; } .btn-login { background: var(--button_primary_color); color: var(--button_primary_text_color); border-color: var(--button_primary_border_color); } .btn-login:active, .btn-login:hover, .btn-login:focus { background: var(--hover_primary_color); color: var(--hover_primary_text_color); } .btn-login:not(:disabled):not(.disabled):active { color: var(--btnLoginNotDisableActive); background-color: var(--btnLoginNotDisableActiveBg); border-color: var(--btnLoginNotDisableActiveBorder); } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } @media (max-width: 1199px) { .mb-md-50 { margin-bottom: 50px; } } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } .py-10 { padding: 10px 0; } .py-50 { padding: 50px 0; } .py-100 { padding-top: 100px; padding-bottom: 100px; } .py-160 { padding: 160px 0; } .py-190 { padding: 190px 0; } .ml-65 { margin-left: 65px; } .pb-xl-200-lg-100 { padding-bottom: 200px; } @media (max-width: 1199px) { .pb-xl-200-lg-100 { padding-bottom: 100px; } } .mb-xl-150-lg-100 { margin-bottom: 150px; } @media (max-width: 1199px) { .mb-xl-150-lg-100 { margin-bottom: 100px; } } .translateY-25 { transform: translateY(25px); } .m-translate.translateY-25 { transform: translateY(-25px); } .translateY-50 { transform: translateY(50px); } .translateY-10 { transform: translateY(-10px); } .translateY-33 { transform: translateY(-33px); } .fp-row2 td { margin: 0; border-top: 1px solid; border-bottom: 1px solid; background: var(--tableRow2_Bg); padding-top: 2px; padding-bottom: 2px; } .fp-row2 p { font-size: var(--tableRow2_FontSize); margin: 0; padding: 0; color: var(--tableRow2_FontColor); line-height: 16px; } .fp-row2 p u { text-decoration: none; } .fp-tb3 .fp-row td { border-bottom: 1px solid #dadada; } .fp-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0px; margin-left: 0px; background: var(--layout_primary_light_color); } .fp-row p { margin: 0; padding: 0; line-height: 16px; margin-bottom: 2px; } .fp-tb3 .fp-row p { color: #000; } .fp-summary-wrapper, .fp-summary, .fp-summary .fp-row { background: var(--layout_gray_color) !important; } .fp-summary-wrapper { border-top: 12px solid var(--layout_dark_gray_color); } .fp-td.mark-text { border-top: none !important; padding-top: 0; margin-top: -8px; } .fp-td.mark-text span { font-size: 0.68rem; font-weight: bold; color: var(--layout_primary_text_color); background: var(--layout_primary_color); padding: 0px 6px; } .fp-sp, .fp-sp-2, .fp-sp-4, .fp-sp-6, .fp-sp-8, .fp-sp-10, .fp-sp-12, .fp-sp-14, .fp-sp-16, .fp-sp-18, .fp-sp-20, .fp-sp-22, .fp-sp-24, .fp-sp-26, .fp-sp-28, .fp-sp-30, .fp-sp-32, .fp-sp-34, .fp-sp-36, .fp-sp-38, .fp-sp-40, .fp-sp-42, .fp-sp-44, .fp-sp-46, .fp-sp-48, .fp-sp-50, .fp-sp-52, .fp-sp-54, .fp-sp-56, .fp-sp-58, .fp-sp-60, .fp-sp-62, .fp-sp-64, .fp-sp-66, .fp-sp-68, .fp-sp-70, .fp-sp-72, .fp-sp-74, .fp-sp-76, .fp-sp-78, .fp-sp-80, .fp-sp-82, .fp-sp-84, .fp-sp-86, .fp-sp-88, .fp-sp-90, .fp-sp-92, .fp-sp-94, .fp-sp-96, .fp-sp-98, .fp-sp-100, .fp-sp-md, .fp-sp-md-2, .fp-sp-md-4, .fp-sp-md-6, .fp-sp-md-8, .fp-sp-md-10, .fp-sp-md-12, .fp-sp-md-14, .fp-sp-md-16, .fp-sp-md-18, .fp-sp-md-20, .fp-sp-md-22, .fp-sp-md-24, .fp-sp-md-26, .fp-sp-md-28, .fp-sp-md-30, .fp-sp-md-32, .fp-sp-md-34, .fp-sp-md-36, .fp-sp-md-38, .fp-sp-md-40, .fp-sp-md-42, .fp-sp-md-44, .fp-sp-md-46, .fp-sp-md-48, .fp-sp-md-50, .fp-sp-md-52, .fp-sp-md-54, .fp-sp-md-56, .fp-sp-md-58, .fp-sp-md-60, .fp-sp-md-62, .fp-sp-md-64, .fp-sp-md-66, .fp-sp-md-68, .fp-sp-md-70, .fp-sp-md-72, .fp-sp-md-74, .fp-sp-md-76, .fp-sp-md-78, .fp-sp-md-80, .fp-sp-md-82, .fp-sp-md-84, .fp-sp-md-86, .fp-sp-md-88, .fp-sp-md-90, .fp-sp-md-92, .fp-sp-md-94, .fp-sp-md-96, .fp-sp-md-98, .fp-sp-md-100, .fp-sp-sm, .fp-sp-sm-2, .fp-sp-sm-4, .fp-sp-sm-6, .fp-sp-sm-8, .fp-sp-sm-10, .fp-sp-sm-12, .fp-sp-sm-14, .fp-sp-sm-16, .fp-sp-sm-18, .fp-sp-sm-20, .fp-sp-sm-22, .fp-sp-sm-24, .fp-sp-sm-26, .fp-sp-sm-28, .fp-sp-sm-30, .fp-sp-sm-32, .fp-sp-sm-34, .fp-sp-sm-36, .fp-sp-sm-38, .fp-sp-sm-40, .fp-sp-sm-42, .fp-sp-sm-44, .fp-sp-sm-46, .fp-sp-sm-48, .fp-sp-sm-50, .fp-sp-sm-52, .fp-sp-sm-54, .fp-sp-sm-56, .fp-sp-sm-58, .fp-sp-sm-60, .fp-sp-sm-62, .fp-sp-sm-64, .fp-sp-sm-66, .fp-sp-sm-68, .fp-sp-sm-70, .fp-sp-sm-72, .fp-sp-sm-74, .fp-sp-sm-76, .fp-sp-sm-78, .fp-sp-sm-80, .fp-sp-sm-82, .fp-sp-sm-84, .fp-sp-sm-86, .fp-sp-sm-88, .fp-sp-sm-90, .fp-sp-sm-92, .fp-sp-sm-94, .fp-sp-sm-96, .fp-sp-sm-98, .fp-sp-sm-100, .fp-sp-lg, .fp-sp-lg-2, .fp-sp-lg-4, .fp-sp-lg-6, .fp-sp-lg-8, .fp-sp-lg-10, .fp-sp-lg-12, .fp-sp-lg-14, .fp-sp-lg-16, .fp-sp-lg-18, .fp-sp-lg-20, .fp-sp-lg-22, .fp-sp-lg-24, .fp-sp-lg-26, .fp-sp-lg-28, .fp-sp-lg-30, .fp-sp-lg-32, .fp-sp-lg-34, .fp-sp-lg-36, .fp-sp-lg-38, .fp-sp-lg-40, .fp-sp-lg-42, .fp-sp-lg-44, .fp-sp-lg-46, .fp-sp-lg-48, .fp-sp-lg-50, .fp-sp-lg-52, .fp-sp-lg-54, .fp-sp-lg-56, .fp-sp-lg-58, .fp-sp-lg-60, .fp-sp-lg-62, .fp-sp-lg-64, .fp-sp-lg-66, .fp-sp-lg-68, .fp-sp-lg-70, .fp-sp-lg-72, .fp-sp-lg-74, .fp-sp-lg-76, .fp-sp-lg-78, .fp-sp-lg-80, .fp-sp-lg-82, .fp-sp-lg-84, .fp-sp-lg-86, .fp-sp-lg-88, .fp-sp-lg-90, .fp-sp-lg-92, .fp-sp-lg-94, .fp-sp-lg-96, .fp-sp-lg-98, .fp-sp-lg-100 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .fp-td { display: inline-block; } .fp-th { display: inline-block; } .fp-th:not(.static .fp-th) { padding-right: 24px; } .fp-td, .fp-th { font-size: 0.812rem; width: 100%; } .fp-th-bold { font-weight: bold; width: 48%; padding-right: 24px; display: block; text-align: left; } @media (max-width: 991px) { .fp-th-bold { width: 100%; } } .fp-sm-head .fp-td { color: #000; font-weight: bold; } .fp-sm-bd { padding-top: 8px !important; padding-bottom: 8px !important; } .fp-l-head { font-size: 0.75rem; color: #fff; background: var(--layout_primary_color); border-top: none !important; padding: 0.75rem !important; } .fp-l-head1 { font-size: 0.75rem; color: #fff; background: var(--layout_primary_color); border-top: 10px solid #fff !important; border-bottom: 1px solid #575f68; } .fp-l-head1 p { font-size: 1.25rem; background: var(--layout_primary_color); color: var(--layout_primary_text_color); } .fp-l-head2 { font-size: 0.75rem; line-height: 12px; color: var(--table_l_head2_color); background: var(--table_l_head2_Bg); border-top: none !important; padding-top: 5px !important; padding-bottom: 5px !important; } .fp-l-thead { font-size: 0.75rem; } .fp-summary .fp-row td { border: none; padding-top: 0 !important; padding-bottom: 4px !important; } .fp-summary p { font-weight: 600; color: #000; padding-top: 2px; line-height: 14px; } @media (max-width: 991px) { .fp tbody:not(.fp.p-deduct tbody) { border-top: 5px solid var(--layout_primary_color); background: #e5e8eb; } .fp thead .fp-row, .fp-l-head, .fp-l-thead, .fp-l-head2 { display: none; } .fp-sm-head:not(.b-head) { border-bottom: 8px solid #e5e8eb !important; margin-bottom: 4px; margin-bottom: 4px; } .fp-row td { border-top: none; border-bottom: 1px solid #ebe5e5; padding: 1px 0px !important; } .fp-sm-head .fp-td { font-size: 1.25rem; width: 100%; line-height: 20px; } .fp-td { font-weight: bold; width: 48%; } .fp-th { width: 52%; } .static .fp-td, .static .fp-th { width: 100%; } .t-ben .fp-sm-head .fp-td { width: 100%; } .t-ben .fp-td { width: 51%; } .t-ben .fp-th { width: 49%; } .mat-expansion-panel-header-title .fp-th { padding-right: 6px; } .fp-row:not(.fp-row.field-set) { margin-bottom: 20px; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%); padding: 8px; } .fp-align { background: #e5e8eb; } } @media (max-width: 575px) { .t-ben .mat-expansion-panel-header .fp-th { width: 58%; padding-right: 16px !important; } .t-ben .mat-expansion-panel-header .fp-td { width: 42%; } } @media (min-width: 576px) { .fp-sp-sm-2 { -ms-flex: 0 0 2%; flex: 0 0 2%; max-width: 2%; } .fp-sp-sm-4 { -ms-flex: 0 0 4%; flex: 0 0 4%; max-width: 4%; } .fp-sp-sm-6 { -ms-flex: 0 0 6%; flex: 0 0 6%; max-width: 6%; } .fp-sp-sm-8 { -ms-flex: 0 0 8%; flex: 0 0 8%; max-width: 8%; } .fp-sp-sm-10 { -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } .fp-sp-sm-12 { -ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; } .fp-sp-sm-14 { -ms-flex: 0 0 14%; flex: 0 0 14%; max-width: 14%; } .fp-sp-sm-16 { -ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%; } .fp-sp-sm-18 { -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; } .fp-sp-sm-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .fp-sp-sm-22 { -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; } .fp-sp-sm-24 { -ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%; } .fp-sp-sm-26 { -ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%; } .fp-sp-sm-28 { -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; } .fp-sp-sm-30 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .fp-sp-sm-32 { -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; } .fp-sp-sm-34 { -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; } .fp-sp-sm-36 { -ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; } .fp-sp-sm-38 { -ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%; } .fp-sp-sm-40 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .fp-sp-sm-42 { -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; } .fp-sp-sm-44 { -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%; } .fp-sp-sm-46 { -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; } .fp-sp-sm-48 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } .fp-sp-sm-50 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .fp-sp-sm-52 { -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; } .fp-sp-sm-54 { -ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%; } .fp-sp-sm-56 { -ms-flex: 0 0 56%; flex: 0 0 56%; max-width: 56%; } .fp-sp-sm-58 { -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; } .fp-sp-sm-60 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .fp-sp-sm-62 { -ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; } .fp-sp-sm-64 { -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; } .fp-sp-sm-66 { -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; } .fp-sp-sm-68 { -ms-flex: 0 0 68%; flex: 0 0 68%; max-width: 68%; } .fp-sp-sm-70 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .fp-sp-sm-72 { -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; } .fp-sp-sm-74 { -ms-flex: 0 0 74%; flex: 0 0 74%; max-width: 74%; } .fp-sp-sm-76 { -ms-flex: 0 0 76%; flex: 0 0 76%; max-width: 76%; } .fp-sp-sm-78 { -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; } .fp-sp-sm-80 { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } .fp-sp-sm-82 { -ms-flex: 0 0 82%; flex: 0 0 82%; max-width: 82%; } .fp-sp-sm-84 { -ms-flex: 0 0 84%; flex: 0 0 84%; max-width: 84%; } .fp-sp-sm-86 { -ms-flex: 0 0 86%; flex: 0 0 86%; max-width: 86%; } .fp-sp-sm-88 { -ms-flex: 0 0 88%; flex: 0 0 88%; max-width: 88%; } .fp-sp-sm-90 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } .fp-sp-sm-92 { -ms-flex: 0 0 92%; flex: 0 0 92%; max-width: 92%; } .fp-sp-sm-94 { -ms-flex: 0 0 94%; flex: 0 0 94%; max-width: 94%; } .fp-sp-sm-96 { -ms-flex: 0 0 96%; flex: 0 0 96%; max-width: 96%; } .fp-sp-sm-98 { -ms-flex: 0 0 98%; flex: 0 0 98%; max-width: 98%; } .fp-sp-sm-100 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .fp-sp-md-2 { -ms-flex: 0 0 2%; flex: 0 0 2%; max-width: 2%; } .fp-sp-md-4 { -ms-flex: 0 0 4%; flex: 0 0 4%; max-width: 4%; } .fp-sp-md-6 { -ms-flex: 0 0 6%; flex: 0 0 6%; max-width: 6%; } .fp-sp-md-8 { -ms-flex: 0 0 8%; flex: 0 0 8%; max-width: 8%; } .fp-sp-md-10 { -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } .fp-sp-md-12 { -ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; } .fp-sp-md-14 { -ms-flex: 0 0 14%; flex: 0 0 14%; max-width: 14%; } .fp-sp-md-16 { -ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%; } .fp-sp-md-18 { -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; } .fp-sp-md-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .fp-sp-md-22 { -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; } .fp-sp-md-24 { -ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%; } .fp-sp-md-26 { -ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%; } .fp-sp-md-28 { -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; } .fp-sp-md-30 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .fp-sp-md-32 { -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; } .fp-sp-md-34 { -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; } .fp-sp-md-36 { -ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; } .fp-sp-md-38 { -ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%; } .fp-sp-md-40 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .fp-sp-md-42 { -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; } .fp-sp-md-44 { -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%; } .fp-sp-md-46 { -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; } .fp-sp-md-48 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } .fp-sp-md-50 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .fp-sp-md-52 { -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; } .fp-sp-md-54 { -ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%; } .fp-sp-md-56 { -ms-flex: 0 0 56%; flex: 0 0 56%; max-width: 56%; } .fp-sp-md-58 { -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; } .fp-sp-md-60 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .fp-sp-md-62 { -ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; } .fp-sp-md-64 { -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; } .fp-sp-md-66 { -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; } .fp-sp-md-68 { -ms-flex: 0 0 68%; flex: 0 0 68%; max-width: 68%; } .fp-sp-md-70 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .fp-sp-md-72 { -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; } .fp-sp-md-74 { -ms-flex: 0 0 74%; flex: 0 0 74%; max-width: 74%; } .fp-sp-md-76 { -ms-flex: 0 0 76%; flex: 0 0 76%; max-width: 76%; } .fp-sp-md-78 { -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; } .fp-sp-md-80 { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } .fp-sp-md-82 { -ms-flex: 0 0 82%; flex: 0 0 82%; max-width: 82%; } .fp-sp-md-84 { -ms-flex: 0 0 84%; flex: 0 0 84%; max-width: 84%; } .fp-sp-md-86 { -ms-flex: 0 0 86%; flex: 0 0 86%; max-width: 86%; } .fp-sp-md-88 { -ms-flex: 0 0 88%; flex: 0 0 88%; max-width: 88%; } .fp-sp-md-90 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } .fp-sp-md-92 { -ms-flex: 0 0 92%; flex: 0 0 92%; max-width: 92%; } .fp-sp-md-94 { -ms-flex: 0 0 94%; flex: 0 0 94%; max-width: 94%; } .fp-sp-md-96 { -ms-flex: 0 0 96%; flex: 0 0 96%; max-width: 96%; } .fp-sp-md-98 { -ms-flex: 0 0 98%; flex: 0 0 98%; max-width: 98%; } .fp-sp-md-100 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .fp-align { text-align: right; } .fp-th, .fp-th-bold { display: none; } .fp-sp { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .fp-sp-2 { -ms-flex: 0 0 2%; flex: 0 0 2%; max-width: 2%; } .fp-sp-4 { -ms-flex: 0 0 4%; flex: 0 0 4%; max-width: 4%; } .fp-sp-6 { -ms-flex: 0 0 6%; flex: 0 0 6%; max-width: 6%; } .fp-sp-8 { -ms-flex: 0 0 8%; flex: 0 0 8%; max-width: 8%; } .fp-sp-10 { -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } .fp-sp-12 { -ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; } .fp-sp-14 { -ms-flex: 0 0 14%; flex: 0 0 14%; max-width: 14%; } .fp-sp-16 { -ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%; } .fp-sp-18 { -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; } .fp-sp-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .fp-sp-22 { -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; } .fp-sp-24 { -ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%; } .fp-sp-26 { -ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%; } .fp-sp-28 { -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; } .fp-sp-30 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .fp-sp-32 { -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; } .fp-sp-34 { -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; } .fp-sp-36 { -ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; } .fp-sp-38 { -ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%; } .fp-sp-40 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .fp-sp-42 { -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; } .fp-sp-44 { -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%; } .fp-sp-46 { -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; } .fp-sp-48 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } .fp-sp-50 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .fp-sp-52 { -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; } .fp-sp-54 { -ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%; } .fp-sp-56 { -ms-flex: 0 0 56%; flex: 0 0 56%; max-width: 56%; } .fp-sp-58 { -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; } .fp-sp-60 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .fp-sp-62 { -ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; } .fp-sp-64 { -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; } .fp-sp-66 { -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; } .fp-sp-68 { -ms-flex: 0 0 68%; flex: 0 0 68%; max-width: 68%; } .fp-sp-70 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .fp-sp-72 { -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; } .fp-sp-74 { -ms-flex: 0 0 74%; flex: 0 0 74%; max-width: 74%; } .fp-sp-76 { -ms-flex: 0 0 76%; flex: 0 0 76%; max-width: 76%; } .fp-sp-78 { -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; } .fp-sp-80 { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } .fp-sp-82 { -ms-flex: 0 0 82%; flex: 0 0 82%; max-width: 82%; } .fp-sp-84 { -ms-flex: 0 0 84%; flex: 0 0 84%; max-width: 84%; } .fp-sp-86 { -ms-flex: 0 0 86%; flex: 0 0 86%; max-width: 86%; } .fp-sp-88 { -ms-flex: 0 0 88%; flex: 0 0 88%; max-width: 88%; } .fp-sp-90 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } .fp-sp-92 { -ms-flex: 0 0 92%; flex: 0 0 92%; max-width: 92%; } .fp-sp-94 { -ms-flex: 0 0 94%; flex: 0 0 94%; max-width: 94%; } .fp-sp-96 { -ms-flex: 0 0 96%; flex: 0 0 96%; max-width: 96%; } .fp-sp-98 { -ms-flex: 0 0 98%; flex: 0 0 98%; max-width: 98%; } .fp-sp-100 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .fp-sp-lg-0 { -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; padding: 0 !important; margin: 0 !important; } .fp-sp-lg-2 { -ms-flex: 0 0 2%; flex: 0 0 2%; max-width: 2%; } .fp-sp-lg-4 { -ms-flex: 0 0 4%; flex: 0 0 4%; max-width: 4%; } .fp-sp-lg-6 { -ms-flex: 0 0 6%; flex: 0 0 6%; max-width: 6%; } .fp-sp-lg-8 { -ms-flex: 0 0 8%; flex: 0 0 8%; max-width: 8%; } .fp-sp-lg-10 { -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } .fp-sp-lg-12 { -ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; } .fp-sp-lg-14 { -ms-flex: 0 0 14%; flex: 0 0 14%; max-width: 14%; } .fp-sp-lg-16 { -ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%; } .fp-sp-lg-18 { -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; } .fp-sp-lg-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .fp-sp-lg-22 { -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; } .fp-sp-lg-24 { -ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%; } .fp-sp-lg-26 { -ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%; } .fp-sp-lg-28 { -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; } .fp-sp-lg-30 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .fp-sp-lg-32 { -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; } .fp-sp-lg-34 { -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; } .fp-sp-lg-36 { -ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; } .fp-sp-lg-38 { -ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%; } .fp-sp-lg-40 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .fp-sp-lg-42 { -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; } .fp-sp-lg-44 { -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%; } .fp-sp-lg-46 { -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; } .fp-sp-lg-48 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } .fp-sp-lg-50 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .fp-sp-lg-52 { -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; } .fp-sp-lg-54 { -ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%; } .fp-sp-lg-56 { -ms-flex: 0 0 56%; flex: 0 0 56%; max-width: 56%; } .fp-sp-lg-58 { -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; } .fp-sp-lg-60 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .fp-sp-lg-62 { -ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; } .fp-sp-lg-64 { -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; } .fp-sp-lg-66 { -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; } .fp-sp-lg-68 { -ms-flex: 0 0 68%; flex: 0 0 68%; max-width: 68%; } .fp-sp-lg-70 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .fp-sp-lg-72 { -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; } .fp-sp-lg-74 { -ms-flex: 0 0 74%; flex: 0 0 74%; max-width: 74%; } .fp-sp-lg-76 { -ms-flex: 0 0 76%; flex: 0 0 76%; max-width: 76%; } .fp-sp-lg-78 { -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; } .fp-sp-lg-80 { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } .fp-sp-lg-82 { -ms-flex: 0 0 82%; flex: 0 0 82%; max-width: 82%; } .fp-sp-lg-84 { -ms-flex: 0 0 84%; flex: 0 0 84%; max-width: 84%; } .fp-sp-lg-86 { -ms-flex: 0 0 86%; flex: 0 0 86%; max-width: 86%; } .fp-sp-lg-88 { -ms-flex: 0 0 88%; flex: 0 0 88%; max-width: 88%; } .fp-sp-lg-90 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } .fp-sp-lg-92 { -ms-flex: 0 0 92%; flex: 0 0 92%; max-width: 92%; } .fp-sp-lg-94 { -ms-flex: 0 0 94%; flex: 0 0 94%; max-width: 94%; } .fp-sp-lg-96 { -ms-flex: 0 0 96%; flex: 0 0 96%; max-width: 96%; } .fp-sp-lg-98 { -ms-flex: 0 0 98%; flex: 0 0 98%; max-width: 98%; } .fp-sp-lg-100 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .centralized { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .hilighted { background: #303032; color: #919E4D; border-radius: 3px; padding: 2px 5px; } .section { padding: 80px 0; } @media (max-width: 575px) { .section { padding: 30px 0; } } .section-sm { padding: 80px 0; } .section-title { margin-bottom: 55px; } .section-title a { text-decoration: none; } .section-title-sm { margin-bottom: 10px; font-weight: 600; color: var(--paragraph_primary_color); } section.section.ng-star-inserted { padding: 40px 0; } .section-title-border { position: relative; } .section-title-border::before { position: absolute; content: ''; height: 2px; width: 120px; bottom: -10px; left: 50%; transform: translateX(-50%); background: var(--textColor1); } .section-title-border::after { position: absolute; content: ''; height: 10px; width: 10px; border-radius: 50%; background: #fff; border: 2px solid var(--textColor1); box-shadow: 0 0 0 5px #fff; bottom: -14px; left: 50%; transform: translateX(-50%); } .section-title-border-gray { position: relative; } .section-title-border-gray::before { position: absolute; content: ''; height: 2px; width: 120px; bottom: -10px; left: 50%; transform: translateX(-50%); background: var(--textColor1); } .section-title-border-gray::after { position: absolute; content: ''; height: 10px; width: 10px; border-radius: 50%; background: var(--layout_primary_light_color); border: 2px solid var(--textColor1); box-shadow: 0 0 0 5px var(--layout_primary_light_color); bottom: -14px; left: 50%; transform: translateX(-50%); } .section-title-border-half { position: relative; } .section-title-border-half::before { position: absolute; content: ''; height: 10px; width: 10px; border-radius: 50%; background: transparent; border: 2px solid var(--textColor1); bottom: -14px; left: 0; } .section-title-border-half::after { position: absolute; content: ''; height: 2px; width: 50px; left: 15px; bottom: -10px; background: var(--textColor1); } .section-title-border-half-white { position: relative; } .section-title-border-half-white::before { position: absolute; content: ''; height: 10px; width: 10px; border-radius: 50%; background: transparent; border: 2px solid #fff; bottom: -14px; left: 0; } .section-title-border-half-white::after { background: #fff; position: absolute; content: ''; height: 2px; width: 50px; left: 15px; bottom: -10px; } .overlay { position: relative; } .overlay::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: .6; } .overlay-dark { position: relative; } .overlay-dark::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: #f9f9f9; opacity: .8; } .overlay-primary { position: relative; } .overlay-primary::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: var(--textColor1); opacity: .6; } .overlay-white { position: relative; } .overlay-white::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: #fff; opacity: .7; } .overlay-rounded::before { border-radius: 5px; } .page-title { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 160px 0 100px; } .information .static li { color: #000; font-weight: 600; } .code { font-family: monospace; border: 1px dashed lightgray; font-size: 12.7px; } .code.hilighted { background: #040404; color: #8a7070; } .code.hilighted span.tag { color: #b097ec; } .carousel { position: relative; } #enrolldiv { position: absolute; top: 0; right: 10px; z-index: 100; } #logindiv { position: absolute; top: 0; right: 5%; z-index: 100; } .enroll { width: 370px; overflow: hidden; height: 131px; border-radius: 45px; border: solid 1px #000; background-color: #131212; opacity: 0.95; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.49); } .enroll h1, .enroll .e-h1 { font-size: 1.25rem; color: #c1c1c1; } .enroll-calander { display: block; float: left; } .enroll-content { display: block; float: left; width: 194px; padding: 23px 0px 23px 48px; background-color: #363838; } .lifeEvent { width: 370px; border-radius: 45px; border: solid 1px #000; overflow: hidden; background-color: var(--enrollment_window_color); opacity: 0.95; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.49); } .lifeEvent h1 { font-size: 2.375rem; color: var(--enrollment_window_text_color); padding-bottom: 10px; margin-bottom: 15px; } .lifeEvent p { color: var(--enrollment_window_text_color); } .le-content { padding: 20px 48px; word-break: break-word; } #enrolldiv p, #enrolldiv span, .enroll-s p, .enroll-s span{ color: var(--enrollment_window_text_color); } .testimonial-slider { box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1); position: relative; background: #fffc !important; } .lifeEvent-slider .prevArrow, .lifeEvent-slider .nextArrow { position: absolute; top: -67px; border: 0; border-radius: 5px; font-size: 1.312rem; background-color: transparent; color: #969696; z-index: 9; padding: 3px 0px 0px 0px; background: #292828; transition: 0.2s; } .lifeEvent-slider .prevArrow:hover, .lifeEvent-slider .nextArrow:hover { cursor: pointer; } .lifeEvent-slider .prevArrow:focus, .lifeEvent-slider .nextArrow:focus { outline: 1px solid #fff; cursor: pointer; } .lifeEvent-slider .prevArrow { right: 18px; } .lifeEvent-slider .nextArrow { right: -12px; } .lifeEvent-slider .slick-disabled { color: #e5e5e5; } .img-overlays { position: absolute; width: 142px; height: 100%; background-color: #c1c1c11a; right: 0; top: 0; border-left: solid 1px #f1f1f1; } .login-page .navigation { background: var(--navBackground_login); } .navigation { background: var(--navBackground); } .events li { margin-bottom: 9px; } .bg-theme-control { background: var(--button_primary_color); color: var(--button_primary_text_color) !important; } .mat-radio-button.le-radio { position: relative; padding-left: 76px !important; } .mat-radio-button.le-radio.mat-accent.mat-radio-checked .mat-radio-label:before { background-color: var(--inputControlsColor); border: none; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: var(--inputControlsColor) !important; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle { background: var(--inputControlsColor) !important; } .mat-radio-button.mat-accent.cdk-keyboard-focused .mat-radio-label, .mat-slider.mat-accent.cdk-keyboard-focused, .mat-datepicker-toggle .cdk-keyboard-focused { outline: 1px solid; } .dateError { margin-top: -20px; margin-bottom: 18px; } .mat-checkbox-checked.mat-accent:not(.mat-checkbox-disabled.mat-checkbox-checked) .mat-checkbox-background { background: var(--inputControlsColor) !important; } label.le-radio input[type="radio"] { display: none; } label.le-radio span.overflow-control-indicator:before, .le-radio label.mat-radio-label:before { position: absolute; display: block; top: 0; text-align: center; left: 0; content: ''; height: 100%; width: 62px; background: #f6f6f7; border-radius: 3px 0 0 3px; border: solid 1px #f3f3f3; border-right: solid 4px #eaeaea; } label.le-radio span.overflow-control-indicator:after { display: block; text-align: center; color: #f6f6f7; line-height: 16px; content: '\2714'; margin-right: 5px; width: 17px; border: solid 1px #d0d0d0; background: #f6f6f7; border-radius: 3px; } label.le-radio input[type="radio"]:checked + span.overflow-control-indicator:after { color: #337ab7; } label.le-radio input[type="radio"]:checked + span.overflow-control-indicator:before { background-color: #337ab7; border: none; } .main-wrapper { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); background: #fff; min-height: 450px; } @media (min-width: 576px) { .main-container.container { max-width: 720px; } } @media (min-width: 768px) { .main-container.container { max-width: 900px; } } @media (min-width: 1200px) { .main-container.container { max-width: 1140px; padding-left: 2%; padding-right: 2%; } } @media (min-width: 1400px) { .main-container.container { max-width: 1600px; padding-left: 8%; padding-right: 8%; } } @media (min-width: 2000px) { .main-container.container { max-width: 2050px; } } @media (max-width: 575px) { .main-container { padding-left: 2px !important; padding-right: 2px !important; } } .page-wrapper, .div-wrapper { overflow: hidden; } .main-div { min-height: 500px; overflow: hidden; } .align-footer { position: fixed; width: 100%; bottom: 0; } div.site-bg-theme-light { width: 100%; height: 100%; background-color: var(--BackgroundEffect1); position: fixed; top: 0; left: 0; z-index: -20000; opacity: .4; } div.site-bg-theme-light::before { content: ''; background-color: var(--BackgroundEffect2); width: 167%; height: 259px; transform: rotate(160deg); position: absolute; top: 8%; left: -158px; opacity: .2; transition: 1s; } div.site-bg-theme-light::after { content: ''; width: 118%; height: 67px; transform: rotate(20deg); position: absolute; top: 65%; left: -26%; opacity: .1; background: var(--BackgroundEffect3); transition: 3s; } div.shadow-el-dp::before { content: ''; background-color: var(--BackgroundEffect4); width: 138%; opacity: .2; height: 309px; transform: rotate(160deg); position: absolute; right: -231px; top: 52%; transition: 3s; } div.shadow-el-dp::after { content: ''; width: 118%; height: 67px; transform: rotate(20deg); position: absolute; top: 15%; opacity: .1; background: var(--BackgroundEffect5); transition: 1s; } .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .outline-0 { outline: 0; } .d-unset { display: unset !important; } .slick-slide { outline: 0; } .lifeEvent .slick-slide { margin: 1px; } .lifeEvent .slick-slide:focus { outline: 1px solid #fff; } .hero-content { position: relative; } .hero-slider .slick-slide { outline-offset: -4px !important; } .hero-slider .slick-slide:focus { outline: 4px double #020202 !important; outline-style: revert !important; } .Login-slider-item.slick-slide { outline-offset: -4px !important; } .Login-slider-item.slick-slide:focus { outline: 4px double #020202 !important; outline-style: revert !important; } .breadcrumb { background-color: transparent !important; -ms-flex-pack: center; justify-content: center; } .breadcrumb li, .breadcrumb a { color: #fff; font-family: var(--font_family_style1); font-weight: 600; font-size: 0.75rem; margin: 0 10px; } .breadcrumb a { position: relative; } .breadcrumb a::before { position: absolute; content: '/'; right: -17px; top: 2px; height: 12px; } .page-404 { padding: 600px 0 60px; background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 767px) { .page-404 { padding: 450px 0 50px; } #enrolldiv, #logindiv { position: relative; overflow: hidden; right: 0; } .lifeEvent, .enroll { /* border-radius: 0; */ padding: 0; } label.le-radio span.overflow-control-indicator:before, .le-radio label.mat-radio-label:before { width: 28px; } .mat-radio-button.le-radio { padding-left: 36px !important; } .events label { padding-left: 40px !important; } } @media (max-width: 575px) { .page-404 { padding-top: 250px; } } @media (max-width: 400px) { .page-404 { padding-top: 150px; } } .page-404 h1 { font-size: 2.5rem; } /* 404 page end */ /* play-icon */ .play-icon { width: 85px; height: 85px; border: 3px solid #fff; border-radius: 50%; display: block; text-align: center; } .play-icon:focus { outline: 0; } .play-icon i { line-height: 79px; display: block; font-size: 1.875rem; color: #fff; } /* nav menu icon */ .main-nav-icon { color: var(--navTextColor); font-size: 1.375rem; display: inline-block; transition: 0.3s; } .nav-link span { display: block; float: left; } .nav-link .span-icon { display: inline-flex; flex-flow: row-reverse; align-items: flex-end; margin-top: -18px; width: calc((var(--nav_items_gap) * 1.6) + 22px); height: 30px; margin-bottom: 14px; margin-right: var(--nav_items_gap); } .nav-icon { margin-left: 4px; } /* round icon */ .round-icon { height: 64px; min-width: 64px; max-width: 64px; border-radius: 50%; border: 1px solid #e5e5e5; background: #fff; text-align: center; line-height: 64px; font-size: 1.875rem; color: var(--textColor1); display: inline-block; } /* 18. squre icon */ .square-icon { height: 65px; width: 65px; background: var(--textColor1); color: #fff; font-size: 2.187rem; line-height: 65px; border-radius: 5px; text-align: center; display: inline-block; } /* team social icon */ .social-icon-lg { height: 50px; width: 50px; border-radius: 50%; line-height: 50px; text-align: center; color: #fff; font-size: 1.562rem; display: inline-block; } .social-icon-lg i { margin: 0; color: #fff; } .box-shadow { box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1); } .golden { color: #efaf27 !important; } a.p-info { vertical-align: text-bottom; } .ico-info { height: 24px; width: 24px; border-radius: 18px !important; } .pageinfo { color: var(--pageInfo) !important; } .pageinfoOption { color: var(--pageInfoOption) !important; display: none; } .top-header { background: var(--layout_primary_color); position: relative; z-index: 1; } .message-top { background-color: var(--red_on_darkBg) !important; } p.adminLoginMessage { margin: 7px; color: #fff; } header { position: relative; } .header-shadow { overflow: hidden; height: 16px; width: 100%; position: absolute; bottom: -14px; } .header-shadow::before { content: ''; position: absolute; width: 100%; height: 100px; bottom: 14px; left: 0; z-index: 100; /* box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); */ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); } @media (max-width: 575px) { .top-header ul { text-align: center; } .enroll-content { width: 180px; padding: 23px 0px 23px 40px; } .le-content { } .lifeEvent p { color: #7d7d7d; } .lifeEvent h1 { font-size: 2.125rem; } .enroll h1, .enroll .e-h1 { font-size: 1.125rem; margin-bottom: 10px; } } .top-header ul { min-height: 40px; } .top-header ul li { /* margin: 15px 0; */ } .top-header .list-inline-item { margin: 0; padding: 0; } @media (max-width: 575px) { .top-header ul li { margin: 10px 0; } } .top-header ul li a { display: inline-block; padding: 10px var(--top_header_items_gap) 6px var(--top_header_items_gap); border-right: 1px solid #5a5454; color: var(--layout_primary_text_color); font-size: var(--top_header_fontSize); border-bottom: 6px solid #ffffff26; transition: 0.4s; text-decoration: none; } .top-header ul li a:hover:not(a.u-name) { border-bottom-color: var(--top_header_hover_border_bottom_color); transform: translate3d(4px, 4px, 4px); z-index: 100; } .top-header ul li a.u-name { border-bottom: 6px solid transparent; cursor: default; } @media (max-width: 767px) { .top-header ul li a { /*border: 0;*/ } header .navigation { margin-left: -15px; } header .navbar-brand { width: 100%; margin: 0; left: 0 !important; } header .navbar-brand.login-navbar-logo { width: inherit; margin: auto; } header .collapse-menu { width: 100%; overflow: hidden; border-top: 0.5px solid #000000c7; } } .top-header ul li a span { color: var(--layout_primary_text_color); } .top-header ul li:last-child a { padding-right: 25px; border-right: 0; } .navigation .navbar { padding: 0; position: relative; } .navigation .navbar-brand { position: absolute; left: var(--nav_Logo_Left); padding: 0; margin: 0; display: block; height: inherit; overflow: hidden; top: var(--nav_Logo_Top); background: transparent; text-align: center; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); z-index: 9; text-decoration: none; } .navigation .navbar-brand.logo-s { display: var(--logo_Middle); position: relative; top: 0px !important; box-shadow: none; white-space: normal; } .navigation .navbar-brand.logo-w { display: var(--logo_Top); white-space: normal; } @media (max-width: 991px) { .navigation { background: #fff; } .navbar-collapse .navbar-nav { background: var(--navBackground); } .btn-actionneeded { font-size: 13px !important; width: inherit !important; } .navbar-collapse .btn-actionneeded { display: none; } .btn-actionneeded .blinkIcon { } } .navigation .navbar .dropdown-toggle::after { transition: 0.3s; } .navigation .navbar .nav-item .nav-link.dropdown-toggle:hover::after { transform: translateY(-4px); } @media (min-width: 992px) { .navigation .navbar-brand.logo-s { margin-right: 38px; } .login-page .navigation .navbar-brand.logo-s { margin-top: -3rem !important; } .navigation .navbar .nav-item .nav-link.dropdown-toggle { padding-right: calc(var(--nav_items_gap) + 8px); } .navigation .navbar .dropdown-toggle::after { position: absolute; margin-top: 5px; margin-left: 1px; } .navbar-collapse .navbar-nav { padding-left: var(--nav_menu_left_gap); } } @media (max-width: 991px) { .navigation .navbar .dropdown-toggle::after { margin-top: 18px; } } .navigation .navbar-brand .primary-img { position: relative; width: auto; margin: 0; height: var(--nav_Primary_img_height); background: var(--nav_Primary_img_Background); padding: var(--nav_Primary_img_padding); } .navigation .navbar-brand .second-img { width: auto; height: var(--nav_Secondary_img_height); background: var(--nav_Secondary_img_Background); padding: var(--nav_Secondary_img_padding); margin-top: 10px; display: none; } .navigation .navbar-brand, .navigation .navbar-brand .primary-img { border-radius: var(--nav_Primary_img_borderRadius) !important; } @media (max-width: 1024px) { .navigation .navbar-brand .primary-img { height: calc(var(--nav_Primary_img_height) * 0.75); } .navigation .navbar-brand .second-img { height: calc(var(--nav_Secondary_img_height) * 0.75); } } @media (max-width: 991px) { .navigation .navbar-brand.logo-s { display: block; } .navigation .navbar-brand.logo-w { display: none; } .navigation .navbar-brand { position: relative; top: 0px !important; box-shadow: none; } .navigation .navbar-brand .primary-img { height: calc(var(--nav_Primary_img_height) * 0.95); } .navigation .navbar-brand .second-img { height: calc(var(--nav_Secondary_img_height) * 0.95); } } @media (max-width: 575px) { .navigation .navbar-brand .primary-img { height: calc(var(--nav_Primary_img_height) * 0.86); } .navigation .navbar-brand .second-img { height: calc(var(--nav_Secondary_img_height) * 0.86); } } .navigation .navbar .nav-item { padding: 0; } @media (min-width: 992px) { .navigation .navbar .nav-item:nth-last-child(2) a { padding-right: 22px !important; } } @media (max-width: 991px) { .navigation .navbar .nav-item { padding: 0; border-top: solid 1px #ffffff14; } .nav-icon { display: inherit; } } @media (max-width: 1350px) { .nav-icon { /*display: none;*/ } } .navigation .navbar .nav-item .nav-link { line-height: 14px; padding: 47px var(--nav_items_gap) 24px var(--nav_items_gap); font-family: var(--font_family_style1); font-weight: 600; color: var(--navTextColor); transition: .2s ease; font-size: 0.75rem; height: 100%; min-height: 90px; border-bottom: 8px solid transparent; } @media (max-width: 1199px) { .navigation .navbar .nav-item .nav-link { padding: 52px calc(var(--nav_items_gap) * 0.34) 30px calc(var(--nav_items_gap) * 0.34); min-height: inherit; } .nav-link .span-icon { margin-right: calc(var(--nav_items_gap) * 0.34); } .top-header ul li a { padding: 10px calc(var(--top_header_items_gap) * 0.45) 6px calc(var(--top_header_items_gap) * 0.45); } .btn-actionneeded { padding-top: 0; } } @media (max-width: 991px) { .navigation .navbar .nav-item .nav-link { padding: 11px 2px 3px 2px; font-size: 0.75rem; display: flex; justify-content: center; } .navigation .navbar .nav-item .nav-link .span-icon { margin: -2px 7px; } .navigation .navbar .nav-item .nav-link .span-text { margin-top: 12px; padding-bottom: 0px !important; } .top-header ul li a { border-bottom-color: transparent; } } .navigation .navbar .nav-item .nav-link:hover, .navigation .navbar .nav-item .nav-link:focus { color: var(--navHover); background: var(--navHoverBackground); border-bottom-color: var(--navHoverBorderColor); } .navigation .navbar .nav-item .nav-link:hover .main-nav-icon, .navigation .navbar .nav-item .nav-link:focus .main-nav-icon { color: var(--navHoverText); transform: scale(1.3) translateX(-2px); } .nav-link:focus { outline: 1.4px solid #000; outline-offset: -4px; outline-style: revert; } .navigation .navbar .nav-item .nav-link .span-text { padding-bottom: 8px; transition: 0.3s; white-space: break-spaces; } .navigation .navbar .nav-item .nav-link:hover .span-text { color: var(--navHoverText); transform: translateY(-4px); } .navigation .navbar .nav-item:last-child { margin: 0px 30px 0px 0px; } @media (max-width: 991px) { .navigation .navbar .nav-item:last-child { padding: 0; margin-bottom: 20px; } } .navigation .navbar .nav-item:last-child .nav-link { color: #fff; } .navigation .navbar .nav-item.active .nav-link { color: var(--textColor1); } .navigation .navbar .dropdown:hover .dropdown-menu, .navigation .navbar .dropdown:focus .dropdown-menu { visibility: visible; opacity: 1; transform: scaleY(1); } .navigation .navbar .dropdown-menu { box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12); padding: 10px; border: 0; border-radius: 0; top: 98%; left: -20px; display: block; visibility: hidden; transition: .3s ease; opacity: 0; transform: scaleY(0); transform-origin: top; background: var(--navDropDownBg); min-width: calc(100% + 40px); } .nav-item.dropdown:nth-last-child(2) .dropdown-menu { right: -20px; left: inherit; } @media (max-width: 991px) { .navigation .navbar .dropdown-menu { display: none; opacity: 1; visibility: visible; transform: scaleY(1); transform-origin: unset; } } .navigation .navbar .dropdown-menu.show { visibility: visible; opacity: 1; transform: scaleY(1); } @media (max-width: 991px) { .navigation .navbar .dropdown-menu.show { display: block; } } .navigation .navbar .dropdown-item { position: relative; color: var(--navDropDown); transition: .2s ease; font-size: 0.85rem; font-family: var(--font_family_style1); text-decoration: none; } .navigation .navbar .dropdown-item:not(:last-child) { margin-bottom: 6px; } .navigation .navbar .dropdown-item:hover, .navigation .navbar .dropdown-item:focus { color: var(--navDropDownHover); text-decoration: none; background: var(--navDropDownHoverBg); } .navigation .navbar .dropdown-item::before { position: absolute; content: ''; left: 5px; top: 12px; height: 4px; width: 4px; border-radius: 50%; background: #848484; border: 1px solid #fff; display: inline-block; box-shadow: 0 0 0 2px #848484; } @media (max-width: 991px) { .navigation .navbar .dropdown-item { text-align: center; } .navigation .navbar .dropdown-item::before { display: none; } } @media (max-width: 767px) { .navigation .navbar .dropdown-menu { min-width: inherit; } .dropdown-item { white-space: inherit; line-height: 14px; padding: 0.42rem 1rem; } } .searchIcon { padding: 7px 10px 6px 30px !important; position: relative; } .searchIcon i { font-size: 23px; position: absolute; left: 5px; top: 5px; } .search-form { padding: 230px 0; background: #303032; position: absolute; width: 100%; top: -800px; z-index: 10; transition: .3s ease-in; } .search-form .close { position: absolute; top: 30px; right: 30px; color: #fff; } .search-form .close i { transition: .3s ease; display: inline-block; } .search-form .close:hover i { transform: rotate(90deg); } .search-form.open { top: 0; } .search-form .form-control { background: transparent; border: 1px solid #e5e5e5; border-radius: 0; font-size: 1.25rem; transition: .3s ease; position: relative; color: #fff; height: 130px; padding: 30px 40px; } .search-form h3 { font-size: 2.187rem; color: #fff; margin-bottom: 35px; } .search-form .input-wrapper { position: relative; } .search-form .input-wrapper button { background: none; border: 0; position: absolute; font-size: 1.25rem; top: 50%; right: 20px; transform: translateY(-50%); cursor: pointer; padding: 20px; } .search-form .input-wrapper button i { color: #fff; } /* 4. Login slider area */ .Login-slider.slick-slider { margin-bottom: 0; } .Login-slider h1 { color: #000; font-size: 2.625rem; } .Login-slider p { color: #e6e6e6 !important; font-size: 0.875rem; } .Login-slider .hero-content { background: linear-gradient(90deg, transparent, #aeaeae, transparent); padding-bottom: 30px !important; } .Login-slider-item { background-repeat: no-repeat; background-position: center 35%; background-size: cover; outline: 0; padding-top: 100px; padding-bottom: 50px; min-height: 64vh; position: relative; } .Login-slider .prevArrow, .Login-slider .nextArrow { position: absolute; top: 62%; transform: translateY(-50%); z-index: 9; height: 60px; width: 60px; border-radius: 50%; background: rgba(48, 48, 50, 0.5); color: #fff; border: 0; font-size: 1.562rem; line-height: 60px; opacity: 1; transition: all linear .2s; } @media (max-width: 575px) { .Login-slider .prevArrow, .Login-slider .nextArrow { display: none; } } .Login-slider .prevArrow:focus, .Login-slider .nextArrow:focus { outline: 1px solid #fff; background: rgba(232, 68, 68, 0.5); } .Login-slider .prevArrow:hover, .Login-slider .nextArrow:hover { background: rgba(232, 68, 68, 0.5); } .Login-slider .prevArrow { left: 8px; } .Login-slider .nextArrow { right: 10px; } .Login-slider:hover .prevArrow, .Login-slider:hover .nextArrow { opacity: 1; } /* 3. hero area */ .home-help, .login-page .section-services-help { background: #ffffff2e; } .home-carousel .hero-slider, .home-content { background: var(--layout_gray_color); } .hero-slider.slick-slider { margin-bottom: 0px; } .hero-slider [data-animation-in] { opacity: 0; } .hero-slider-item { background-repeat: no-repeat; background-position: center center; background-size: cover; outline: 0; } .hero-slider .prevArrow, .hero-slider .nextArrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; height: 70px; width: 70px; border-radius: 50%; background: rgba(48, 48, 50, 0.5); color: #fff; border: 0; font-size: 1.562rem; line-height: 70px; opacity: 1; transition: all linear .2s; } @media (max-width: 575px) { .hero-slider .prevArrow, .hero-slider .nextArrow { display: none; } } .hero-slider .prevArrow:focus, .hero-slider .nextArrow:focus { outline: 2px solid #000; background: rgba(232,68,68,.5); } .hero-slider .prevArrow:hover, .hero-slider .nextArrow:hover { background: rgba(232, 68, 68, 0.5); } .hero-slider .prevArrow { left: 8px; } .hero-slider .nextArrow { right: 392px; } .hero-slider:hover .prevArrow, .hero-slider:hover .nextArrow { opacity: 1; } .hero-slider .slick-dots { bottom: -81px; padding-left: 8%; text-align: left; border-bottom: none; background: transparent; bottom: 20%; } .hero-slider .slick-dots li { width: 87px; height: 60px; background: #c1d4e382; margin: 0; display: inline-block; position: relative; cursor: default; } .hero-slider .slick-dots li a:focus { outline-offset: 4px; } @media (max-width: 1199px) { .hero-slider .slick-dots li { width: 98px; } } @media (max-width: 991px) { .hero-slider .slick-dots li { width: 78px; } } @media (max-width: 767px) { .hero-slider .slick-dots li { width: 78px; } .hero-slider .slick-dots { text-align: center; padding-left: 0; } .hero-slider .nextArrow { right: 20px; } } @media (max-width: 575px) { .hero-slider .slick-dots li { width: 25%; } } .hero-slider .slick-dots li::before { position: absolute; content: ''; left: 50%; top: -12px; height: 25px; width: 25px; background: #303032; transform: translateX(-50%) rotate(-45deg); opacity: 0; } .hero-slider .slick-dots li a { display: block; position: relative; text-align: center; transition: .3s ease; color: #303032; cursor: default; } .hero-slider .slick-dots li a i { display: inline-block; font-size: 1.75rem; line-height: 60px; margin-right: 0; vertical-align: middle; } @media (max-width: 991px) { .hero-slider .slick-dots li a i { font-size: 1.25rem; margin-right: 5px; } } @media (max-width: 767px) { .hero-slider .slick-dots li a i { margin: 0; } } .hero-slider .slick-dots li a span { font-size: 1.125rem; font-weight: 500; line-height: 80px; display: none; } @media (max-width: 991px) { .hero-slider .slick-dots li a span { font-size: 0.93rem; } } @media (max-width: 767px) { .hero-slider .slick-dots li a span { display: none; } } .hero-slider .slick-dots li.slick-active { background: #303032; } .hero-slider .slick-dots li.slick-active a { color: #fff; } .hero-slider .slick-dots li.slick-active::before { opacity: 1; } .hero-content h4 { letter-spacing: 2px; } .hero-content-wrapper { background: linear-gradient(90deg, #9bb8cdf0, #ffffff73, #ffffff73); padding-top: 14px; padding-bottom: 14px; margin-top: var(--hero_content_wrapper_top); margin-bottom: 60px; } /* 5. progrgess bar start */ .progressbar-title { font-size: 1.062rem; margin-bottom: 7px; color: #222 !important; } .progress { border-radius: 35px; overflow: visible; margin-bottom: 35px; /* 5.2 progressbar value */ } .progress-bar { background-color: #303032; border-radius: 35px; position: relative; } .progress-bar-value { font-weight: 600; color: #fff; background: #303032; padding: 5px 9px; position: absolute; top: -35px; right: -15px; border-radius: 5px; } .progress-bar-value::before { position: absolute; content: ''; bottom: -5px; left: 50%; background: #303032; height: 10px; width: 10px; transform: translateX(-50%) rotate(-45deg); } /* progrgess bar End */ /* 6. mission section start */ .card-header:first-child { border-radius: 35px; } a.card-link { text-decoration: none; } .accord-w .card:hover { cursor: inherit; } .accord-tab .accord-tab .card-header:first-child { border-radius: 0; } .accord-tab .accord-tab .card-header:first-child a.card-link { font-size: 0.875rem; font-weight: bold; } .accord-tab .card-header a.card-link { display: flex !important; } ul.expand_accord-l { margin: 0px 0px 12px 0px; list-style-type: none !important; } li.accord-alpha-l { list-style: none !important; border: 1px solid #e4dfdf; box-shadow: 0 2px 2px 0px #0000001a; color: var(--hyperlink_color); font-weight: bold; font-size: 1rem !important; padding: 4px 8px; margin: 12px 4px; cursor: pointer; } li.accord-alpha-l:hover, li.gloss-active { background: var(--layout_primary_color); color: #fff; } /* 8. testimonial section start */ .testimonial-slider { box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; background: #fff; } .testimonial-slider .prevArrow, .testimonial-slider .nextArrow { position: absolute; top: 85px; border: 0; font-size: 1.25rem; background: transparent; color: var(--textColor1); z-index: 9; } .testimonial-slider .prevArrow:focus, .testimonial-slider .nextArrow:focus { outline: 0; } .testimonial-slider .prevArrow { right: 90px; } .testimonial-slider .nextArrow { right: 50px; } .testimonial-slider .slick-disabled { color: #e5e5e5; } .testimonial-icon { height: 80px; width: 80px; border-radius: 50%; background: var(--layout_primary_light_color); color: var(--textColor1); font-size: 1.562rem; line-height: 80px; display: inline-block; text-align: center; margin-bottom: 25px; } /* testimonial section end */ /* 10. client logo slider start */ .client-logo-slider .slick-track { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .logo-text-d { background: #e2e0e0; padding: 17px; display: block; font-size: 1.625rem; text-shadow: 2px 2px 10px #3a3939; font-weight: bold; color: #f5f5ff; border-radius: 10px 20px; } /* client logo slider end */ /* 11. fun-facts section start */ .fun-facts { background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 24px 0; margin-bottom: -60px; overflow: hidden; } /* fun-facts section end */ /* 12. consultation section start */ .consultation { background-position: top center; background-repeat: no-repeat; background-size: cover; } /* consultation section end */ /* 16. call to action start */ .cta { background-position: center center; background-repeat: no-repeat; background-size: cover; } /* card */ .card-img-wrapper { position: relative; } .card-img-wrapper::before { position: absolute; content: ''; height: 100%; width: 100%; background: #000; opacity: 0; top: 0; left: 0; transition: .2s; } .card-body-2 { position: relative; transition: .2s ease; border-radius: 0 0 5px 5px; } .card-body-2::before { position: absolute; content: ''; display: none; height: 30px; width: 30px; background: #fff; top: -15px; left: 50%; transform: translateX(-50%) rotate(-45deg); transition: .2s ease; } .card:hover .card-img-wrapper::before { opacity: .4; } .card:hover .card-body-2, .card:focus .card-body-2 { background: var(--benefit_tile_hover_color); } .card:hover .card-body-2 h5, .card:hover .card-body-2 h6, .card:hover .card-body-2 a, .card:focus .card-body-2 h5, .card:focus .card-body-2 h6, .card:focus .card-body-2 a { color: #fff; } .card:hover .card-body-2::before, .card:focus .card-body-2::before { background: #bb0628; } .overlay-rounded-top::before { border-radius: 5px 5px 0 0; } /* 13. about section */ .about { background-position: top center; background-repeat: no-repeat; background-size: cover; } .about-video { min-height: 300px; } .about-slider { position: relative; border-radius: 10px; overflow: hidden; } .about-slider .prevArrow, .about-slider .nextArrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; height: 55px; width: 55px; border-radius: 50%; border: 0; line-height: 55px; text-align: center; background: #fff; transition: .2s ease; } .about-slider .prevArrow:focus, .about-slider .nextArrow:focus { outline: 0; } .about-slider .prevArrow:hover, .about-slider .nextArrow:hover { background: var(--textColor1); color: #fff; } .about-slider .prevArrow { left: 25px; } .about-slider .nextArrow { right: 25px; } /* 13.8 ceo section start */ .ceo-image { background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 400px; } /* ceo section end */ /* 14.3 clients */ .clients { background-position: center right; background-size: 50%; background-repeat: no-repeat; } @media (max-width: 991px) { .clients { background-size: cover !important; background-position: center center; text-align: center; } } .clients ul li { height: 66px; } .clients ul li img { position: relative; top: 50%; transform: translateY(-50%); display: inline-block; } /* 14.4 process */ .process-item { width: 330px; } @media (max-width: 1199px) { .process-item { width: unset; } } .process-item-number { position: absolute; left: -35px; top: -35px; height: 70px; width: 70px; line-height: 70px; border-radius: 50%; text-align: center; background: #fff; box-shadow: -5px 0px 40px 0px rgba(0, 0, 0, 0.1); font-weight: 700; font-size: 2rem; color: #222; } @media (max-width: 1199px) { .process-item-number { top: -35px; left: 50%; transform: translateX(-50%); } } .process-item h5 { margin-bottom: 5px; color: var(--textColor1); } img.arrow-top { position: absolute; top: 220px; right: 250px; } @media (max-width: 1199px) { img.arrow-top { display: none; } } img.arrow-bottom { position: absolute; bottom: 100px; left: 250px; } @media (max-width: 1199px) { img.arrow-bottom { display: none; } } /* service single start */ .service-menu li.active { position: relative; } .service-menu li.active a { background: #303032; color: #fff !important; } .service-menu li.active::before { position: absolute; content: ''; height: 15px; width: 15px; background: #303032; top: 50%; right: -7px; transform: translateY(-50%) rotate(-45deg); } @media (max-width: 991px) { .service-menu li.active::before { display: none; } } .service-menu li:hover a { color: #fff !important; background: #303032; } /* service single end */ /* 15. work section */ .work { /* 15.1 work slider */ } .work-slider { /* 15.2 slick dots */ } .work-slider-image { position: relative; } .work-slider-image .image-overlay { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); height: 100%; width: 100%; padding: 15px 25px; opacity: 0; transition: .2s; } .work-slider-image .image-overlay i { position: absolute; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; font-size: 1.5rem; transition: .2s ease; padding: 10px; } .work-slider-image .image-overlay i:hover { font-size: 1.875rem; } .work-slider-image .image-overlay a.h4 { position: absolute; bottom: 50px; color: #fff; transition: .2s ease; transform: translateY(20px); opacity: 0; } .work-slider-image .image-overlay a.h4:hover { color: var(--textColor1); } .work-slider-image .image-overlay p { position: absolute; bottom: 15px; color: #fff; transform: translateY(10px); opacity: 0; transition: .3s ease; transition-delay: .1s; } .work-slider-image:hover .image-overlay { opacity: 1; } .work-slider-image:hover a.h4, .work-slider-image:hover p { transform: translateY(0); opacity: 1; } .work-slider .slick-dots { padding-left: 0; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); } .work-slider .slick-dots li { margin: 0 14px; } @media (max-width: 400px) { .work-slider .slick-dots li { margin: 0 2px; } } .work-slider .slick-dots li:first-child { margin-left: 0; } .work-slider .slick-dots li button { height: 10px; width: 40px; border-radius: 25px; color: transparent; overflow: hidden; border: 0; border: 2px solid #e5e5e5; background: transparent; outline: 0; display: block; } .work-slider .slick-dots li button::before { display: none; } @media (max-width: 400px) { .work-slider .slick-dots li button { width: 10px; } } .work-slider .slick-dots li.slick-active button { border-color: var(--textColor1); } /* 19. project section */ .project { /* 19.1 project menu */ /* 19.2 project item */ } .project-menu ul li { padding: 5px 20px; border-radius: 35px; color: #222; font-size: 1rem; font-weight: 400; border: 1px solid #e5e5e5; cursor: pointer; background: var(--layout_primary_light_color); margin: 0 10px 25px; } .project-menu ul li.active { background: var(--textColor1); color: #fff; } .project-info { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: .2s ease; } .project-info a { color: #fff; position: absolute; left: 30px; bottom: 40px; transform: translateY(20px); opacity: 0; } .project-info a:hover { color: var(--textColor1); } .project-info p { position: absolute; left: 25px; bottom: 0; color: #fff; transition: .2s ease; transform: translateY(20px); opacity: 0; transition-delay: .1s; } .project-info p i { margin-right: 5px; } .project-info:hover { opacity: 1; } .project-info:hover a { transform: translateY(0); opacity: 1; } .project-info:hover p { transform: translateY(0); opacity: .7; } /* 19.3 project single page start */ /* 19.4 nav tabs */ .nav-tabs { border: 0; margin-bottom: 30px; } @media (max-width: 991px) { .nav-tabs { -ms-flex-pack: center; justify-content: center; } } .nav-tabs .nav-item:not(:last-child) { margin-right: 10px; } @media (max-width: 575px) { .nav-tabs .nav-item { margin-bottom: 10px; } } .nav-link { text-decoration: none; } .nav-tabs .nav-item .nav-link { padding: 10px 30px; border: 1px solid #e5e5e5; background: var(--layout_primary_light_color); border-radius: 45px; text-align: center; vertical-align: middle; color: #222; transition: .2s ease; font-size: 1rem; font-family: var(--font_family_style1); } .nav-tabs .nav-item .active { background: #fff; color: var(--textColor1); border-color: var(--textColor1); } /* 19.5 tab content */ .tab-content { padding: 40px; margin-bottom: 60px; border-radius: 5px; background: #fff; border: 1px solid #e5e5e5; } .tab-content-item { margin-left: 20px; } .tab-content-item:not(:last-child) { margin-bottom: 45px; } .tab-content-item h6 { font-weight: 600; font-size: 0.875rem; color: #222; margin-bottom: 25px; position: relative; } .tab-content-item h6::before { position: absolute; content: "\e65d"; font-family: "themify"; top: 0; left: -20px; color: var(--textColor1); } .tab-content-item p { margin-bottom: 0; } /* project single page end */ /* 21.4.3 pagination */ .pagination .page-item .page-link { background: transparent; border: none; color: #000; font-weight: 600; transition: .3s ease; } .pagination .page-item .page-link:hover { color: var(--textColor1); } .pagination .page-item.active .page-link { color: var(--textColor1); } .pagination .prev, .pagination .next { border: 1px solid #e5e5e5; border-radius: 30px; padding: 5px 10px; transition: .3s ease; } .pagination .prev:hover, .pagination .next:hover { border-color: var(--textColor1); } .pagination .prev:hover .page-link, .pagination .next:hover .page-link { color: var(--textColor1); } .pagination .prev { margin-right: 30px; } .pagination .next { margin-left: 30px; } /* 21.4.1 post slider */ .post-slider { position: relative; } .post-slider .prevArrow, .post-slider .nextArrow { position: absolute; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; top: 50%; border: 0; font-size: 1.25rem; background: transparent; color: var(--textColor1); z-index: 9; background: rgba(255, 255, 255, 0.8); transition: .3s ease; } .post-slider .prevArrow:focus, .post-slider .nextArrow:focus { outline: 0; } .post-slider .prevArrow:hover, .post-slider .nextArrow:hover { background: rgba(232, 68, 68, 0.25); } .post-slider .prevArrow { left: 40px; } .post-slider .nextArrow { right: 40px; } .post-slider .slick-disabled { color: #e5e5e5; } /* 21.4.4 sidebar */ .search-wrapper { position: relative; } .search-wrapper input { background: var(--layout_primary_light_color); border-radius: 30px; font-weight: 400; height: 40px; line-height: 40px; padding: 0 25px; font-size: 0.812rem; } .search-wrapper::before { content: "\e610"; font-family: "themify"; position: absolute; top: 50%; right: 20px; color: #666; transform: translateY(-50%); } ul.tag-list li { margin-bottom: 7px; } ul.tag-list li a { color: var(--paragraph_primary_color); padding: 10px 15px; display: block; border: 1px solid #e5e5e5; border-radius: 30px; font-size: 0.812rem; transition: .3s ease; } ul.tag-list li a:hover { background: var(--textColor1); border-color: var(--textColor1); color: #fff; } .newsletter .form-control { font-weight: 400; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 30px; font-size: 0.812rem; } /* 21.5 blog single start */ /* share icon */ .share-icon { height: 40px; width: 40px; border-radius: 50%; line-height: 40px; text-align: center; font-size: 1rem; display: inline-block; } .share-icon i { color: #fff; } /* 21.5.7 blog sidebar */ .sidebar-box-shadow { box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.06); } /* blog single end */ /* 22. contact section */ .form-control { border-radius: 5px; padding: 0 15px 2px; height: 40px; margin-bottom: 15px; border: 1px solid #e5e5e5; font-weight: 600; font-size: 0.875rem; color: var(--paragraph_primary_color); } .form-control:focus { border-color: var(--textColor1); box-shadow: none !important; } .form-control::-webkit-input-placeholder { color: #666; } .form-control:-ms-input-placeholder { color: #666; } .form-control::placeholder { color: #666; } /* 22.3 google map */ .map { position: relative; } .map #map_canvas { height: 450px; } /* 23.1 signup greetings */ .signup { border-radius: 5px; overflow: hidden; box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1); /* 23.2 signup form */ } .signup-greeting { background-position: top center; background-size: cover; background-repeat: no-repeat; padding: 70px 0 140px; text-align: center; } @media (max-width: 1199px) { .signup-greeting { padding-bottom: 80px; } } @media (max-width: 767px) { .signup-greeting { padding-top: 200px; } } @media (max-width: 575px) { .signup-greeting { padding-top: 400px; } } .signup-greeting img { margin-bottom: 50px; position: relative; z-index: 9; } .signup-greeting h4 { color: #fff; margin-bottom: 20px; position: relative; z-index: 9; } .signup-greeting p { color: #fff; position: relative; z-index: 9; margin: 0 40px; } .signup-form { background: rgba(255, 255, 255, 0.88); box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.4); } @media (max-width: 575px) { .signup-form { text-align: center; } } .signup-form h4 { float: left; font-size: 1.625rem; margin-bottom: 50px; } @media (max-width: 575px) { .signup-form h4 { float: unset; } } .signup-form a { color: #e84444; } .signup-form .btn { } .signup-form p.signup-with { display: inline-block; margin-top: 42px; } .signup-form ul { margin-top: 37px; display: inline-block; } .signup-form ul li a { height: 30px; width: 30px; line-height: 30px; color: #fff; text-align: center; border-radius: 50%; display: inline-block; } /* 24. comming soon */ .comming-soon { height: 100vh; background-size: cover; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .comming-soon h1 { font-size: 3.125rem; font-weight: 600; } @media (max-width: 575px) { .comming-soon h1 { font-size: 1.875rem; } } .comming-soon .form-control { height: 45px; border-radius: 45px; position: relative; background: transparent; border: 1px solid #e5e5e5; color: #fff; margin-bottom: 40px; } .comming-soon .form-control::-webkit-input-placeholder { color: #666; } .comming-soon .form-control:-ms-input-placeholder { color: #666; } .comming-soon .form-control::placeholder { color: #666; } .comming-soon .btn-email { position: absolute; top: 0; right: 15px; background: #fff; border: 0; color: var(--textColor1); border-radius: 45px; height: 45px; padding: 0 50px; } @media (max-width: 575px) { .comming-soon .btn-email { padding: 0 10px; } } .comming-soon i { color: #5c5c5c; margin: 0 15px; transition: .2s ease; font-size: 1.5rem; } .comming-soon i:hover { color: var(--textColor1); } /* 24.1 syotimer */ .syotimer { text-align: center; margin: 0 auto 40px; } .syotimer-cell:last-child .syotimer-cell__value::before { opacity: 0; } .syotimer-cell { display: inline-block; margin: 0 25px; } @media (max-width: 1199px) { .syotimer-cell { margin: 0 20px; } } @media (max-width: 575px) { .syotimer-cell { margin: 0 10px; } } @media (max-width: 400px) { .syotimer-cell { margin: 0 5px; } } .syotimer-cell__value { font-size: 3.75rem; font-weight: 600; color: #fff; position: relative; } @media (max-width: 1199px) { .syotimer-cell__value { font-size: 3.125rem; } } @media (max-width: 575px) { .syotimer-cell__value { font-size: 1.875rem; } } @media (max-width: 400px) { .syotimer-cell__value { font-size: 1.5rem; } } .syotimer-cell__value::before { position: absolute; content: ':'; height: 30px; color: #fff; right: -30px; top: 0; } @media (max-width: 575px) { .syotimer-cell__value::before { right: -20px; } } @media (max-width: 400px) { .syotimer-cell__value::before { right: -12px; } } .syotimer-cell__unit { text-transform: uppercase; font-weight: 600; font-size: 1rem; color: #fff; } /* 25.1 social link */ .social-icon-outline { height: 40px; width: 40px; border-radius: 50%; background: transparent; border: 1px solid #fff; text-align: center; transition: .2s ease; display: inline-block; } .social-icon-outline i { line-height: 40px; color: #fff; font-size: 0.875rem; } .social-icon-outline:hover { border-color: var(--textColor1); } /* 25.2 footer link */ .ft-top { background: var(--footer_help_background); display: var(--footer_help_display); } .ft-top-content { flex-flow: row-reverse; align-content: flex-end; } .ft-top p { color: #000; font-size: 0.75rem; font-weight: bold; } .ft-bottom { background: var(--footer_background_color); } .ft-bottom p { color: var(--footer_text_color); } footer { box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2); } .footer-links { padding-left: 18px; } .footer-links li { margin-bottom: 20px; position: relative; } .footer-links li::before { position: absolute; font-family: "themify"; content: "\e649"; top: 0; left: -20px; height: 12px; width: auto; color: #fff; } .footer-links li a { color: #fff; font-size: 0.875rem; transition: .2s ease; display: block; } .footer-links li a:hover { text-decoration: underline; color: var(--textColor1); } /* 25.3 subcription */ .form-control.subscribe { width: 100%; border-radius: 35px; border: 0; padding: 0 20px !important; height: 50px; } /* subscribe button */ .btn-subscribe { position: absolute; right: 5px; top: 5px; border: 0; height: 40px; width: 40px; border-radius: 50%; color: #fff; background: var(--textColor1); transition: all linear .2s; } .btn-subscribe:hover { padding-left: 15px; } .btn-subscribe:focus { outline: 0; } /* back to top button */ .back-to-top, .back-to-top i::before { position: absolute; height: 50px; width: 50px; border-radius: 50%; color: var(--footer_text_color); background: var(--footer_background_color); top: -25px; right: 10px; border: 1px solid #ffffff38; text-align: center; display: block; transition: .2s ease; cursor: pointer; } .back-to-top i::before { top: -1px; right: -1px; background: #ffffff21; box-shadow: 0px 0px 0px 5px rgb(233 233 233); outline: 5px; outline-offset: 5px; } .back-to-top:hover, .back-to-top:active, .back-to-top:focus, .back-to-top:hover i::before, .back-to-top:active i::before, .back-to-top:focus i::before { background: var(--hover_primary_color); color: var(--hover_primary_text_color); outline: 1.5px solid; outline-offset: -8px; } .back-to-top i { line-height: 50px; } .back-to-top:hover { border-color: var(--textColor1); } .back-to-top:focus { outline: 2px solid #ababab; border-color: #bb0628; } /*# sourceMappingURL=maps/style.css.map */ .nav-login { background-color: var(--layout_primary_color); color: var(--layout_primary_text_color) !important; height: 60px; width: 60px; border-radius: 60px; } .card { outline-offset: 10px; } .card:hover .img-overlay::before, .card:focus .img-overlay::before { background: linear-gradient(0deg, #000, #00000038); } .card:hover p.card-head, .card:focus p.card-head { color: var(--layout_primary_text_color) !important; } .card:hover p.card-val, .card:focus p.card-val { color: var(--benefit_tile_hover_text_highlight_color); } .card:hover .text-muted, .card:focus .text-muted { color: var(--benefit_tile_hover_text_color) !important; } .card:hover h3, .card:focus h3 { color: #807e7e; } .card:hover .benefit-head, .card:focus .benefit-head { bottom: 16px; } .card:hover .benefit-head a, .card:focus .benefit-head a { opacity: 1; } .card:not(.notClickable):hover { cursor: pointer; } .card.notClickable:hover .card-body-2, .card.notClickable:focus .card-body-2 { cursor: not-allowed !important; background: var(--layout_dark_gray_color) !important; } .card-body-2 p { font-size: 0.75rem; line-height: 16px; } p.card-head { font-weight: normal; } p.card-val { color: #000; font-weight: bold; margin-bottom: 14px !important; } .card-body-2 h3 { font-size: 0.93rem; border-right: solid 1px #caa9a9; } .benefit-head { position: absolute; width: 100%; bottom: -20px; color: #fffdfd; z-index: 200; font-size: 1.375rem; transition: 0.3s; } a.b-link { font-size: 2.187rem; font-weight: 400; color: #e5e5e5 !important; opacity: 0; text-decoration: none; } .card-body-2 h6 { color: #bdbcbc !important; font-size: 0.75rem; margin-top: 4px; margin-bottom: 4px; } .img-overlay, .card-img-top { min-height: 200px; color: #fff; } .img-overlay::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(0deg, #000, #00000000); opacity: .8; } .img-overlay-light { position: relative; } .img-overlay-light::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(0deg, #000, #00000000); opacity: 0.4; } .benefit .card { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.12); overflow: hidden; } .card-img { position: relative; } .card-img h5, .card-img h1 { color: #fffdfd; font-size: 1.375rem; padding: 0px 20px; font-family: var(--font_family_style1); } .events label:hover { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12); background: #303032; color: #d0d0d0; cursor: pointer; } .events li { padding: 0; margin: 0; } .events label { padding: 12px 30px 12px 82px; transition: 0.2s; font-size: 0.875rem; line-height: 20px; color: #000; margin-bottom: 8px; border-radius: 3px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); } .overflow-control-indicator { display: inline-block; } /***********step bar*************/ .step-wrapper { overflow: hidden; padding-top: 15px; } ul.le-step-bar { display: flex; flex-direction: row; padding: 0; overflow: visible; flex-wrap: wrap; transition: 1s; } li.le-step { flex: 1; position: relative; transition: 1s; z-index: 0 !important; } li.le-step::after { content: ''; border-top: solid 6px var(--stepBarCompleted); display: block; position: absolute; top: 30px; z-index: -100; width: 100%; transform: translateX(50%); } .step-s li.le-step::after { top: 13px; } ul.le-step-bar li.le-step:last-child::after { border: none; } .le-step .step-title { font-weight: bold; font-size: 0.75rem; padding: 0px 16px 28px 16px; line-height: 18px; color: #4a4949; } .le-step .step-icon { box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); margin-bottom: 10px; background: var(--button_primary_color); border-color: var(--stepBarCompleted); color: var(--button_primary_text_color); position: relative; } .le-step .step-icon:after { content: ''; position: absolute; width: 105%; height: 105%; border-radius: 50%; top: -1px; left: -1px; background: transparent; border: 5px solid var(--button_primary_border_color); } li.le-step.active .step-icon { background: var(--stepBackgroundActive); border-color: var(--stepBackgroundActive); color: var(--stepTextActive); box-shadow: 0px 0px 0px 0.15em #fff inset; transform: scale(1.1); } li.le-step.active ~ li .step-icon { border-color: var(--stepBorder); background: #fff; color: #000; } li.le-step.active .step-icon:after, li.le-step.active ~ li .step-icon:after { border-color: transparent; } .step-s .le-step .step-icon { margin-bottom: 10px; } .step-s .round-icon { border-radius: 50%; border: 1px solid #e5e5e5; line-height: 26px; font-size: 1rem; } .step-s li.ci-step { z-index: 100; padding-bottom: 8px; } .step-s .le-step .step-title { background: #fff; color: #000; font-weight: normal; z-index: -1; } .step-s .round-icon { height: 28px; min-width: 28px; max-width: 28px; } .step-s li.le-step::after { z-index: -2; } .step-s li.le-step::after { border-top: solid 2px var(--stepBarCompleted); } li.le-step.active::after, li.le-step.active ~ li::after { border-color: var(--stepBar); box-shadow: rgba(100, 100, 100, 0.1) 1px 2px 15px; } .step-s li.le-step.active::after, .step-s li.le-step.active ~ li::after { border-color: var(--stepBar); } @media (max-width: 991px) { li.le-step::after { top: 28px; } .step-s .le-step .step-title { padding-left: 0px; padding-right: 0px; } .step-icon.round-icon { height: 60px; min-width: 60px; line-height: 60px; font-size: 1.375rem; margin: 0; } .step-s .step-icon.round-icon { line-height: 27px; font-size: 0.812rem; margin: 0; } .le-step .step-title { padding-top: 10px; } .step-s .le-step .step-title { padding-top: 0; } .step-s .step-icon.round-icon { height: 28px; min-width: 28px; max-width: 28px; } } @media (max-width: 575px) { li.le-step::after { top: 18px; } .le-step .step-title { line-height: 15px; font-size: 0.625rem; } .step-icon.round-icon { height: 40px; min-width: 40px; line-height: 40px; font-size: 1.125rem; margin: 0; } .step-s .step-icon.round-icon { height: 20px; min-width: 20px; max-width: 20px; line-height: 19px; font-size: 0.75rem; } .step-s li.le-step::after { top: 10px; } .list-inline-item:not(:last-child) { margin-right: 0 !important; } } .modal-content { overflow: hidden; } /*Benefits details*/ .fade-scale .modal-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .fade-scale.show .modal-content { opacity: 1; transform: scale(1); } .fade-scale-2 { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .fade-scale-2.show { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .input-m { max-width: 380px; position: relative; } .calendar-icon { position: absolute; right: 0; border-radius: 0px 4px 4px 0px; top: 0; font-size: 1.187rem; padding: 6px 22px; background: #303032; color: #e4e2e2; cursor: pointer; } p.label { color: #000; } span.label { color: #000; font-size: 0.8125rem; margin-bottom: 0.3rem; } .disclaimer p.label { text-align: justify; } .disclaimer p.label i { letter-spacing: 1.3px; font-size: 0.812rem; } /*Step1-Personal Info*/ .accordion-data { background: var(--layout_primary_light_color); border-width: 5px 1px 1px; border-style: solid; border-color: rgb(0, 0, 0) rgb(241, 241, 241) rgb(241, 241, 241); } .accord-tab .accord-tab .accordion-data { border-top: none; background: #fff; } .accordion-wrapper { margin: 1px 2px; } .accord-tab .accord-tab .accordion-wrapper { margin: 0; } .v-gap { min-height: 20px; } .h-fit { height: 100%; } .alt-gray { background-color: #f3f3f3; } .modal-header { background: var(--layout_primary_color); border-color: var(--layout_primary_color); color: var(--layout_primary_text_color); } .modal-header h4, .modal-header button { color: var(--layout_primary_text_color); } .modal-footer { padding: 0.5rem 1rem; background: var(--layout_primary_light_color); } ul.top-collapse-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; align-items: center; padding: 0; list-style: none; border: none !important; background: var(--layout_primary_color); border-radius: 0 !important; } ul.top-collapse-nav li { transition: 0.3s; } ul.top-collapse-nav li a { padding: 16px 14px; } ul.top-collapse-nav li a.li-button { padding: 0px 4px; border-right: 1px solid #2b2b2b; transition: .5s; text-decoration: none; } ul.top-collapse-nav li a.li-button:focus { outline: none; } ul.top-collapse-nav li a.li-button:focus .span-icon { outline: 1px solid; } ul.top-collapse-nav li:hover { transform: translate3d(2px, 4px, 4px); } ul.top-collapse-nav li a .span-icon { font-size: 0.9rem; color: var(--layout_primary_text_color); display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 14px; } ul.top-collapse-nav li a .span-icon i { padding: 0px 5px; margin-bottom: 6px; font-size: 1.3rem; height: 23px; display: inline-block; width: 1.5em; vertical-align: middle; color: #ffffff8f; } @media (max-width: 575px) { ul.top-collapse-nav li a { padding: 14px 14px; } } .lifeEvent .collapse { overflow: hidden; } .le-collapse-btn { color: #dedede !important; } .le-collapse-btn .ar-up { display: none; } .le-collapse-btn:not(.collapsed) > .ar-down { display: none; } .le-collapse-btn:not(.collapsed) > .ar-up { display: inherit; } .lifeEvent .navbar-toggler { font-size: 1.812rem; padding-left: 22px; } @media (max-width: 767px) { .lifeEvent .collapse:not(.show) { display: inherit !important; height: 0; } } @media (min-width: 767px) { .le-expand-lg .navbar-collapse { display: inherit; } .le-expand-lg .navbar-toggler { display: none; } .Login-slider .hero-content { padding-left: 69px !important; } .login-wrapper { height: auto !important; width: 352px; } } footer .l-separator { color: transparent; border-right: 1px solid #ffffff3d; display: inline-block; height: 12px; vertical-align: middle; padding-left: 1.5rem; } footer a { color: var(--footer_text_color); font-size: 0.875rem; transition: .2s ease; text-decoration: none; } footer a:hover { color: var(--footer_text_hover_color); text-decoration: underline; } @media (max-width: 767px) { .f-links { text-align: center; } .f-links ul { padding-left: 0; } footer .l-separator { padding-left: 0.5rem !important; } } .benefit-head .card-img h5, .benefit-head .card-img h1 { padding: 0px 20px; font-family: var(--font_family_style1); } .slidecontainer { width: 100%; } @media (max-width: 575px) { .slidecontainer .p-head.p-h5 { font-size: 0.875rem !important; border-right: 4px solid transparent; } } .slider { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .slider:hover { opacity: 1; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #000; cursor: pointer; } .slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #4CAF50; cursor: pointer; } .table-wrapper { overflow: auto; } .table-responsive { overflow: hidden; } @media(min-width:768px) { .table.fp { margin-bottom: 0px; } } /*Verticle stepper*/ ul.v-step-bar { padding: 0; overflow: visible; margin-bottom: 50px; position: relative; } .v-step .round-icon { height: 50px; min-width: 50px; max-width: 50px; border-radius: 50%; border: 1px solid var(--stepBarCompleted); background: var(--button_primary_color); text-align: center; line-height: 50px; font-size: 1.562rem; color: var(--button_primary_text_color); display: inline-block; margin-right: 14px; } li.v-step.active span.step-icon { background: var(--stepBackgroundActive); border-color: var(--stepBackgroundActive); color: var(--stepTextActive); box-shadow: 0px 0px 0px 0.15em #fff inset; } li.v-step.active ~ li .step-icon { border-color: var(--stepBorder); background: #fff; color: #000; } li.v-step p.step-title { font-weight: bold; font-size: 1.062rem; } ul.v-step-bar .section { position: relative; transition: 0.3s; } .login-main { background: rgba(245, 245, 245, 0.87); border-top: solid 1px rgb(241, 241, 241); border-bottom: solid 1px rgb(241, 241, 241); } .signup-form a, .signup-form span { font-size: 0.812rem; font-weight: 600; letter-spacing: -0.3px; } .section-services-help p { font-size: 0.75rem; border-top: 1px solid #0000001a; border-bottom: 1px solid #0000001a; padding: 10px 0; margin-top: 10px; line-height: 1.5; } .section-services-help h5 { font-size: 0.93rem; font-weight: 600 !important; margin-top: 4px; } .overlay-light { position: absolute; top: 0; left: 0; padding: 0; height: 100%; width: 100%; } .overlay-a { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, .2) 27%, rgba(0, 0, 0, .70) 90%); } .signup-form .form-control { border-radius: 0px; } .main-body { min-height: 500px; } span.required { position: absolute; right: 0; top: 0; } .static label { font-size: 14px !important; } .static ul li, .static ol li { font-size: 0.875rem; line-height: 25px; } .static .table ul li { font-size: 0.812rem; } .static ul, .static ol { list-style-type: square; padding: 0 14px; padding-right: 0; } .static ul ul, .static ul ol, .static ol ul, .static ol ol { list-style-type: circle; padding: 11px 50px; } @media (max-width: 767px) { .static ul ul, .static ul ol, .static ol ul, .static ol ol { padding: 11px 11px 11px 24px; } } .static ul.link-list li.link-list-item { list-style: none; font-size: 0.875rem; line-height: 25px; } .static ul.link-list li.link-list-item a { display: flex; align-items: center; cursor: pointer; text-decoration: none; } .static ul.link-list li.link-list-item a:hover, .static ul.link-list li.link-list-item a:hover i { color: var(--hover_primary_text_color) !important; background: var(--hover_primary_color) !important; } .static ul.link-list ul.link-list { padding-left: 20px; } .ci-add label { font-size: 14px !important; } .ci-add ul li { list-style: square; } .ci-add ul ul li { list-style: circle; } .ci-add ul { padding: 16px 14px; } .ci-add ul ul { padding: 11px 60px; } @media (max-width: 767px) { .ci-add ul ul { padding: 11px 11px 11px 24px; } } .ci-list-content li, span.option-item, .ci-add li { font-size: 0.812rem; margin-bottom: 8px; } .ci-title p { font-weight: 700; color: #969696; margin-bottom: 30px; font-size: 0.75rem; } .ci-title h4 { padding: 34px 0 0px; margin-bottom: 0; } .option-item i { color: #81ad27; } .t-btn { display: inline; position: relative; padding-right: 65px; padding-top: 7px; cursor: pointer; font-size: 1.312rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .t-btn input { position: absolute; opacity: 0; cursor: pointer; } .checkmark { position: absolute; top: 0; left: 0; border-radius: 3px; width: 65px; font-size: 0.875rem; padding: 5px; font-weight: 500; text-align: center; background-color: #fff; } .required { position: absolute; right: 0; top: 0; } .ci-list-content li, span.option-item { font-size: 0.812rem; margin-bottom: 8px; } .ci-title p { font-weight: 700; color: #969696; margin-bottom: 30px; font-size: 0.75rem; } .ci-title h4 { padding: 34px 0 0px; margin-bottom: 0; } .option-item i { color: #81ad27; } .t-btn { display: inline; position: relative; padding-right: 65px; cursor: pointer; font-size: 1.312rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .y-n-btn .t-btn:first-child { border-right: 1px solid #d5d3d3; } .t-btn input { position: absolute; opacity: 0; cursor: pointer; } .checkmark { position: absolute; top: 0; left: 0; border-radius: 3px; width: 65px; font-size: 0.875rem; padding: 5px; font-weight: 500; text-align: center; background-color: #fff; } .t-btn:hover input ~ .checkmark { background-color: #ccc; } .t-btn input:checked ~ .checkmark { background-color: var(--inputControlsColor); color: #fff; } .y-n-btn.disabled .t-btn input:checked ~ .checkmark { background-color: var(--layout_dark_gray_color); color: #000; } .checkmark:after { content: ""; position: absolute; display: none; } .t-btn input:checked ~ .checkmark:after { display: none; } .t-btn .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; } .t-btn .check { display: none; padding-right: 5px; font-size: 0.7em; } .t-btn input:checked ~ .checkmark .check { display: inline; } .t-btn input:focus ~ .checkmark { outline: 1px solid #000; outline-offset: -6px; outline-style: auto; } .y-n-btn { display: inline-block; border: 1px solid #eaeaea; padding: 0px; border-radius: 4px; overflow: hidden; min-width: 132px; position: relative; } .y-n-btn.disabled:before { content: ''; background: #000; width: 100%; height: 100%; position: absolute; z-index: 1; opacity: 0.1; } ul.ci-list-content li.active { font-weight: 700; color: green; margin-bottom: 6px; font-size: 0.875rem; } .option-list-title { background: var(--layout_primary_color); color: var(--layout_primary_text_color); } .option-list-title h3 { font-size: 1.062rem; } .icon-right { position: absolute; right: 0; top: 0; } .icon-left { position: absolute; left: 0; top: 0; } .ci-field-icon { color: limegreen; } .excess-flex p { color: #000; } .p-deduct-package .fp-sp-md-50 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .p-deduct-package .fp-td { width: 30%; text-align: right; } .p-deduct-package .fp-th { width: 70%; padding-right: 5px; } @media only screen and (max-width: 768px) { .p-deduct-package .fp-td { width: 35%; } .p-deduct-package .fp-th { width: 65%; } } .p-deduct-package .fp tbody, tbody.no-heading { border-top: 30px solid var(--layout_primary_color); } .sp-bg { background: var(--bg_info); color: var(--bg_info_text); } .sp-bg p { color: var(--bg_info_text); } @media (max-width: 991px) { .fp.b-com tbody { border-top: none; } .fp-summary .fp-sm-head { border-bottom: 0px solid #e5e8eb !important; } .fp-summary .fp-th { text-align: right; width: 70%; font-weight: normal; color: #615d5d; } .fp-summary .fp-td { width: 30%; } .p-deduct .fp-sm-head { border-bottom: 4px solid #c2c0c3 !important; } .p-deduct .p-head { border-bottom: 4px solid #310c38 !important; } .p-deduct .total.p-head { border-bottom: 4px solid #303032 !important; } .p-deduct .fp-row td { border-top: none !important; padding: 8px 0px !important; border-bottom: 1px solid #e3e3e3; } .p-deduct .p-head .fp-td { font-size: 0.875rem; } .sp-bg .fp-th { width: auto; } } @media (min-width: 992px) { .login-wrapper { width: 480px; } .btn-actionneeded:hover { padding-top: 0; } .hero-slider .hero-content { max-width: 55%; padding-left: 3.4rem !important; } .p-deduct-package .fp-th, .p-deduct-package .fp-th-bold { display: inline-block; } } @media (min-width: 1264px) { .hero-slider .hero-content { max-width: 68%; padding-left: 2rem !important; } } .material-icon-beneficiary { font-size: 25px !important; } .holds-the-iframe { background: url(../static/themes/FPDPremier/Premier/3.gif) center center no-repeat; } .modal:not(.bs-modal) { display: block !important; } .alert-dialog-box{ margin: 1.75rem; } .alert-dialog-box .mat-dialog-container { padding: inherit !important; } .panel-material-icons { display: inline-flex; vertical-align: middle; } .top-header ul li a.u-name span { display: inline-block !important; color: var(--layout_primary_text_color) !important; font-size: var(--top_header_fontSize) !important; } /****************/ .blinkIcon { animation-name: IconChange; animation-duration: 1.2s; font-size: 1.25rem; animation-iteration-count: 2; display: block; padding-top: 9px; width: 22px; height: 38px; margin: auto; } @keyframes IconChange { 0% { transform: translateY(-0.8em) scale(0.5); color: #bb0628; opacity: 0.4; } 100% { transform: translateY(0.2em) scale(1.2); color: #bb0628; opacity: 0.9; } } @keyframes current-step-animate { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(0, 0, 0, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } /******************/ li.ci-step { list-style-type: none !important; } .mat-expansion-panel-content { cursor: default; } .mat-expansion-panel-header-title { font-weight: 600; } .mat-expansion-panel-header-title i.fa-plus, .mat-expansion-panel-header-title i.fa-minus, .accord-collap-link i.ti-plus, .accord-collap-link i.ti-minus { color: var(--accordPlusMinusColor) !important; } .btn-actionneeded { display: inline-block; background: var(--navActionNeededBg); width: 110px; height: 100%; line-height: 18px; color: var(--navActionNeeded) !important; font-size: 0.93rem; font-weight: 600; text-align: center; letter-spacing: 1px; transition: 0.3s; } .btn-actionneeded:active, .btn-actionneeded:hover { background: var(--navActionNeededHoverBg) !important; color: var(--navActionNeededHover) !important; } .close span, .btn-close span { line-height: 1rem; font-size: larger; } .close, .btn-close { color: var(--layout_primary_text_color) !important; opacity: 0.75 !important; } .label-padding { padding-top: 2%; } .marquee { color: var(--red_on_lightBg); font-size: 12.5px; } .marqueeEnrollment { color: var(--red_on_darkBg); font-size: 0.93rem; } #marqueeIcon { color: var(--button_primary_color); background: var(--button_primary_border_color); padding:2px 4px; border-radius: 2px; } .marquee-div .marquee { white-space: nowrap; overflow: hidden; } .marquee .animateMarquee { padding-left: 100%; display: inline-block; } .m-slow.marquee .animateMarquee { animation: marquee 10s linear infinite; } .m-fast.marquee .animateMarquee { animation: marquee 20s linear infinite; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .marquee.mstop .animateMarquee { animation-play-state: paused; } .benefit-card .marquee { color: var(--red_on_darkBg); } .headerButton { transform: translateY(-75px); text-align: right !important; margin-bottom: -30px; } .SummaryButton { text-align: left !important; margin-left: -30px; } .b-com-arrow i { font-size: 2.75rem; } /* .b-com-change span { padding: 0 5px; } */ .b-com-change span.change-item { color: #bb0628; } .b-com-change span.change-item i { color: #bb0628; } .b-com-change span i { margin-left: -1.5em; margin-right: 0.5em; } .table.b-com td, .table.b-com th { border-top: none !important; } .b-com .fp-row, .b-com .fp-l-head { background: #fff !important; } .b-sum input[type=radio] { clear: both; padding-top: 10px; position: absolute; opacity: 0; } .b-sum section { clear: both; padding-top: 10px; display: none; } .b-sum label { font-weight: 700; font-size: 0.875rem; width: 20%; padding: 4px 0px 10px 0; color: #6f6f6f; cursor: pointer; text-decoration: none; text-align: center; margin-bottom: 2px; border-right: 1px solid #fff; border-left: 1px solid var(--layout_primary_light_color); position:relative; } .b-sum label:focus { outline: 1px solid; outline-offset: -5px; } .b-sum label .ti { font-size: 1.375rem; display: block; padding: 7px; } #benefit-summary:checked ~ #b-summary, #benefit-comparison:checked ~ #b-comparison, #benefit-chart:checked ~ #b-chart, #benefit-loader:checked ~ #b-loader { display: block; padding: 20px; background: #fff; color: #999; } .tab_container [id^="benefit-"]:checked + label { background: var(--layout_primary_color); color: var(--layout_primary_text_color); box-shadow: inset 0 3px var(--layout_primary_color); border-left: 1px solid var(--layout_primary_color); border-right: 1px solid var(--layout_primary_color); } .tab_container [id^="benefit-"]:checked + label .ti { color: var(--layout_primary_text_color); font-size: 1.5rem; } @media only screen and (max-width: 930px) { .b-sum label span { font-size: 0.875rem; } .b-sum label .ti { font-size: 0.875rem; } } @media only screen and (max-width: 768px) { .b-sum label span { display: none; } .b-sum label .ti { font-size: 1rem; } label.tabselect:focus:after { content: attr(title); background-color: black; color: white; padding: 0px 5px; position: absolute; max-width: 200px; z-index: 1; opacity: 0.8; left: -1px; margin-top: 16%; } } .b-sum .card-head { text-align: right; } .b-sum .card-head:first-child { text-align: left; } /*Enrollment*/ .enrollment h1, .enrollment .e-h1 { color: var(--enrollment_window_text_color); margin: 0; padding: 0; letter-spacing: 1px; } .enroll-s .enrollment h1, .enroll-s .enrollment .e-h1 { font-size: 1.375rem; } .enroll-s .special h1, .enroll-s .special .e-h1 { font-size: 1rem; } .enroll-s .special .enroll-content { min-height: 10px; } .special .btn { white-space: normal; } .special .btn-wrapper { display: flex; } .enrollment .alert h5 { color: #8e8e8e; } .alert .enroll-content { width: 100%; } .enrollment .enroll { width: 370px; overflow: hidden; height: inherit; border: solid 1px #000; background-color: var(--enrollment_window_color); opacity: 0.95; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.49); } .enroll .btn.single { padding: 0px 26px; } .enroll .btn.double { padding: 0px 14px; } @media (max-width: 767px) { .enroll .btn.single { padding: 0px 16px; } .enroll .btn.double { padding: 0px 10px; } } .enroll-button { width: 100%; text-align: right; border-top: 1px solid #4a3b3b; background: #ffffff14; display: block; float: left; } .enroll-body { display: flex; flex-direction: row; align-items: center; } .days-left p { font-size: 3.625rem; padding-top: 4px; } .enroll-s .days-left p { font-size: 2.25rem; line-height: 0px; } .days-left::before { content: ''; position: absolute; height: 50%; left: 0; top: 40%; border: 0.8px solid; border-color: #828282; } .enroll-calander { display: block; float: left; position: relative; padding-left: 20px; } .enroll-calander p { text-align: center; padding-right: 9px; line-height: 16px; padding-bottom: 2px; } .enroll-message { border-top: 1px solid #4a3b3b; } .enroll-content { display: block; float: left; width: 234px; padding: 23px 0px 23px 48px; background-color: #ffffff29; padding-top: 2px; margin-bottom: 0px; } .enroll-s .enroll-content { display: flex; min-height: 70px; } .enrollment .btn { background-color: var(--button_primary_color); color: var(--button_primary_text_color); box-shadow: 0px 0px 0px 0.5px var(--button_primary_color); border-color: var(--button_primary_border_color); } .enrollment .btn:active, .enrollment .btn:hover, .enrollment .btn:focus { background-color: #000; border-color: transparent; color: #fff; box-shadow: 0px 0px 0px 0.5px #fff !important; } .enrollment .btn:focus { outline: 1px solid #fff !important; } .enrollment .quick-enroll { position: relative; } .enrollment .quick-enroll .btn { background: var(--hightlight_green_on_lightBg); padding-right: 30px; color: #fff; padding-left: 42px; font-size: 0.875rem; transition: 0.3s; cursor: pointer; } .enrollment .quick-enroll .btn:hover { transform: scale(1.05, 1.1); } .enrollment .quick-enroll i { position: absolute; top: 2px; left: 20px; z-index: 50; color: #fff; font-size: 0.75rem; border-radius: 50%; animation: star-animate 2s linear infinite; } .enrollment marquee { background: #ffffff45; margin-left: -27px; margin-right: -27px; } .enrollment marquee p { font-size: 0.812rem; margin: 2px; } .enrollment marquee p span { color: #e6e2e2; display: inline-block; } .modalHeader { font-size: 1.562rem; display: flex; justify-content: space-between; } .surveyQuestion { font-weight: 500; font-size: initial; color: #000; } .width-100 { width: 100%; } .MunichChangeDisable { margin-bottom: 40px; } @media (max-width: 400px) { .enrollment .enroll, .lifeEvent { width: 300px; } .enroll-s .days-left p { font-size: 1.875rem; } .enroll-calander { padding-left: 10px; padding-right: 10px; } .enroll-calander p { padding-bottom: 0; } } @keyframes star-animate { 0% { transform: rotate(360deg) scale(1); opacity: 0; } 70% { transform: rotate(360deg) scale(2); opacity: 1; } 100% { transform: rotate(360deg) scale(1); opacity: 0; } } .le-title { background: #363838; } .le-title h1 { margin-top: 8px; } .enroll-s .le-title h1, .enroll-s .le-title .e-h1 { margin-top: 0; margin-right: 14%; } .lifeEvent .slick-dots { left: -48px; top: -22px; width: 136%; height: 0; display: flex; flex-direction: row; } .lifeEvent .slick-dots li { width: 100%; height: 10px; margin: 0; } .lifeEvent .slick-dots li a { width: 0; height: 0; padding: 0; } .lifeEvent .slick-dots li span { font-size: 0px; width: 100%; height: 6px; background: gray; color: #959a9a; display: block; } .lifeEvent .slick-dots li.slick-active span { background: #57ab57; color: #04bf04; border: 1px solid #57ab57; } .lifeEvent .slick-dotted.slick-slider { margin-bottom: 0; } .enroll-body.light { background: #404242; } /*Enrollment End*/ /*Login*/ .signup-form { background: rgba(255, 255, 255, 0.88); box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.4); } .login-nav { background: #f5f5f4; } @media (max-width: 991px) { .login-nav { background: #fff; } } /*Login End*/ /*Chart*/ img.b-chart-img { } .b-chart td { text-align: left; font-size: 0.75rem; vertical-align: top; } .b-chart.s-type td { color: #000; } .b-chart span.chart-color { padding: 0px 22px; content: ' '; font-size: 0.625rem; margin-right: 8px; } .b-chart.s-type span.chart-color { padding: 0px 14px; } .b-chart table tr:nth-child(1) span.chart-color { background: #ff6384; } .b-chart table tr:nth-child(2) span.chart-color { background: #ff9f40; } .b-chart table tr:nth-child(3) span.chart-color { background: #ffcd56; } .b-chart table tr:nth-child(4) span.chart-color { background: #4bc0c0; } .b-chart table tr:nth-child(5) span.chart-color { background: #36a2eb; } .b-chart table tr:nth-child(6) span.chart-color { background: #9966ff; } .b-chart table tr:nth-child(7) span.chart-color { background: #c9cbcf; } .b-chart table tr:nth-child(8) span.chart-color { background: #91671b; } .b-chart span.card-head { font-size: 0.75rem; font-weight: normal; color: gray; } .b-chart span.card-val { font-size: 0.75rem; font-weight: bold; } .b-chart .c-card { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: .25rem; } /*End Chart*/ /*Home*/ .gradient-img { background: linear-gradient(0deg, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #ffffff00); padding-top: 80px; } /*End Home*/ /*Payroll Deduction*/ .deduction-section { background: var(--layout_primary_light_color); } .deduction-section .card { background: transparent; box-shadow: none; } .option-section { background: #f9f9f9; } .deduction-section .card-header { background: var(--layout_primary_light_color); border-color: var(--layout_primary_light_color) !important; color: #0e0d0d; } .deduction-section .card-header .h5 { font-size: 1rem; font-weight: 600; } .deduction-section .text-verticle { position: absolute; transform: rotate(-90deg); text-decoration: overline; left: -6px; bottom: 26px; width: 80%; } @media (min-width: 768px) { .deduction-section .show-md-block { display: block; } } .table.p-deduct td, .table.p-deduct th { border-top: 1px solid #d0d0d0; } .p-deduct .fp-row { background: var(--layout_primary_light_color); } .p-deduct .p-head { width: 100%; background: var(--layout_primary_color); padding: 4px 12px; } .p-deduct .fp-sm-head .fp-td { font-weight: normal; } .p-deduct .fp-td { font-weight: bold; } .p-deduct .p-head .fp-td { color: var(--layout_primary_text_color); font-weight: bold; } .table.p-deduct thead th { border-bottom: 2px solid #1b4c7d; /* padding-bottom: 54px; */ overflow: hidden; } .p-deduct .fp-l-head { background: #e2e2e2; border-top-color: #e2e2e2 !important; } .p-deduct .fp-sm-head .fp-td { /* color: #5d5b5b; */ } .p-head .fp-th { color: var(--layout_primary_text_color); } img.b-chart-img { } .b-chart td { text-align: left; font-size: 0.75rem; } .b-chart span.chart-color { padding: 0px 22px; content: ' '; font-size: 7px; margin-right: 8px; } .b-chart table tr:nth-child(1) span.chart-color { background: #ff6384; } .b-chart table tr:nth-child(2) span.chart-color { background: #ff9f40; } .b-chart table tr:nth-child(3) span.chart-color { background: #ffcd56; } .b-chart table tr:nth-child(4) span.chart-color { background: #4bc0c0; } .b-chart table tr:nth-child(5) span.chart-color { background: #36a2eb; } .b-chart table tr:nth-child(6) span.chart-color { background: #9966ff; } .b-chart table tr:nth-child(7) span.chart-color { background: #c9cbcf; } .b-chart table tr:nth-child(8) span.chart-color { background: #91671b; } .b-chart span.card-head { font-size: 0.75rem; font-weight: normal; color: gray; } .b-chart span.card-val { font-size: 0.75rem; font-weight: bold; } .b-chart .c-card { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: .25rem; } /*payroll Deduction end*/ /*Accordion*/ a.accordion-title i { transition: 0.3s; } a.accordion-title:hover i.collapse-btn.ti-angle-double-right { animation: rightArrMoveY 0.4s 4 alternate ease-in-out; } a.accordion-title:hover i.collapse-btn.ti-angle-double-left { animation: leftArrMoveY 0.4s 4 alternate ease-in-out; } .p-wrap { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); } @media (min-width: 767px) { .accordion-title.collapsed { font-size: 0 !important; } .accordion-title i { font-size: 20px !important; } i.collapse-btn { font-size: 1.25rem; } .deduction-section.col-md-1 { flex: 50px; max-width: 50px; } a.accordion-title:hover i.collapse-btn.ti-angle-double-right { animation: rightArrMoveX 0.4s 4 alternate ease-in-out !important; } a.accordion-title:hover i.collapse-btn.ti-angle-double-left { animation: leftArrMoveX 0.4s 4 alternate ease-in-out !important; } } @media (max-width: 767px) { .collapse-btn { transform: rotate(90deg); right: 20px !important; } } i.collapse-btn { position: absolute; right: 4px; top: 0; font-weight: bold; font-size: 20px !important; } @keyframes rightArrMoveX { 0% { transform: translateX(0); opacity: 0.4; } 100% { transform: translateX(0.4em); opacity: 0.9; } } @keyframes leftArrMoveX { 0% { transform: translateX(0); opacity: 0.4; } 100% { transform: translateX(-0.4em); opacity: 0.9; } } @keyframes rightArrMoveY { 0% { transform: translateY(0) rotate(90deg); opacity: 0.4; } 100% { transform: translateY(0.4em) rotate(90deg); opacity: 0.9; } } @keyframes leftArrMoveY { 0% { transform: translateY(0) rotate(90deg); opacity: 0.4; } 100% { transform: translateY(-0.4em) rotate(90deg); opacity: 0.9; } } /*Accordion end*/ .dialog-custom-calendar { width: 30% !important; } .dialog-custom-class, .dialog-custom-Dependentclass { width: 40% !important; } .dialog-custom-class-bg { width: 50% !important; } .dialog-custom-Benefitclass { width: 90% !important; } .dialog-custom-EnrollmentSurvey { width: 60% !important; } .dialog-custom-class-medium { width: 65% !important; } .dialog-custom-class, .dialog-custom-calendar, .dialog-custom-class-bg, .dialog-custom-Dependentclass, .dialog-custom-Benefitclass, .dialog-custom-EnrollmentSurvey, .dialog-custom-class-medium { max-width: 86vw !important; } @media (max-width: 1024px) { .dialog-custom-class, .dialog-custom-calendar, .dialog-custom-class-bg, .dialog-custom-Dependentclass, .dialog-custom-Benefitclass, .dialog-custom-EnrollmentSurvey, .dialog-custom-class-medium { width: fit-content !important; max-width: 90vw !important; } .dialog-custom-calendar { min-width: 40%; } } .mat-dialog-container { border-radius: 0.3rem !important; } .dialog-custom-class .mat-dialog-container, .dialog-custom-calendar .mat-dialog-container, .dialog-custom-class-bg .mat-dialog-container, .dialog-custom-Benefitclass .mat-dialog-container, .dialog-custom-Dependentclass .mat-dialog-container, .dialog-custom-EnrollmentSurvey .mat-dialog-container, .dialog-custom-class-medium .mat-dialog-container { padding: 0px !important; margin-top: 24px; margin-bottom: 24px; height: inherit; overflow: hidden; } .mat-dialog-container .mat-dialog-title { border: 1px solid #968c8c; } .date-picker .mat-form-field-outline { /*z-index: 100;*/ } .mat-form-field.mat-form-field-type-mat-input { line-height: 1.3rem !important; } .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper { padding: 0px 4px 0px 0px !important; } .mat-form-field-appearance-outline .mat-form-field-prefix, .mat-form-field-appearance-outline .mat-form-field-suffix { top: 0 !important; padding-top: 2px; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 0.5em 0 !important; } .fa-override { border-style: none; background-color: transparent; padding: 0; } @media only screen and (min-width: 768px) { .aicon { display: none; } } .example-radio-group { display: flex; flex-direction: column; } .example-radio-button { margin: 5px 0; padding: 12px 30px 12px 30px; transition: 0.2s; font-size: 0.875rem; line-height: 20px; color: #000; margin-bottom: 8px; border-radius: 3px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); } .example-radio-button:hover, .example-radio-button.mat-radio-button.mat-radio-checked { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12); background: var(--hover_primary_color); color: var(--hover_primary_text_color); cursor: pointer; } .example-radio-button:hover .mat-radio-outer-circle { border-color: var(--layout_gray_color); } .example-radio-button label { margin-bottom: initial !important; } .survey-radio-group { display: flex; flex-direction: row; } .survey-radio-button { padding: 8px 30px 8px 5px; transition: 0.2s; font-size: 0.875rem; line-height: 20px; color: #000; border-radius: 3px; /* box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); */ } .survey-radio-button label { margin-bottom: initial !important; } .survey-radio-button:hover { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.14); color: #8a8ae6; cursor: pointer; } .survey-radio-button.mat-radio-button.mat-radio-checked { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12); color: #8a8ae6; cursor: pointer; } .mat-radio-label-content { white-space: pre-wrap; } .student-cert-data { background: rgba(245, 245, 245, 0.87); border-width: 1px 1px 1px; border-style: solid; border-color: rgb(241, 241, 241) rgb(241, 241, 241) rgb(241, 241, 241); } .btn-alert { text-transform: inherit !important; } .row-margin { display: inherit !important; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .mat-input-s .mat-form-field-appearance-outline .mat-form-field-infix { padding: 8px; } .signup-form .mat-form-field-appearance-outline .mat-form-field-infix { padding: 0.5rem 0 !important; } .disabled-gray .mat-form-field-outline-start, .disabled-gray .mat-form-field-outline-end, .disabled-gray .mat-form-field-outline-gap { background-color: #e9ecef; opacity: 1; } .beneficiary-add .mat-form-field, .dependent-add .mat-form-field { width: 100%; } .mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex { background: #fff; } .field-set .mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex { background: transparent; } .underline .mat-form-field-wrapper { padding-bottom: 0.3em !important; } .mat-form-field-type-mat-select .mat-form-field-wrapper { padding-bottom: 0 !important; } .mat-form-field-type-mat-select .mat-form-field-underline, .underline .mat-form-field-underline { bottom: 0.12em !important; } .mat-form-field-appearance-fill.mat-form-field-type-mat-select .mat-form-field-underline::before { background: none; } .mat-form-field-appearance-fill.mat-form-field-type-mat-select .mat-form-field-infix { padding: .25em 0 .35em 0; } .mat-form-field-type-mat-select.mat-form-field-appearance-fill .mat-form-field-flex { border-radius: 4px 4px 4px 4px; padding: .55em .75em 0 .75em; border: 1px solid #e8e8e8; } .mat-option.mat-active { outline: 1px solid; outline-offset: -1px; } .field-set { overflow: hidden; } .field-set .mat-form-field-type-mat-select.mat-form-field-appearance-fill .mat-form-field-flex { border-radius: 0; border: none; } @media(min-width:768px) { .mt-5r-md { margin-top: 0.5rem; } } .cdk-global-scrollblock { position: absolute !important; } .mat-dialog-title { padding: 15px 26px 15px 15px; background-color: var(--layout_primary_color); color: var(--layout_primary_text_color); margin: 0px !important; border-bottom: 1px solid #fff; } .mat-dialog-content { margin: 0px !important; padding-left: 0px !important; padding-bottom: 0px !important; padding-right: 0px !important; padding-top: 0px !important; max-height: 80vh !important; } .mat-dialog-content > section { padding-top: 30px !important; /* padding-bottom: 20px !important; */ } @media (max-width: 768px) { .mat-dialog-content > section { padding-top: 10px !important; } } @media (max-width: 991px) { .mat-dialog-content { max-height: 70vh !important; } } @media (max-height: 450px) { .mat-dialog-content { max-height: 65vh !important; } } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 1.5rem; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; cursor: pointer; } .right-icon .mat-form-field-flex, .date-picker .mat-form-field-flex { align-items: center !important; } .mat-slider-horizontal { width: inherit !important; } .benefit-card .text-muted { margin-bottom: 4px; } .benefit-card .card-img, .package-card .card-img { background: #000; } .benefit-card .card-body { min-height: 170px; } .benefit-card .card-body .b-cat { font-size: 0.93rem; font-weight: 400; color: #757575; } .benefit-card .card-body .ph5benefitslt.ph5.b-cat { line-height: 1.6rem; font-size: 1.18rem; } @media (max-width: 1200px) { .benefit-card .card-body .ph5benefitslt.ph5.b-cat { font-size: 1.1rem; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .package-card .card-img { height: var(--package_card_img_height) !important; } .benefit-card .card-img { height: 14rem !important; } .table-3-col .fp-sp-36, .table-3-col .fp-sp-30, .table-3-col .fp-sp-32, .table-3-col .fp-sp-lg-36, .table-3-col .fp-sp-lg-30, .table-3-col .fp-sp-lg-32 { width: 230px !important; } .table-3-col-wtab .fp-sp-36, .table-3-col-wtab .fp-sp-30, .table-3-col-wtab .fp-sp-32, .table-3-col-wtab .fp-sp-lg-36, .table-3-col-wtab .fp-sp-lg-30, .table-3-col-wtab .fp-sp-lg-32 { width: 250px !important; } .table-4-col .fp-sp-24, .table-4-col .fp-sp-lg-24 { width: 24% !important; } .table-4-col .fp-sp-26, .table-4-col .fp-sp-lg-26 { width: 26% !important; } .fp-row { width: 100% !important; display: inline-table !important; } .fp-sp-32, .fp-sp-lg-32 { width: 32% !important; } .fp-sp-18, .fp-sp-lg-18 { width: 18% !important; } .fp-sp-14, .fp-sp-lg-14 { width: 14% !important; } .fp-sp-12 { width: 12% !important; } .fp-sp-lg-12 { width: 12% !important; } .beneficiary .fp-sp-lg-24, .beneficiary .fp-sp-24 { width: 7.5rem !important; } .beneficiary-manage .fp-sp-lg-24, .beneficiary-manage .fp-sp-24 { width: 10rem !important; } .fp-sp-lg-24, .fp-sp-24 { width: 24% !important; } .whats-change-table .fp-sp-lg-28, .whats-change-table .fp-sp-28 { width: 290px !important; } .deduction-section .fp-sp-28 { width: 100px !important; } .deduction-section .fp-sp-46 { width: 185px !important; } .beneficiary-manage .fp-sp-lg-28, .beneficiary-manage .fp-sp-28 { width: 12rem !important; } .beneficiary .fp-sp-lg-28, .beneficiary .fp-sp-28 { width: 10rem !important; } .fp-sp-lg-28, .fp-sp-28 { width: 28% !important; } .fp-sp-lg-0 { width: 0% !important; display: none; } .table-5-col-wtab .fp-sp-20, .table-5-col-wtab .fp-sp-lg-20 { width: 157px !important; } .fp-sp-20, .fp-sp-lg-20 { width: 20% !important; } .beneficiary-manage .fp-sp-40, .beneficiary-manage .fp-sp-lg-40 { width: 400px !important; } .fp-sp-40, .fp-sp-lg-40 { width: 40% !important; } .fp-sp-30, .fp-sp-lg-30 { width: 30% !important; } .fp-sp-34, .fp-sp-lg-34 { width: 34% !important; } .fp-sp-16, .fp-sp-lg-16 { width: 15rem !important; } .life-overview-table .fp-sp { width: 800px !important; } .table-3-col-wtab .fp-sp { width: 750px !important; } .fp-sp { width: 700px !important; } .life-overview-table .fp-sp-50, .life-overview-table .fp-sp-lg-50 { width: 390px !important; } .p-deduct-package .fp-sp-lg-50, .fp-sp-lg-100, .fp-sp-50, .fp-sp-lg-50 { width: 350px !important; } .fp-sp-48 { width: 185px !important; } .fp-sp-26 { width: 100px !important; } .fp-sp-lg-48 { width: 185px !important; } .fp-sp-lg-26 { width: 100px !important; } .package-card .img-overlay::before { height: 30.5rem; } .img-overlay::before { background: linear-gradient(0deg,#000,#fefdfd); opacity: 0.3; height: 14.5rem; } .card:hover .img-overlay::before { background: linear-gradient(0deg,#000, #FEFDFD) !important; opacity: 0.5 !important; } .hero-content-wrapper { background: linear-gradient(90deg,#9bb8cd,rgb(134, 132, 101),#E9E8DC) !important; opacity: 0.9 !important; } .hero-slider .slick-dots li { background: rgb(155,184,205); opacity: 0.8 !important; } #b-beneAllocationSummary .rounded { width: 100% !important; } } @media (max-width: 400px) { h5 { font-size: 0.875rem; } } @media (max-width:375px) { .btn-small { font-size: 10px !important; padding: 10px 20px !important; } } @media(min-width:400px) and (max-width:420px) { .btn-small { font-size: 13px !important; } } .ci-border-bottom { border-bottom: 1px solid var(--layout_primary_light_color); } .normal-text { font-weight: 400 !important; } .CIToolTip { white-space: pre-line; } #p_lt_zoneUserInfo_SmartSearchBox_txtWord { margin-bottom: -27px; padding-left: 5px; padding-right: 25px; height: 30px; border-radius: 0px; } #p_lt_zoneUserInfo_SmartSearchBox_btnImageButton { margin-right: 10px; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #18252c !important; } @media only screen and (max-width: 768px) { #p_lt_zoneUserInfo_SmartSearchBox_btnImageButton { margin-right: -160px; } } .red { color: var(--red_on_lightBg) !important; } .lightRed { color: var(--red_on_darkBg) !important; } .green { color: var(--hightlight_green_on_lightBg) !important; } .lightGreen { color: var(--hightlight_green_on_darkBg) !important; } font[color='red'] { color: var(--red_on_lightBg) !important; } .text-payroll { color: #000 !important; } .tbl-header { color: #ada8a8 !important; } .whats-change-table .fp-l-head { color: #ada8a8 !important; } .mark-text { font-size: 0.68rem; font-weight: bold; color: var(--layout_primary_text_color); background: var(--layout_primary_color); padding: 0px 6px; } .modal-body { max-height: 400px !important; min-height: 75px; overflow: auto !important; } .confirm-modal-body{ max-height: 48vh; min-height: 75px; } .width-min { width: min-content; } .Munich-card-title { padding: 0px 10px !important; } .mb-minus-50 { margin-bottom: -50px; } .mat-no-dialog { max-height: inherit !important; } .translateY-170 { transform: translateY(-170px) !important; } .translateY-60 { transform: translateY(60px); } .translateY-30 { transform: translateY(30px); } .ci-download-image { height: 35px; cursor: pointer; } .skip-to-main { z-index: 4000; background: #fff; } .skip-to-main button { position: absolute; opacity: 0; z-index: -1000; margin: 10px; } .skip-to-main button:focus { position: inherit; opacity: 1; z-index: inherit; } .selected-div-icon i { position: absolute; right: 6%; font-size: 1.5rem; top: -28px; z-index: 1000; background: var(--layout_primary_color); color: var(--layout_primary_text_color) !important; padding: 14px; border-radius: 1.5em; } .selectedOption { border-width: 3px !important; border-color: #828282 !important; position: relative; } .selected-option-icon { position: absolute; right: 0; } .selected-option-icon i { position: absolute; right: 16px; font-size: 1.125rem; top: -8px; z-index: 1000; background: var(--layout_primary_color); color: var(--layout_primary_text_color) !important; padding: 7px; border-radius: 1.5em; } .selectedCategory { background-color: var(--layout_dark_gray_color) !important; padding: 4px; } .optionDetailHeading { color: var(--hightlight_green_on_lightBg); } .selectedOptionValue { color: var(--hightlight_green_on_lightBg); font-weight: bold; } .catChangeLabel { text-align: left !important; padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: bold; white-space: normal; width: 100%; color: var(--hightlight_green_on_lightBg); } .main-wrapper.wrapper-s { min-height: inherit !important; } .BankChequeImg { height: 7.5rem; } .BankingInputWarning { color: var(--red_on_darkBg) !important; border-color: var(--red_on_darkBg) !important; } .BankingButton { float: right; } .BankingPADForm, .BankingPADForm:hover { color: #007bff !important; } .zoom { transition: transform .2s; max-width: 100%; height: auto; margin: 0 auto; cursor: zoom-in; } .zoom:hover { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .normal-textarea { min-height: 150px; } .normal-div {} .normal-div ul { list-style-type: disc; } /*Chat window*/ .chat-option { font-size: var(--chatButtonSize); } @media (max-width: 991px) { .chat-option { font-size: calc(var(--chatButtonSize) * 0.85); } } @media (max-width: 575px) { .chat-option { font-size: calc(var(--chatButtonSize) * 0.75); } } .chat-button { color: var(--chatButtonTextColor); position: fixed; bottom: 3px; right: 9px; text-decoration: none; font-weight: bold; z-index: 100; padding: 1.5em 1em; margin-bottom: 3px; font-size: 0.9em; transition: 0.3s; } .chat-button.chat-fr { padding: 2em .3em; font-size: 0.9em; } .chat-button:hover { color: var(--hover_primary_text_color); text-decoration: none; transform: scale(1.1) translate(-0.6em, -0.5em); padding: 1.5em 1.1em; } .chat-button.chat-fr:hover { padding: 2em .4em; } .chat-button:hover i { color: var(--hover_primary_color); } .chat-button i { position: absolute; z-index: -100; color: var(--chatButtonColor); bottom: -2px; right: -3px; font-size: calc(1.8*2.7em); text-shadow: 0px 0px 0px #ffffff94; } .chat-button.chat-fr i { font-size: calc(2.2*2.7em); } .fp-form .table.fp, .fp-form .tbody { background: transparent !important; border-top: none !important; overflow: hidden; } .fp-form .fp-tb3 tbody, .fp-form .fp-tb3 .tbody:not(.fp-summary .tbody) { background: #e5e8eb !important; border-top: none !important; overflow: hidden; } .fp-form .fp-row { background: transparent; align-items: flex-end; } .fp-form .fp-tb3 .fp-row, .fp-form .fp-l-head2 { background: var(--layout_primary_light_color); } .fp-form .fp-tb3 .th, .fp-form .fp-tb3 .td, .fp-form .fp-summary .th, .fp-form .fp-summary .td { padding: .25rem .75rem !important; vertical-align: top; } .fp-form .td { border: none; padding: 2px !important; } .fp-form .td label, .fp-form .td .label, .fp-form p.td, .fp-form ul.td li, .fp-form .text-small, .text-small { font-size: 0.8125rem; margin-bottom: 0.3rem; } .mat-checkbox.cdk-keyboard-focused label { outline: 1px solid; outline-offset: 2px; } .fp-form .mat-form-field-appearance-outline .mat-form-field-wrapper { padding: 0 !important; margin-bottom: 0 !important; } .fp-form .mat-form-field-appearance-outline .mat-form-field-infix { padding: 0.3em 0 !important; } .fp-form .fp-tb3 .fp-row .td { border-bottom: 1px solid #dadada; } @media (min-width: 992px) { .fp-form .fp-tb3 .fp-row td { border-bottom: none; } .fp-form .fp-tb3 .fp-row.border-bottom td { border-top: none; } .fp-form .fp-tb3 .tb-body { background: var(--layout_primary_light_color); } .fp-form .fp-tb3 .tb-head { border-bottom: 8px solid #e5e8eb; } .fp-form .fp-tb3 .tb-head.read-mode { border-bottom-color: #ced0d1; } } .fp-form .fp-l-head1, .fp-form .fp-l-head1 p { color: var(--button_primary_text_color); background: var(--button_primary_color); } .fp-form .fp-l-head1 { border-top: none !important; } .fp-form .fp-tb3 .fp-l-head2 { text-align: left; font-weight: bold; } .fp-form .fp-tb3.fp-right .th, .fp-form .fp-tb3.fp-right .td { text-align: right; } .fp-form .fp-tb3.fp-center .fp-l-head2 { text-align: center; } @media (max-width: 991px) { .fp-sm-head.fp-normal .fp-td { font-size: inherit; } } .step-head { background: var(--layout_primary_color) !important; color: #fff !important; outline: 1px solid var(--layout_primary_color); outline-offset: 2px; border-radius: .25rem !important; padding: 3px; } .tooltip-inner { background: rgba(97,97,97,.9); } .bs-tooltip-top .arrow::before { border-top-color: transparent; } .srch3 { color: #595858 !important; } .srch-content { width: inherit !important; } .p-relative { position:relative; } .bene-btn-row { position:absolute; bottom: 0; width: 100%; margin-left: 0; } @media (max-width: 767px) { .bene-btn-row { width: 96%; margin-left: -0.8rem; } .m-bene { padding-bottom: 120px; } } .bg-white-icon { background: #fff; border-radius: 11px; padding: 1px; margin-right: 3px; } .b-sel .mat-form-field-appearance-fill .mat-form-field-flex { border-left: 4px solid #cbcbcb; border-right: 4px solid #cbcbcb; background: #fcfcfc; } .b-sel.notAssigned .mat-form-field-appearance-fill .mat-form-field-flex { border-left: 4px solid #cbcbcb; border-right: 4px solid #cbcbcb; background: #fcfcfc; } .fixed { position: absolute; width: 100%; z-index: 100; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 30%); } .sticky-header.fixed { transition: 0.2s; } @media (max-width: 991px) { .sticky-header.fixed { display: none; } } .sticky-header.fixed .tb-head, .sticky-header.fixed .fp-l-head { padding-top: 4px !important; padding-bottom: 2px !important; } .div-imp-main { margin-bottom: 6px; margin-top: -9px; margin-left: -9px; margin-right: -9px; border: 1px solid; border-color: red !important; } .div-imp-main .mat-form-field-outline-end:not(.disabled-gray .mat-form-field-outline-end) { background: #fff; } .div-imp { border: 2px solid; border-width: 1.5px !important; border-color: red !important; margin-bottom: 2px; } .div-imp .mat-form-field-outline-end:not(.disabled-gray .mat-form-field-outline-end) { background: #fff; } .beneficiary-manage .mat-form-field-outline, .mat-form-field-outline { outline: 1px solid #858383; border-radius: 5px; outline-offset: -1px; } @media (max-width: 991px) { .border-md-thick { border-width: 3px !important; } } @media (max-width: 767px) { .border-md-thick.sm-thin { border-width: 1px !important; } } .ben-inp { width: 85% !important; } .ben-star { display: inline-block; position: absolute; top: 30%; } /* -------------------------AODA CSS Start ------------------------ */ .min-height-div { min-height: 300px; } .min-height-section { min-height: 250px; } .p-head { color: var(--header_primary_color); font-weight: 500; font-family: var(--font_family_style1); line-height: 1.2; } .hero-content .p-head { color: #222; } .p-light { color: #fff !important; } .p-h1 { font-size: 3.75rem !important; } .p-h2 { font-size: 2.25rem !important; } .p-h3 { font-size: 1.875rem !important; } @media (max-width: 1024px) { .p-h1 { font-size: 3rem !important; } .p-h2 { font-size: 2.1rem !important; } .p-h3 { font-size: 1.6rem !important; } } @media (max-width: 991px) { .p-h1 { font-size: 2.5rem !important; } .p-h2 { font-size: 1.8rem !important; } .p-h3 { font-size: 1.4rem !important; } } @media (max-width: 575px) { .p-h1 { font-size: 2.4rem !important; } .p-h2 { font-size: 1.7rem !important; } .p-h3 { font-size: 1.3rem !important; } } .p-h4 { font-size: 1.25rem !important; } .p-h5 { font-size: 1.125rem !important; } .p-h55 { font-size: 1.05rem !important; } .p-h6 { font-size: 0.875rem !important; } .ph5:hover { color: #fff; } .ph1 { font-size: 1.375rem; color: #d4d4d4; margin: 0; padding: 0; letter-spacing: 1px; font-weight: 700; } .ph2 { font-size: 2.25rem; color: #222; font-weight: 500; font-family: var(--font_family_style1); line-height: 1.2; } .ph3 { font-size: 1.875rem; color: #222; font-weight: 500; font-family: var(--font_family_style1); line-height: 1.2; } .ph4modal { font-size: 1.25rem; color: #fff; font-weight: 500; font-family: var(--font_family_style1); line-height: 1.2; } .ph4 { font-size: 1.25rem; color: #222; font-weight: 500; font-family: var(--font_family_style1); line-height: 1.2; } .php6 { font-size: 0.875rem; color: #222; font-weight: 500; font-family: var(--font_family_style1); line-height: 1.2; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .phlifeevet { font-size: 1.75rem; font-weight: 600; color: #d4d4d4; } .phbenefitslt { font-size: 1.75rem; font-weight: 700; color: var(--header_primary_color); } .phbenefitslt1 { font-size: 1.6rem; font-weight: 600; color: #fff; } .phbenefitslt1.Munich-card-title { font-size: 1.4rem; } @media (max-width: 1200px) { .phbenefitslt1 { font-size: 1.3rem; } .phbenefitslt1.Munich-card-title { font-size: 1.2rem; } } .ph5benefitslt { font-size: 1.25rem; font-weight: 500; line-height: 1.2; } .ph5choose { font-size: 1.75rem; font-weight: 600; color: var(--header_primary_color); } .LinkFormsResources { text-decoration: underline; } .p-h5header { color: #fffdfd; font-size: 1.375rem; padding: 0 20px; font-weight: 500; line-height: 1.2; font-family: var(--font_family_style1); } .bg-gray .p-h5header { color: #000; } .p-h3header { font-size: 0.93rem; border-right: solid 1px #caa9a9; color: #222; font-family: var(--font_family_style1); } .p-h3header:hover { color: #807e7e; } .p-h2header { color: var(--header_primary_color); font-size: 1.875rem; font-weight: 700; line-height: 1.2; font-family: var(--font_family_style1); } .p-h4pages { font-size: 1.25rem; color: #222; font-weight: 500; font-family: var(--font_family_style1); margin-bottom: .5rem; line-height: 1.2; } .p-h4pages.modal-title { color: var(--layout_primary_text_color); } .p-h5pages { font-size: 1.125rem; color: #222; font-weight: 500; font-family: var(--font_family_style1); margin-bottom: .5rem; line-height: 1.2; } .p-h5pages.ex-panel { font-size: 0.94rem; } .btn:focus, .btn:active { outline: 1px solid #000 !important; box-shadow: none !important; border-color: transparent !important; } .btn:focus, .btn:hover { text-decoration: none; } .navbar-nav { } .activeLanguage { font-weight: bold; border-bottom-color: #e6e3e3 !important; } .activeLanguage span { color: var(--red_on_darkBg) !important; } .mat-form-field-wrapper { padding-bottom: 1.1em !important; } .signup-form .mat-form-field-wrapper { padding-bottom: .4rem !important; } .margin-shift-up { } .no-wrap-text { white-space: nowrap; } .wrap-text { overflow-wrap: anywhere; } h3.top { font-size: 1.125rem; } /* ---------------Hide ** from profile PIN---------------------- */ .d-inline-block .error.ng-star-inserted { visibility: hidden; } .ErrMsg { color: var(--red_on_lightBg) !important; } .benefit-head .ErrMsg { color: var(--red_on_darkBg) !important; } .msgline1-font-color, .text-imp { color: var(--red_on_lightBg); } .displayblock { display: inline !important; } .ng-star-inserted > i > font { color: var(--red_on_lightBg) !important; font-size: 13px !important; } .ng-star-inserted .container .row .col-md-12 > span > font { color: var(--red_on_lightBg) !important; } /*mat calendar*/ .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){ background: var(--layout_gray_color); } .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content{ outline: 1px solid #000; } .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused { outline: 1px solid #000 !important; outline-offset: -3px; background: var(--layout_gray_color) !important; } .mat-expansion-panel .mat-expansion-panel-header:hover { background: var(--layout_gray_color) !important; } .mat-snack-bar-container span { font-size: 1rem; color: var(--snackBarTextColor); font-family: var(--font_family_style1); } .mat-snack-bar-container { background: var(--snackBarBackground) !important; border: 1px solid #ffffff4a; } /* --------------------------------AODA Css End------------------------ */ /*------------Bootstrap upgrade v4 to v5 adjustment start------------*/ .fp-row2 td { background: var(--tableRow2_Bg)!important; } .fp-l-head { background: var(--layout_primary_color)!important; } .fp-l-head1 { background: var(--layout_primary_color)!important; } .fp-l-head2:not(.fp-form .fp-tb3 .fp-row, .fp-form .fp-l-head2) { background: var(--table_l_head2_Bg)!important; } .fp-l-thead { padding: 0.75rem!important; } .sp-bg { background: var(--bg_info)!important; color: var(--bg_info_text) !important; } /*------------Bootstrap upgrade v4 to v5 adjustment end------------*/ /*------------Custom Calendar-----------------*/ .custom-calendar .mat-select-arrow { border-left-width: 8px !important; border-right-width: 8px !important; border-top-width: 8px !important; } .custom-calendar .mat-form-field-type-mat-select .mat-form-field-wrapper:hover { background: var(--layout_gray_color); } .c-optgroup .mat-optgroup-label { background: #000 !important; color: #fff !important; line-height: 1.3em !important; height: 1.3em !important; font-weight: bold !important; font-size: 0.9em !important; text-align: center !important; margin-bottom: 6px !important; margin-top: 10px; } .c-option-group { /*line-height: 1.6em !important; height: 1.6em !important;*/ text-align: center !important; padding: 0 !important; } /*------------Custom Calendar end-----------------*/ .c-option { /*line-height: 2em !important; height: 2em !important;*/ } .dialog-custom-DependentCoverageclass { width: 100%; } .dialog-custom-DependentCoverageclass .mat-dialog-container { padding: 0px !important; } /*play/pause button*/ .carousel-play-control { position: absolute; top: 6px; left: 6px; z-index: 1000; opacity: 0.6; } .carousel-play-control button { margin: 0; padding: 2px; border: none; font-size: 30px; color: #000; background: #a9bbc9; } .carousel-play-control button:disabled { color: #838383; } .carousel-play-control button:not(:disabled):hover { color: #fff; background: #00000096; } .EnrollBookletDiv { background-color: #595a5b !important; position: relative; } .BookletSliderAlignment { top: -134px !important; } .EnrollGuideName { color : var(--Enrol_Guide_Link); text-decoration: none !important; } .EnrollGuideName:hover { color : var(--Enrol_Hover_Guide_Link); text-decoration: none !important; } .popup { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; } .popup-content { background-color: white; padding: 20px; border-radius: 5px; } /*Calender*/ .c-input-date { padding-right: 2em; } .c-calendar { border-radius: 0 6px 6px 0; margin-right: -0.78em; border: 3px solid var(--button_primary_border_color); box-shadow: none; margin-top: -0.25em; position: absolute; z-index: 100; right: 0; top: -0.31em; bottom: 0; } .c-calendar:disabled::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #d5d6d8; border-radius: 0 3px 3px 0; opacity: 0.4; outline: 2px solid #d5d6d8; } .c-calendar:focus-visible, .c-calendar:focus, .c-calendar:visited { outline: 1px solid; outline-offset: -2px; } .c-calendar i { font-size: 1.25em; padding: 0 0.4em; } .custom-calendar { height: 100%; overflow: auto; } .custom-calendar .btn { padding: 2px 10px !important; min-width: inherit; border-radius: 0; border-radius: 19px; min-width: 54px !important; border-width: 1px; background: var(--button_primary_color) !important; color: var(--button_primary_text_color); border-color: var(--button_primary_border_color); outline-offset: -3px; } .custom-calendar .btn:hover, .custom-calendar .btn:focus { background: var(--hover_primary_color) !important; color: var(--hover_primary_text_color); } .custom-calendar .btn:focus { outline: 1px solid !important; } .custom-calendar .btn.c-close { border-radius: 0; min-width: inherit !important; border: 1px solid var(--button_primary_border_color); } /* // MM -> 2 */ .calendar-select-fr.fp-row :nth-child(1) { order: 2; } /* // dd -> 3 */ .calendar-select-fr.fp-row :nth-child(2) { order: 3; } /* //yyyy -> 1 */ .calendar-select-fr.fp-row :nth-child(3) { order: 1; } .custom-calendar .btn.c-close.px-1{ padding-right: .25rem !important; padding-left: .25rem !important; } /* Confimration Statement */ .selected-form{ width:30%; text-align: center !important; } .selected-option{ text-align: center !important; font-size: 16px; font-weight: bold; } .tbrow{ vertical-align: middle !important; } .lblSelectYear{ font-weight: bold; } @media only screen and (max-width: 600px) { .selected-form{ width:100% !important; } } /*Datepicker popup*/ .custom-select-panel-datepicker { max-height: 50vh !important; overflow-y: auto !important; } .benefitTileColor, .card:hover .benefitTileColor, .card:focus .benefitTileColor{ background: var(--benefit_tile_color_on_option_change); } .card:hover .benefitTileColor p.card-val, .card:focus .benefitTileColor p.card-val { color: var(--benefit_tile_hover_text_highlight_color_on_option_change); } .card:hover .benefitTileColor .text-muted, .card:focus .benefitTileColor .text-muted { color: var(--benefit_tile_hover_text_color_on_option_change)!important; }