* { margin: 0px; padding: 0px; box-sizing: border-box; word-break: break-word; } a { color: inherit; text-decoration: none; } html { scroll-behavior: smooth; } ol, ul { padding-left: revert; } /* Set the base font-size for the entire site. From here, the intention is to use relative units (throughout the entire sheet) passed off of this size 12/16/24 - JD */ html, body { font-size: 18px !important; } body { margin: 0px; padding: 0; } /* Libre Franklin */ @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-Bold.eot"); src: url("/_resources/fonts/LibreFranklin-Bold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-Bold.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-Bold.woff") format("woff"), url("/_resources/fonts/LibreFranklin-Bold.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-Bold.svg#LibreFranklin-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-ExtraBold.eot"); src: url("/_resources/fonts/LibreFranklin-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-ExtraBold.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-ExtraBold.woff") format("woff"), url("/_resources/fonts/LibreFranklin-ExtraBold.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-ExtraBold.svg#LibreFranklin-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-BlackItalic.eot"); src: url("/_resources/fonts/LibreFranklin-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-BlackItalic.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-BlackItalic.woff") format("woff"), url("/_resources/fonts/LibreFranklin-BlackItalic.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-BlackItalic.svg#LibreFranklin-BlackItalic") format("svg"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-BoldItalic.eot"); src: url("/_resources/fonts/LibreFranklin-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-BoldItalic.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-BoldItalic.woff") format("woff"), url("/_resources/fonts/LibreFranklin-BoldItalic.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-BoldItalic.svg#LibreFranklin-BoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-ExtraLight.eot"); src: url("/_resources/fonts/LibreFranklin-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-ExtraLight.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-ExtraLight.woff") format("woff"), url("/_resources/fonts/LibreFranklin-ExtraLight.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-ExtraLight.svg#LibreFranklin-ExtraLight") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-ExtraBoldItalic.eot"); src: url("/_resources/fonts/LibreFranklin-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-ExtraBoldItalic.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-ExtraBoldItalic.woff") format("woff"), url("/_resources/fonts/LibreFranklin-ExtraBoldItalic.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-ExtraBoldItalic.svg#LibreFranklin-ExtraBoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-ExtraLightItalic.eot"); src: url("/_resources/fonts/LibreFranklin-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-ExtraLightItalic.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-ExtraLightItalic.woff") format("woff"), url("/_resources/fonts/LibreFranklin-ExtraLightItalic.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-ExtraLightItalic.svg#LibreFranklin-ExtraLightItalic") format("svg"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-Italic.eot"); src: url("/_resources/fonts/LibreFranklin-Italic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-Italic.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-Italic.woff") format("woff"), url("/_resources/fonts/LibreFranklin-Italic.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-Italic.svg#LibreFranklin-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-Light.eot"); src: url("/_resources/fonts/LibreFranklin-Light.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-Light.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-Light.woff") format("woff"), url("/_resources/fonts/LibreFranklin-Light.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-Light.svg#LibreFranklin-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-Medium.eot"); src: url("/_resources/fonts/LibreFranklin-Medium.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-Medium.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-Medium.woff") format("woff"), url("/_resources/fonts/LibreFranklin-Medium.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-Medium.svg#LibreFranklin-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-LightItalic.eot"); src: url("/_resources/fonts/LibreFranklin-LightItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-LightItalic.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-LightItalic.woff") format("woff"), url("/_resources/fonts/LibreFranklin-LightItalic.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-LightItalic.svg#LibreFranklin-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-SemiBold.eot"); src: url("/_resources/fonts/LibreFranklin-SemiBold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-SemiBold.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-SemiBold.woff") format("woff"), url("/_resources/fonts/LibreFranklin-SemiBold.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-SemiBold.svg#LibreFranklin-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-MediumItalic.eot"); src: url("/_resources/fonts/LibreFranklin-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-MediumItalic.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-MediumItalic.woff") format("woff"), url("/_resources/fonts/LibreFranklin-MediumItalic.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-MediumItalic.svg#LibreFranklin-MediumItalic") format("svg"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-Regular.eot"); src: url("/_resources/fonts/LibreFranklin-Regular.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-Regular.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-Regular.woff") format("woff"), url("/_resources/fonts/LibreFranklin-Regular.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-Regular.svg#LibreFranklin-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-Thin.eot"); src: url("/_resources/fonts/LibreFranklin-Thin.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-Thin.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-Thin.woff") format("woff"), url("/_resources/fonts/LibreFranklin-Thin.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-Thin.svg#LibreFranklin-Thin") format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-ThinItalic.eot"); src: url("/_resources/fonts/LibreFranklin-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-ThinItalic.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-ThinItalic.woff") format("woff"), url("/_resources/fonts/LibreFranklin-ThinItalic.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-ThinItalic.svg#LibreFranklin-ThinItalic") format("svg"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-SemiBoldItalic.eot"); src: url("/_resources/fonts/LibreFranklin-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-SemiBoldItalic.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-SemiBoldItalic.woff") format("woff"), url("/_resources/fonts/LibreFranklin-SemiBoldItalic.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-SemiBoldItalic.svg#LibreFranklin-SemiBoldItalic") format("svg"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Libre Franklin"; src: url("/_resources/fonts/LibreFranklin-Black.eot"); src: url("/_resources/fonts/LibreFranklin-Black.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/LibreFranklin-Black.woff2") format("woff2"), url("/_resources/fonts/LibreFranklin-Black.woff") format("woff"), url("/_resources/fonts/LibreFranklin-Black.ttf") format("truetype"), url("/_resources/fonts/LibreFranklin-Black.svg#LibreFranklin-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } /* Libre Franklin */ /* oswald */ @font-face { font-family: "Oswald"; src: url("/_resources/fonts/Oswald-Bold.eot"); src: url("/_resources/fonts/Oswald-Bold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/Oswald-Bold.woff2") format("woff2"), url("/_resources/fonts/Oswald-Bold.woff") format("woff"), url("/_resources/fonts/Oswald-Bold.ttf") format("truetype"), url("/_resources/fonts/Oswald-Bold.svg#Oswald-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } /* oswald */ /* Inter */ @font-face { font-family: "Inter"; src: url("/_resources/fonts/Inter-Regular.eot"); src: url("/_resources/fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/Inter-Regular.woff2") format("woff2"), url("/_resources/fonts/Inter-Regular.woff") format("woff"), url("/_resources/fonts/Inter-Regular.ttf") format("truetype"), url("/_resources/fonts/Inter-Regular.svg#Inter-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/_resources/fonts/Inter-SemiBold.eot"); src: url("/_resources/fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/Inter-SemiBold.woff2") format("woff2"), url("/_resources/fonts/Inter-SemiBold.woff") format("woff"), url("/_resources/fonts/Inter-SemiBold.ttf") format("truetype"), url("/_resources/fonts/Inter-SemiBold.svg#Inter-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/_resources/fonts/Inter-Bold.eot"); src: url("/_resources/fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/Inter-Bold.woff2") format("woff2"), url("/_resources/fonts/Inter-Bold.woff") format("woff"), url("/_resources/fonts/Inter-Bold.ttf") format("truetype"), url("/_resources/fonts/Inter-Bold.svg#Inter-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } /* Inter */ /* Roc Grotesk */ @font-face { font-family: "FONTSPRING DEMO - Roc Grotesk"; src: url("/_resources/fonts/FONTSPRINGDEMO-RocGroteskBold.eot"); src: url("/_resources/fonts/FONTSPRINGDEMO-RocGroteskBold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/FONTSPRINGDEMO-RocGroteskBold.woff2") format("woff2"), url("/_resources/fonts/FONTSPRINGDEMO-RocGroteskBold.woff") format("woff"), url("/_resources/fonts/FONTSPRINGDEMO-RocGroteskBold.ttf") format("truetype"), url("/_resources/fonts/FONTSPRINGDEMO-RocGroteskBold.svg#FONTSPRINGDEMO-RocGroteskBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "roc-grotesk"; src: url("https://use.typekit.net/af/97dd77/00000000000000007735b7d4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/97dd77/00000000000000007735b7d4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/97dd77/00000000000000007735b7d4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; font-stretch: normal; } /* Roc Grotesk */ /* Fira Sans */ @font-face { font-family: "Fira Sans"; src: url("/_resources/fonts/FiraSans-SemiBold.eot"); src: url("/_resources/fonts/FiraSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/FiraSans-SemiBold.woff2") format("woff2"), url("/_resources/fonts/FiraSans-SemiBold.woff") format("woff"), url("/_resources/fonts/FiraSans-SemiBold.ttf") format("truetype"), url("/_resources/fonts/FiraSans-SemiBold.svg#FiraSans-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url("/_resources/fonts/FiraSans-Bold.eot"); src: url("/_resources/fonts/FiraSans-Bold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/FiraSans-Bold.woff2") format("woff2"), url("/_resources/fonts/FiraSans-Bold.woff") format("woff"), url("/_resources/fonts/FiraSans-Bold.ttf") format("truetype"), url("/_resources/fonts/FiraSans-Bold.svg#FiraSans-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } /* Fira Sans */ /* Fira Sans Condensed */ @font-face { font-family: "Fira Sans Condensed"; src: url("/_resources/fonts/FiraSansCondensed-Bold.eot"); src: url("/_resources/fonts/FiraSansCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/FiraSansCondensed-Bold.woff2") format("woff2"), url("/_resources/fonts/FiraSansCondensed-Bold.woff") format("woff"), url("/_resources/fonts/FiraSansCondensed-Bold.ttf") format("truetype"), url("/_resources/fonts/FiraSansCondensed-Bold.svg#FiraSansCondensed-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } /* Fira Sans Condensed */ /* Kalam */ @font-face { font-family: "Kalam"; src: url("/_resources/fonts/Kalam-Regular.eot"); src: url("/_resources/fonts/Kalam-Regular.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/Kalam-Regular.woff2") format("woff2"), url("/_resources/fonts/Kalam-Regular.woff") format("woff"), url("/_resources/fonts/Kalam-Regular.ttf") format("truetype"), url("/_resources/fonts/Kalam-Regular.svg#Kalam-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* Kalam */ /* Font Family */ :root { --oswald: Oswald; --Inter: Inter; --Roc_grotesk: roc-grotesk; --Fira_sans: Fira Sans; --Fira_sans_condensed: Fira Sans Condensed; --kalam: Kalam; } /* Font Family */ /* color code */ :root { /* Brand Colors */ --Palm_Beach_Green: #c0e634; --Dark_Teal_Green: #0f4a54; --Medium_Blue: #037694; --Sea_Blue: #2ea9c9; --Light_Blue: #73e5ff; --Teal: #22b7ae; --Medium_Teal_Green: #2b6959; --Yellow: #f4c41b; /* Background Colors */ --Blue_Background: #73caff; --Violet_Background: #89aafc; --Light_Green_1: #ebfff9; --Light_Green_2: #b2dfd2; --Light_Green_3: #9bd2c2; /* Interface Colors */ --Light_Gray_Background: #f4f4f4; --White: #fff; --Black: #000; } /* color code */ /* Inter Font */ .Large_text_regular p, .Large_text_regular { font-family: var(--Inter); font-size: 22px; font-weight: 400; line-height: 28px; } .Large_text_bold p, .Large_text_bold { font-family: var(--Inter); font-size: 24px; font-weight: 500; line-height: 26px; } .Medium_text_regular p, .Medium_text_regular { color: var(--Black); font-family: var(--Inter); font-size: 18px; font-weight: 400; line-height: 22px; } .Medium_text_bold p, .Medium_text_bold { font-family: var(--Inter); font-size: 18px; font-weight: 700; line-height: 22px; } .Normal_text_regular p, .Normal_text_regular { font-family: var(--Inter); font-size: 16px; font-weight: 400; line-height: 22px; } .Normal_text_bold p, .Normal_text_bold { font-family: var(--Inter); font-size: 16px; font-weight: 700; line-height: 22px; } .Small_text_regular p, .Small_text_regular { font-family: var(--Inter); font-size: 14px; font-weight: 400; line-height: 20px; } .Small_text_bold p, .Small_text_bold { font-family: var(--Inter); font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: 0.002em; } /* Inter Font */ /* Oswald Font */ .Dates_normal p, .Dates_normal { font-family: var(--oswald); font-size: 32px; font-weight: 700; line-height: 34px; } .Dates_medium p, .Dates_medium { font-family: var(--oswald); font-size: 42px; font-weight: 700; line-height: 34px; } .Dates_large p, .Dates_large { font-family: var(--oswald); font-size: 64px; font-weight: 700; line-height: 34px; } /* Oswald Font */ /* Primary Button */ .primary_btn { border-radius: 0; border: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; text-decoration: none; padding: 1rem 1.66rem; background-color: var(--Palm_Beach_Green); font-family: Inter; font-size: 1.25rem; font-weight: 600; /* line-height: 26px; */ color: var(--Dark_Teal_Green); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .primary_btn .material-symbols-outlined { content: ""; display: inline-block; width: 24px; height: 24px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .primary_btn:focus-visible, .primary_btn.focus-visible { outline: 1px solid var(--Dark_Teal_Green); outline-offset: 4px; background-color: var(--Palm_Beach_Green); } .primary_btn:first-child:active, .primary_btn:active { background-color: var(--Dark_Teal_Green); color: var(--White); } .primary_btn:focus, .primary_btn:hover { background-color: var(--Dark_Teal_Green) !important; color: var(--White) !important; } .primary_btn:focus .material-symbols-outlined, .primary_btn:hover .material-symbols-outlined { color: var(--Dark_Teal_Green) !important; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .primary_btn:focus:before { opacity: 1; } /* Primary Button */ /* Not_in_use */ .notinuse_btn { background-color: #e3e4e5; color: var(--Black); cursor: not-allowed; border-radius: 0; border: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; text-decoration: none; padding: 20px 30px 20px 25px; font-family: Inter; font-size: 24px; font-weight: 600; line-height: 26px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .notinuse_btn .material-symbols-outlined { content: ""; display: inline-block; width: 24px; height: 24px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* Not_in_use */ /* link_btn */ .link_btn { word-break: break-word; display: inline-flex; align-items: center; text-align: left; justify-content: flex-start; border: none; padding: 0; gap: 7px; background-color: transparent; position: relative; text-decoration: none; font-family: var(--Fira_sans); font-size: 1rem; font-weight: 600; line-height: 26px; color: var(--Dark_Teal_Green); transition: all 0.3s; } .link_btn.white .material-symbols-outlined { -webkit-filter: brightness(0) invert(); filter: brightness(0) invert(); } .link_btn.white { color: var(--White); } .link_btn .material-symbols-outlined { font-size: 26px; vertical-align: middle; transition: all 0.3s; } .link_btn:hover span:not(.material-symbols-outlined) { text-decoration: underline; } .link_btn:focus::before { opacity: 1; } .link_btn:active { color: var(--Medium_Teal_Green); } .link_btn_dark { color: var(--White); } .link_btn_dark::after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .link_btn_dark:focus { color: var(--White); } .link_btn_dark:active { color: var(--Light_Blue); } .link_btn_dark:active:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAxQzUuOSAxIDEgNS45IDEgMTJDMSAxOC4xIDUuOSAyMyAxMiAyM0MxOC4xIDIzIDIzIDE4LjEgMjMgMTJDMjMgNS45IDE4LjEgMSAxMiAxWk0xMiAyMUM3IDIxIDMgMTcgMyAxMkMzIDcgNyAzIDEyIDNDMTcgMyAyMSA3IDIxIDEyQzIxIDE3IDE3IDIxIDEyIDIxWk0xNi45MzczIDExLjczMTRDMTYuOTE3MiAxMS42ODI4IDE2LjkgMTEuNjQxNCAxNi45IDExLjZDMTYuOSAxMS41IDE2LjggMTEuNCAxNi43IDExLjNMMTIuNyA3LjNDMTIuMyA2LjkgMTEuNyA2LjkgMTEuMyA3LjNDMTAuOSA3LjcgMTAuOSA4LjMgMTEuMyA4LjdMMTMuNiAxMUg4QzcuNCAxMSA3IDExLjQgNyAxMkM3IDEyLjYgNy40IDEzIDggMTNIMTMuNkwxMS4zIDE1LjNDMTAuOSAxNS43IDEwLjkgMTYuMyAxMS4zIDE2LjdDMTEuNSAxNi45IDExLjcgMTcgMTIgMTdDMTIuMyAxNyAxMi41IDE2LjkgMTIuNyAxNi43TDE2LjcgMTIuN0MxNi44IDEyLjYgMTYuOSAxMi41IDE2LjkgMTIuNEMxNyAxMi4zIDE3IDEyLjEgMTcgMTJDMTcgMTEuODgyOCAxNi45NjU3IDExLjggMTYuOTM3MyAxMS43MzE0WiIgZmlsbD0iIzczRTVGRiIvPgo8bWFzayBpZD0ibWFzazBfMTU2OV82NDE0OCIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjEiIHk9IjEiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMUM1LjkgMSAxIDUuOSAxIDEyQzEgMTguMSA1LjkgMjMgMTIgMjNDMTguMSAyMyAyMyAxOC4xIDIzIDEyQzIzIDUuOSAxOC4xIDEgMTIgMVpNMTIgMjFDNyAyMSAzIDE3IDMgMTJDMyA3IDcgMyAxMiAzQzE3IDMgMjEgNyAyMSAxMkMyMSAxNyAxNyAyMSAxMiAyMVpNMTYuOTM3MyAxMS43MzE0QzE2LjkxNzIgMTEuNjgyOCAxNi45IDExLjY0MTQgMTYuOSAxMS42QzE2LjkgMTEuNSAxNi44IDExLjQgMTYuNyAxMS4zTDEyLjcgNy4zQzEyLjMgNi45IDExLjcgNi45IDExLjMgNy4zQzEwLjkgNy43IDEwLjkgOC4zIDExLjMgOC43TDEzLjYgMTFIOEM3LjQgMTEgNyAxMS40IDcgMTJDNyAxMi42IDcuNCAxMyA4IDEzSDEzLjZMMTEuMyAxNS4zQzEwLjkgMTUuNyAxMC45IDE2LjMgMTEuMyAxNi43QzExLjUgMTYuOSAxMS43IDE3IDEyIDE3QzEyLjMgMTcgMTIuNSAxNi45IDEyLjcgMTYuN0wxNi43IDEyLjdDMTYuOCAxMi42IDE2LjkgMTIuNSAxNi45IDEyLjRDMTcgMTIuMyAxNyAxMi4xIDE3IDEyQzE3IDExLjg4MjggMTYuOTY1NyAxMS44IDE2LjkzNzMgMTEuNzMxNFoiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xNTY5XzY0MTQ4KSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzczRTVGRiIvPgo8L2c+Cjwvc3ZnPgo=); -webkit-filter: initial !important; filter: initial !important; } /* link_btn */ /* Hyperlink_btn */ .hyperlink_btn { text-decoration: underline; color: var(--Sea_Blue); color: var(--Dark_Teal_Green); font-family: Inter; font-size: 14px; font-weight: 400; line-height: 24px; transition: all 0.3s; } .hyperlink_btn:hover { color: var(--Medium_Blue); } .hyperlink_btn:active { color: var(--Medium_Blue); } .hyperlink_btn:focus { outline: 1px solid var(--Medium_Blue); border-radius: 8px; outline-offset: 5px; padding: 17px 24px 17px 24px; } .hyperlink_btn_dark { color: var(--White); } .hyperlink_btn_dark:hover { color: var(--White); } .hyperlink_btn_dark:active { color: var(--Medium_Blue); } .hyperlink_btn:focus { outline-color: var(--Medium_Blue); color: var(--Sea_Blue); } /* Hyperlink_btn */ /* -----Remove----- */ .helloji { font-family: var(--Inter); margin: 20px 0px; } .helloji2 { font-family: var(--oswald); } .helloji3 { font-family: var(--Roc_grotesk); font-weight: 700; } .helloji4 { font-family: var(--Fira_sans); font-weight: 700; } .helloji5 { font-family: var(--kalam); } /* -----Remove----- */ /* headings */ h1, .heading1 { font-family: var(--Roc_grotesk); font-size: 3rem; font-weight: 700; /* font-style: normal; line-height: 82px;*/ color: var(--Dark_Teal_Green); } h2, .heading2 { font-family: var(--Fira_sans_condensed); font-size: 2.25rem; font-style: normal; font-weight: 700; /* line-height: 48px; */ /* letter-spacing: 0.96px; */ color: var(--Dark_Teal_Green); margin-bottom: 1rem; /* height: 2.2rem; */ line-height: normal; } h3, .heading3 { font-family: var(--Fira_sans); font-size: 1.6rem; /* font-style: normal; */ /* font-weight: 600; */ /* line-height: 44px; */ color: var(--Dark_Teal_Green); } h4, .heading4 { font-family: var(--Fira_sans); font-size: 30px; font-style: normal; font-weight: 600; line-height: 35.2px; color: var(--Dark_Teal_Green); } h5, .heading5 { font-family: var(--Fira_sans); font-size: 24px; font-style: normal; font-weight: 600; line-height: 26px; color: var(--Dark_Teal_Green); } h6, .heading6 { font-family: var(--Fira_sans); font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; color: var(--Dark_Teal_Green); } p { font-family: Inter; font-size: 22px; font-style: normal; font-weight: 400; line-height: 1.273; color: #000000; font-size: 1rem; line-height: 1.8; } /*ol li, ul li { color: var(--Black); font-family: var(--Inter); font-size: 22px; font-style: normal; font-weight: 400; } @media (max-width: 767px) { p { font-size: 16px; } } */ .script { font-family: var(--kalam); font-size: 58px; font-style: normal; font-weight: 400; line-height: 28px; } p a:hover { color: rgba(15, 74, 84, 1); } p a:active { color: rgb(22, 31, 28); } p a:focus, p a.focus-visible { outline-color: rgba(3, 118, 148, 1); color: rgba(3, 118, 148, 1); } p a { border-radius: 8px; color: rgba(3, 118, 148, 1); font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-decoration: underline; } /* headings */ .wrapper { max-width: 1500px; width: 100%; padding: 0 20px; margin: 0 auto; } /************* header ***********/ .hdrtopalert { background: var(--Palm_Beach_Green); padding: 15px 0; margin-bottom: 0; border-radius: 0; display: none; border: none; } .hdrtopalert, .hdrtopalert p { text-align: center; font-family: var(--Inter); font-size: 20px; font-style: normal; font-weight: 400; line-height: 24px; } .hdrtopalertmain .learn-more-icon { font-size: 17px; color: #000; } .alertactive .hdrtopalert { display: block; } .hdrtopalertmain { position: relative; } .hdrtopalertmain p { color: #000; width: 100%; margin: 0; } .hdrtopalertmain { display: flex; align-items: center; justify-content: center; } .hdrTop { background: var(--Dark_Teal_Green); } .hdrTopmain { width: 100%; } .hdrTopmain ul { display: flex; gap: 40px; justify-content: end; padding: 8px 0; margin: 0; } .hdrTopmain ul li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; list-style: none; } .hdrTopmain ul li a:focus { color: #fff; } .hdrTopmain ul li a:hover { text-decoration: underline; color: #fff; } .hdrTopmain ul li a:focus-visible { outline: 1px solid #fff; outline-offset: 4px; box-shadow: none; } .hdrTopmain ul li a { padding: 0; color: var(--White); font-family: var(--Inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22.4px; text-decoration: none; } .hdrmainSec { width: 100%; background: var(--White); } .header-bottom { z-index: 1001; position: relative; } .header-bottom > * { position: relative; } .header-bottom .container { position: relative; } .header-bottom .inner { display: flex; gap: 20px; justify-content: space-between; align-items: center; } .header-bottom .inner .site-logo { display: flex; padding: 1.75px 0; } .header-bottom ul { display: flex; gap: 10px 31px; flex-wrap: wrap; justify-content: flex-end; list-style: none; align-items: center; } .header-bottom ul li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; display: flex; gap: 5px; } .header-bottom ul li a { color: var(--Black, #000); font-family: var(--Inter); font-size: 20px; font-style: normal; font-weight: 400; line-height: 24px; text-decoration: none; border-bottom: 5px solid transparent; padding: 10px 0; } .searchbtn { border-radius: 100px; border: 1px solid var(--Black) !important; padding: 8px 9px !important; } .has-megamenu.active .mega-menu { pointer-events: all; opacity: 1; visibility: visible; } .mega-menu { visibility: hidden; pointer-events: none; opacity: 0; width: 100%; min-height: 429px; position: absolute; padding: 0; top: 88px; left: 0; background: var(--Light_Gray_Background); z-index: 3; } .header-bottom ul li.has-menu { position: relative; } .mega-menu-list ul { display: flex; gap: 5px; flex-direction: column; padding: 0; } .mega-menu-list ul > li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; display: block; width: 100%; } .mega-menu-list { width: 28%; } .mega-menu-list ul > li.has-submenu > a > .material-symbols-outlined { font-size: 26px; transition: all 0.3s; vertical-align: middle; } .mega-menu-list ul > li > a.focus-visible, .mega-menu-list ul > li.active > a, .mega-menu-list ul > li:hover > a { background: var(--Palm_Beach_Green); color: var(--Dark_Teal_Green); } .mega-menu-list ul > li.active > a { background: var(--Palm_Beach_Green); color: var(--Dark_Teal_Green); } .mega-menu-list ul > li.has-submenu > a.focus-visible::after, .mega-menu-list ul > li.has-submenu.active > a::after, .mega-menu-list ul > li.has-submenu:hover > a::after { filter: brightness(1); -webkit-filter: brightness(1); } .mega-menu-list ul > li.has-submenu > a.focus-visible > .material-symbols-outlined, .mega-menu-list ul > li.has-submenu.active > a > .material-symbols-outlined, .mega-menu-list ul > li.has-submenu:hover > a > .material-symbols-outlined { transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); } .mega-menu-list ul > li > a { display: block; text-align: left; color: var(--Dark_Teal_Green); font-family: var(--Fira_sans); font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; border-bottom: 0; padding: 12px 15px; position: relative; } .mega-menu-inner { max-width: 100%; margin: 0 auto; display: flex; padding: 20px 0px; gap: 20px; } .mega-menu-post { width: 100%; flex-direction: row-reverse; display: flex; gap: 20px; background-color: transparent; border: none; } .mega-menu-post .img-wrap { width: 40%; text-align: right; } .mega-menu-post .img-wrap img { -o-object-fit: cover; object-fit: cover; width: 100%; aspect-ratio: 1; height: auto; border-radius: 30px; } .mega-menu-post .text-wrap { padding: 14px 0; width: 60%; } .mega-menu-post .desc, .mega-menu-post .desc p { font-family: var(--font-semi); font-weight: 300; } .mega-menu-post .desc { margin-bottom: 20px; } .text-wrap .link_btn:focus-visible { outline: 1px solid var(--Dark_Teal_Green); outline-offset: 4px; background-color: transparent; box-shadow: none; } .text-wrap .link_btn:active { background-color: transparent; color: var(--Dark_Teal_Green); } .text-wrap .link_btn:hover span:not(.material-symbols-outlined) { text-decoration: underline; } .text-wrap .link_btn:hover { background-color: transparent; } .text-wrap .link_btn { border: none; position: relative; text-decoration: none; font-family: var(--Fira_sans) !important; font-size: 20px; font-weight: 600 !important; line-height: 26px; border-radius: 8px; color: var(--Dark_Teal_Green); transition: all 0.3s; padding-top: 0; padding-bottom: 0; } .mega-menu-post a { font-family: var(--font-book); font-weight: 700; } .mega-menu-list ul > li.has-submenu a.focus-visible + .submenu { display: flex !important; } .has-megamenu.active .mega-menu .has-submenu.active .submenu.active { opacity: 1; pointer-events: all; visibility: visible; display: flex !important; } .has-megamenu.active .mega-menu .has-submenu.active .submenu.active[style="display: none;"] { display: none !important; } .mega-menu .submenu { visibility: hidden; display: flex; height: auto !important; gap: 19px; opacity: 0; pointer-events: none; } .mega-menu .submenu ul li a[data-focus-visible-added], .mega-menu .submenu ul li a:hover { background-color: var(--Dark_Teal_Green); color: var(--White); } .mega-menu .submenu ul li a { color: var(--brand-black); font-family: var(--font-book); font-size: 16px; font-weight: 500; line-height: 33px; padding-bottom: 10px; } .mega-menu .submenu ul { width: 204px; display: flex; gap: 0px; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .header-bottom ul li.has-megamenu > a.focus-visible-main, .header-bottom ul li.has-megamenu > a.focus-visible, .header-bottom ul li.has-megamenu:hover > a, .header-bottom ul li.has-megamenu.active > a { color: var(--brand-red); font-weight: bold; border-color: var(--Palm_Beach_Green); } .search-bar-popup-mobile { padding: 20px 25px; } .submenus { width: 25%; } .search-bar-toggle, .mobile-search-bar-toggle { display: inline-flex; align-items: center; justify-content: center; position: relative; } .mobile-search-bar-toggle.active a { pointer-events: none; } .mobile-search-bar-toggle.active a > .close { opacity: 1; pointer-events: all; } .mobile-search-bar-toggle a > .close { font-size: 25px; opacity: 0; position: absolute; right: 70px; transition: 0.3s; } .submenu > ul { width: 100% !important; gap: 5px !important; padding-left: 0; } .submenu > ul > li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; width: 100%; } .submenu > ul > li > a { background: var(--Palm_Beach_Green); color: var(--Dark_Teal_Green); font-family: var(--Inter) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 22px !important; border-bottom: 0; padding: 12px 15px; display: block; } .mega-menu-posts { width: 42%; max-width: 320px; margin-left: auto; } @media (min-width: 1300px) { .mega-menu-posts { max-width: 440px; } } .mega-menu-post .desc p, .mega-menu-post .desc { color: var(--Black); font-family: var(--Inter); font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; } /* responsive menu css */ @media (min-width: 1025px) { .mobile-header { display: none; } } @media (max-width: 1024px) { .menuactive { overflow: hidden; } .header-top, .header-bottom { display: none; } .menuactive .mobile-header-main { opacity: 1; pointer-events: all; } .mobile-header-main, .mobile-navigation-submenu { opacity: 0; pointer-events: none; visibility: hidden; } .menuactive .mobile-header-main, .menuactive .mobile-navigation-submenu { opacity: 1; pointer-events: all; visibility: visible; } body:not(.menuactive) .mobile-header { height: 101px; background-color: var(--interface-white); } body:not(.menuactive) .mobile-header .container { height: 101px; } .mobile-header { width: 100%; } .mobile-header .container { height: 100%; } .menuactive .mobile-header { height: 100vh; overflow-x: auto; } .mobile-header .inner { display: flex; align-items: center; justify-content: space-between; min-height: 101px; } .mobile-header .site-logo { width: auto; height: 91px; display: flex; position: relative; } .mobile-header .site-logo img.dark { display: none; } .menuactive .mobile-header .site-logo img.light { display: none; } .menuactive .mobile-header .site-logo img.dark { display: block; } .hamburger-toggle span { width: 28px; height: 3px; background-color: var(--Black); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: 0.3s; } .hamburger-toggle { cursor: pointer; display: inline-flex; flex-direction: column; justify-content: space-between; width: 28px; height: 19px; border: none; background-color: transparent; padding: 0; } .hamburger-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(0px, 3px); transform-origin: left top; } .hamburger-toggle.active span:nth-child(2) { transform: translateX(10px); opacity: 0; } .hamburger-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(2px, -4px); transform-origin: left top; } .menuactive .mobile-header { background-color: var(--Medium_Teal_Green); } .menuactive .hamburger-toggle span { background-color: var(--White); } .mobile-header .navigation ul { display: flex; flex-direction: column; gap: 39px; } .mobile-header .navigation ul li a::after { transition: 0.3s; position: relative; top: 3px; content: ""; width: 16px; height: 16px; display: inline-flex; filter: brightness(0) invert(); background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: 10px; -webkit-filter: brightness(0) invert(); } .mobile-header .navigation ul li a { color: var(--Medium_Teal_Green); font-family: var(--Inter); font-size: 24px; font-weight: 500; line-height: 17px; padding: 12px 15px !important; } .mobile-header-main { margin-top: 17px; display: flex; flex-direction: column; height: 100%; } .mobile-header .other-links { margin-top: 48px; } .mobile-header .other-links ul { display: flex; flex-direction: column; gap: 16px; } .mobile-header .other-links ul li a { color: var(--interface-white); font-family: var(--font-book); font-size: 20px; font-weight: 500; line-height: 22px; display: flex; align-items: center; gap: 10px; } .mobile-header .other-links ul li a .icon { filter: brightness(0) invert(); -webkit-filter: brightness(0) invert(); } .mobile-header .other-links-width-icon { margin-top: 40px; } .mobile-header .other-links-width-icon ul { display: flex; flex-direction: column; gap: 15px; } .mobile-header .other-links-width-icon ul li a svg { filter: brightness() invert(); height: 20px; display: flex; aspect-ratio: 1; -webkit-filter: brightness() invert(); } .mobile-header .other-links-width-icon ul li a { display: flex; align-items: center; gap: 12px; color: var(--interface-white); font-family: var(--font-med); font-size: 18px; font-weight: 500; line-height: 22px; } .mobile-header .bottom-link-bar { display: flex; margin-left: -30px; margin-right: -30px; margin-top: auto; } .mobile-header .bottom-link-bar .bottom-link { flex: 1; border: 1px solid var(--brand-black); min-width: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; font-size: 20px; line-height: 20px; } .mobile-header .bottom-link-bar .bottom-link:focus { box-shadow: 0 0 0 5px var(--brand-black), 0 0 0 6px var(--brand-red); } .mobile-header .last-links { margin-top: 33px; margin-left: -30px; margin-right: -30px; } .mobile-header .last-links a { border-top: 1px solid var(--interface-white); } .mobile-header .last-links a { min-height: 49px; display: flex; padding: 10px 20px; align-items: center; justify-content: space-between; gap: 12px; color: var(--interface-white); font-family: var(--font-med); font-size: 18px; font-weight: 500; line-height: 22px; } .mobile-navigation-submenu .submenu-header { display: flex; align-items: center; gap: 7px; padding: 13px 20px 23px 20px; border-bottom: 1px solid var(--Palm_Beach_Green); margin-left: -30px; margin-right: -30px; } .mobile-navigation-submenu .submenu-header .text { color: var(--Interface-Colors-White, #fff); font-family: var(--Fira_sans); font-size: 24px; font-style: normal; font-weight: 600; line-height: 26px; } .mobile-navigation-submenu .submenu { padding: 18px 0; } .mobile-navigation-submenu .submenu-li.active .submenu-a { background-color: var(--brand-red); padding-left: 30px; padding-right: 30px; margin-right: -30px; margin-left: -30px; padding-top: 10px; } .mobile-navigation-submenu .submenu-li.active .submenu-a::after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); right: 30px; } .mobile-navigation-submenu .submenu-a::after { position: relative; content: ""; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; right: 25px; top: 50%; transform: translateY(-50%); transition: all 0.3s; display: inline-block; vertical-align: middle; } .mobile-navigation-submenu .submenu-li .submenu-s { background-color: var(--brand-red); padding: 0px 30px 10px; margin-left: -30px; margin-right: -30px; display: none; } .mobile-navigation-submenu .submenu-li.active .submenu-s { display: block; margin-bottom: 10px; } .mobile-navigation-submenu .submenu-a { position: relative; color: var(--White); font-family: var(--Fira_sans); font-size: 24px; font-weight: 600; line-height: 26px; display: block; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; text-decoration: none; } .mobile-navigation-submenu .submenu-sli { list-style: none; } .mobile-navigation-submenu .submenu-slia { color: var(--interface-white); font-family: var(--font-book); font-size: 20px; font-weight: 500; line-height: 22px; padding-bottom: 12px; display: flex; } header { min-height: auto; } .mobile-header-main .has-submenu-sub .submenu-sub { display: none; } .mobile-header-main .has-submenu-sub .submenu-sub ul { display: flex; flex-direction: column; gap: 0px; padding-left: 0; } .mobile-header-main .has-submenu-sub .submenu-sub ul li a[data-focus-visible-added], .mobile-header-main .has-submenu-sub .submenu-sub ul li a:hover { text-decoration: underline; } .mobile-header-main .has-submenu-sub .submenu-sub ul li a { background-color: var(--Light_Gray_Background); padding: 12px 15px; transition: 0.3s; font-size: 18px; font-weight: 500; line-height: 25px; letter-spacing: -0.188px; min-height: 48px; display: flex; outline-color: transparent; } .mobile-header-main .navigation .has-submenu-sub > a .material-symbols-outlined { transition: 0.3s; } .mobile-header-main .navigation .has-submenu-sub > a.active .material-symbols-outlined { transform: rotate(90deg); } .mobile-header-main .navigation .has-submenu-sub > a.active::after { transform: rotate(90deg); } .mobile-header-main .navigation .has-submenu-sub > a { display: flex; } .mobile-header-main .navigation a.focus-visible { outline-offset: 0px; } .mobile-header-main .navigation .has-submenu-sub > a { justify-content: space-between; } .mobile-header-main .navigation .has-submenu-sub > a::after { content: ""; display: inline-flex; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJNYXNrIiBkPSJNNy43IDcuN0wxLjcgMTMuN0MxLjUgMTMuOSAxLjMgMTQgMSAxNEMwLjcgMTQgMC41IDEzLjkgMC4zIDEzLjdDLTAuMSAxMy4zIC0wLjEgMTIuNyAwLjMgMTIuM0w1LjYgN0wwLjMgMS43Qy0wLjEgMS4zIC0wLjEgMC43IDAuMyAwLjNDMC43IC0wLjEgMS4zIC0wLjEgMS43IDAuM0w3LjcgNi4zQzguMSA2LjcgOC4xIDcuMyA3LjcgNy43WiIgZmlsbD0iIzBmNGE1NCIvPgo8L3N2Zz4K); width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: auto; -webkit-filter: brightness(0) invert(); filter: brightness(0) invert(); margin-left: auto; display: none; } } /************* / header ***********/ /************* Footer ***********/ .ftr { background: var(--Dark_Teal_Green); padding: 50px 0 50px 0; margin-top: 5rem; } .ftrlogo { margin: 0 0 40px 0; width: 100%; } .ftrlogo ~ p { margin-bottom: 16px !important; } .ftrmain p { color: var(--White); font-family: var(--Inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22.4px; margin: 0; } .ftrmain h2 a:focus, .ftrmain h2 a:hover { text-decoration: underline; } .ftrmain h2 a { outline-color: var(--White); text-decoration: none; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; } .ftrmain h2 { color: var(--White); font-family: var(--Fira_sans); font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; letter-spacing: 0px; margin: 0 0 10px 0; } .ftrcol ul { padding: 0; margin: 0; } .ftrcol ul li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; list-style: none; } .ftrcol ul li a { color: var(--White); font-family: var(--Inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22.4px; text-decoration: none; } /* .ftrbtom { justify-content: space-between; flex-direction: row-reverse; align-items: center; width: 60%; margin-left: 40%; display: flex; } */ .ftrbtom p { color: var(--White); text-align: center; font-family: var(--Inter); font-size: .88rem; /* font-style: normal; font-weight: 400; line-height: 22.4px; margin: 0;*/ } .custsocialicon ul { padding: 0; display: flex; gap: 25px; margin: 2rem 0; align-items: center; } .custsocialicon ul li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; list-style: none; } /************* / Footer ***********/ .asmartsec { width: 100%; } .asmartsecmain { --bs-gutter-x: 50px; --bs-gutter-y: 0; } .asmartsecmainlft { padding-top: 80px; padding-bottom: 80px; } @media (min-width: 1430px) { .asmartsecmainlft { padding-right: 30px; } .asmartsecmainRt { margin-left: -30px; } } .asmartsecmainRt { position: relative; padding-bottom: 80px; display: flex; } .asmartsecmainlft h1 { margin: 0; color: var(--Dark_Teal_Green); font-family: var(--Roc_grotesk); font-size: 86px; font-style: normal; font-weight: 700; line-height: 88px; text-transform: capitalize; } .smartbg { position: relative; } .smartbg:after { position: absolute; bottom: 0; left: 0; content: ""; background: var(--Palm_Beach_Green); width: 100%; height: 78%; z-index: -1; } .textstart { font-size: 128px; margin: 10px 0px 0 30px; display: inline-block; } .asmartsecmainlft p { /* color: var(--Black); */ /* font-family: Inter; */ /* font-size: 22px; */ /* font-style: normal; */ /* font-weight: 400; */ /* line-height: 1.273; */ margin: 20px 0 60px 0; margin: 1.125rem 0 3.375rem 0; } .custvideobg { width: 100%; position: relative; display: flex; border-radius: 20px; overflow: hidden; } .asmartsec .custvideobg { border-radius: 0; } .custvideobg img { width: 100%; } .onlinebanner_colimg .playicon a { display: flex; outline-color: var(--White); } .playicon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .selfyimg img { z-index: 1; pointer-events: none; position: absolute; right: 0; bottom: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; } .playing .custvideobg img { opacity: 0; pointer-events: all; } .videooverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1002; cursor: pointer; } /* Styles for the video popup */ .videoPopup .videoPopupClose.focus-visible { outline-color: var(--White) !important; } .videoPopup .videoPopupClose { position: absolute; top: -30px; right: -30px; width: 30px; height: 30px; background-color: transparent; border: none; } .videoPopup .videoPopupClose .material-symbols-outlined { font-size: 30px; color: #fff; } .videoPopup .videoPopupClose::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-position: center; background-size: auto; background-repeat: no-repeat; -webkit-filter: invert(); filter: invert(); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTM0Mi42IDE1MC42YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDE5MiAyMTAuNyA4Ni42IDEwNS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM0wxNDYuNyAyNTYgNDEuNCAzNjEuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMEwxOTIgMzAxLjMgMjk3LjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBzMTIuNS0zMi44IDAtNDUuM0wyMzcuMyAyNTYgMzQyLjYgMTUwLjZ6Ii8+PC9zdmc+); display: none; } .videoPopup iframe { width: 100%; aspect-ratio: 850/478; height: auto; } .videoPopup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; max-width: 850px; height: auto; z-index: 1003; } .wheretostartsec { text-align: center; width: 100%; background: linear-gradient(180deg, var(--Dark_Teal_Green) 0%, rgba(34, 183, 174, 0) 100%); } .wheretostartmain .heading2 { /* margin: 0 0 20px 0; */ } .wheretostartmain .heading2, .wheretostartmain p { color: var(--White); } .wheretostartmain p { margin-bottom: 0; color: var(--White); text-align: center; /* font-family: Inter; */ font-size: 1rem; /* font-style: normal; */ /* font-weight: 400; */ /* line-height: 28px; */ } .wheretostartmain { padding: 100px 0 100px 0; display: flex; flex-direction: column; gap: 20px; } .wheretostartBoxs { --bs-gutter-x: 50px; --bs-gutter-y: 0; margin-top: 40px; padding: 0 10%; } .wheretostartbox { margin-top: 20px; } .wheretostartboximg { margin: 0 0 30px 0; } .wheretostartboximg img { border-radius: 50%; } .wheretostartbox .primary_btn { width: 100%; } .monthSec { width: 100%; display: flex; padding: 50px 0; } .monthbox { text-decoration: none; width: 100%; --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; } .monthboxLft { background: var(--Light_Blue); padding: 40px 20px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .monthbox2 .monthboxLft { background: var(--Blue_Background); } .monthbox3 .monthboxLft { background: var(--Violet_Background); } .monthboxLftday { color: var(--Dark_Teal_Green); text-align: center; font-family: Inter; font-size: 22px; font-style: normal; font-weight: 700; line-height: 28px; width: 100%; display: inline-block; margin: 0 0 10px 0; } .monthboxLftmonth { color: var(--Dark_Teal_Green); text-align: center; font-family: var(--oswald); font-size: 42px; font-style: normal; font-weight: 700; line-height: 1.1; width: 100%; display: inline-block; margin: 10px 0 20px 0; } .monthboxLftdate { color: var(--Dark_Teal_Green); text-align: center; font-family: var(--oswald); font-size: 64px; font-style: normal; font-weight: 700; line-height: 34px; width: 100%; display: inline-block; margin-bottom: 20px; font-size: 3.3rem; } .monthboxRt { background: var(--Light_Green_1); padding: 20px; } .monthboxRt h2 { color: var(--Dark_Teal_Green); font-family: var(--Fira_sans); font-size: 32px; font-style: normal; font-weight: 600; line-height: 44px; margin: 0 0 15px 0; } .monthboxRt p { color: var(--Dark_Teal_Green); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; margin: 0 0 30px 0; } /********************/ .owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-controls .owl-nav [class*="owl-"] { color: var(--White); font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background: #869791; color: var(--White); text-decoration: none; } .owl-theme .owl-controls .owl-nav .disabled { opacity: 0.35; cursor: default; } .owl-theme .owl-dots { display: flex; gap: 13px; flex-wrap: wrap; } .owl-theme .owl-dots .owl-dot { display: inline-block; padding: 0; border: none; background-color: transparent; } .owl-theme .owl-dots .owl-dot span { width: 11px; height: 11px; margin: 0px; border: 1px solid var(--Medium_Blue) !important; display: block; -webkit-backface-visibility: visible; backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: var(--Medium_Blue) !important; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0, 0); -webkit-transform: translate3d(0px, 0, 0); } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; /* cursor: hand; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: var(--Black); } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .monthboxmain .owl-dots { display: flex; gap: 13px; flex-wrap: wrap; } .monthboxmain .owl-nav { display: none !important; } .careerpathways { width: 100%; display: flex; padding: 50px 0; } .careerpathwayshead { display: flex; flex-direction: column; } .careerpathwayshead .heading2 { color: var(--Dark_Teal_Green); /* margin-bottom: 0; */ } .careerpathwayshead .link_btn { position: relative !important; bottom: 0 !important; right: 0 !important; } .careerpathwayshead p { /* color: var(--Black); */ /* font-family: var(--Inter); */ /* font-size: 18px; */ /* font-style: normal; */ /* font-weight: 400; */ /* line-height: 22px; */ } .careerpathwayssldr { width: 100%; margin: 30px 0 0 0; display: flex; flex-direction: column; gap: 20px; } .careerpathwayssldrcol { --bs-gutter-x: 20px; --bs-gutter-y: 20px; } .careerpathwaysboxmnfull > .row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; } .careerpathwaysboxmnfull { text-decoration: none; --bs-gutter-x: 20px; --bs-gutter-y: 20px; background: var(--Light_Gray_Background); padding: 20px; min-height: 252px; } .careerboxmnfulllft img { width: 100%; border-radius: 20px; } .careerboxmnfullRt { display: flex; flex-direction: column; gap: 10px; align-items: baseline; } .careerboxmnfullRt .link_btn .material-symbols-outlined { transition: all 0.3s; background-repeat: no-repeat; } .careerbox50 { display: flex; --bs-gutter-x: 20px; --bs-gutter-y: 20px; } .careerbox50 .careerpathwaysboxmnfull { flex-direction: column; } .careerbox50 .careerpathwaysboxmnfull .row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; } .careerbox50 .careerboxmnfulllft, .careerbox50 .careerboxmnfullRt { width: 100%; } .careerpathwayssldr .owl-prev.disabled, .careerpathwayssldr .owl-next.disabled { opacity: 0.35; } .careerpathwayssldr .owl-prev, .careerpathwayssldr .owl-next, .imgslider .owl-prev, .imgslider .owl-next, .griddedsec .owl-controls .owl-prev, .griddedsec .owl-controls .owl-next { background: var(--Palm_Beach_Green) url(/_resources/images/chevronleft.png) !important; padding: 15px !important; background-repeat: no-repeat !important; background-position: center !important; font-size: 0 !important; width: 40px !important; height: 40px !important; transition: 0.3s; border-radius: 0 !important; border: none; } .careerpathwayssldr .owl-next, .imgslider .owl-next, .griddedsec .owl-controls .owl-next { background: var(--Palm_Beach_Green) url(/_resources/images/chevronright.png) !important; background-repeat: no-repeat !important; background-position: center !important; } button { cursor: pointer; } .careerpathwayssldr .owl-theme .owl-nav { position: absolute; display: flex; gap: 24px; flex-wrap: wrap; width: auto !important; right: 0 !important; top: -80px !important; } .careerpathwayssldr .owl-dots { display: none !important; } .careerrespocarousel-swiper-container { display: none; } #careerrespocarousel .careerpathwaysboxmnfull { flex-direction: column; } #careerrespocarousel .careerboxmnfulllft, #careerrespocarousel .careerboxmnfullRt { width: 100%; } #careerrespocarousel .owl-nav { display: none; } #careerrespocarousel .owl-dots { display: block !important; } #careerrespocarousel .careerboxmnfullRt .link_btn br { display: none; } #careerrespocarousel .careerboxmnfulllft img { height: 250px; -o-object-fit: cover; object-fit: cover; } /* .careerrespocarousel-swiper-container { display: none; } */ .quickGuide { width: 100%; background: var(--Dark_Teal_Green); position: relative; overflow: hidden; } .quickGuide::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0.7; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background-attachment: fixed !important; background: url(/_resources/images/quickguidebg.jpg); } .quickGuide .row { z-index: 2; position: relative; } .quickGuide { padding: 100px 0; } .quickGuidemainhd { width: 100%; /* margin: 0 0 30px 0; */ } .quickGuidemainhd h2 { color: var(--White); /* margin: 0 0 20px 0; */ } .quickGuidemainhd h3 { color: var(--White); font-family: var(--Inter); font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: 0.56rem; margin-bottom: 3rem; } .tabsbtn { padding: 0 0 40px 0; border-bottom: 3px solid var(--White); } .tabsbtn .row { --bs-gutter-x: 50px; --bs-gutter-y: 50px; } .tabsbtn .tab.focus-visible { outline-color: var(--White); } .tabsbtn .tab { transition: 0.3s; text-decoration: none; display: flex; padding: 25px 50px; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 50px; background: var(--Medium_Blue); color: var(--White); cursor: pointer; text-align: center; font-family: var(--Fira_sans); font-size: 24px; font-style: normal; font-weight: 600; line-height: 26px; } .tabsbtn .tab:focus, .tabsbtn .tab:hover, .tabsbtn .tab.active { color: var(--Dark_Teal_Green); background: var(--White); } .tabcon { display: flex; --bs-gutter-x: 40px; --bs-gutter-y: 20px; justify-content: space-between; padding-top: 70px; } .tabcon ul { padding: 0; margin: 0; display: flex; gap: 20px; flex-direction: column; } .tabcon ul li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; list-style: none; color: var(--White); font-family: var(--Inter); font-size: 24px; font-style: normal; font-weight: 600; line-height: 28px; } .tabconCol3 { display: flex; justify-content: center; gap: 30px; } .tabconCol3lft { display: flex; justify-content: center; flex-direction: column; align-items: center; } .tabconCol3lft .link_btn { color: var(--White); justify-content: center; display: flex; align-items: center; gap: 7px; padding: 0; white-space: nowrap; } .tabconCol3lft > .material-symbols-outlined { font-size: 42px; color: #fff; margin-bottom: 3px; } .tabconCol3lft > svg { margin-bottom: 10px; } .tabconCol3lft .link_btn:after { display: none; } .tabconCol3Rt img { border-radius: 20px; height: auto; } .tab-content { display: none; } .tab-content.active { display: block; } .bpsconlinemain1imgrespo { display: none; width: 100%; padding-bottom: 30px; } .bpsconlinemain1imgrespo img { width: 100%; } .bpsconlinemain { padding-top: 100px; padding-bottom: 100px; } .bpsconlinemain1 { align-items: center; --bs-gutter-x: 50px; --bs-gutter-y: 0; } .bpsconlinemain1img img { width: 100%; height: auto; } .bpsconlinemainCont { padding: 40px; } .bpsconlinemainCont h2 { color: var(--Dark_Teal_Green); margin: 0 0 20px 0; } .bpsconlinemainCont p { color: var(--Black); font-family: var(--Inter); font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; margin: 0 0 20px 0; } .bpsconlinemain2 { margin-top: 100px; } .bpsconlinemain2 .custvideobg { width: 80%; } .bpsconlinemain2 .bpsconlinemainCont { padding: 0; } .bpsconlinemain2 .link_btn { margin: 0 0 15px 0; text-align: left; } .bpsconlinemain2 .bpsconlinemainCont div:last-child .link_btn { margin: 0 0 0px 0; } .bpsconlinemain2 .link_btn span:first-child { font-size: 21px; } .bpsconlinemain2 .link_btn span:last-child { font-size: 22px; } .makeRt { width: 100%; display: flex; gap: 20px; justify-content: right; } .yellowbox { display: flex; flex-direction: column; justify-content: end; align-items: end; gap: 15px; width: 18%; } .yellowbox > img { width: 100px; } .partnership img { border-radius: 20px; } .makeRtbtm { width: 100%; display: flex; gap: 20px; margin: 20px 0 0 0; justify-content: right; } .makeRtbtm > img { width: 160px; height: 60px; } .box40 { display: inline-block; width: 20px; height: 20px; background: var(--Blue_Background); } .statsImpact { width: 100%; padding: 20px 0 100px 0; } .statsImpact h2 { color: var(--Dark_Teal_Green); margin: 0 0 20px 0; } .statsImpactmain .row { --bs-gutter-x: 16px; --bs-gutter-y: 16px; } .statsImpactmainboxCont { width: 100%; background: var(--Light_Gray_Background); padding: 20px; } .statsImpactNumb { font-family: "Libre Franklin", sans-serif; color: var(--Medium_Blue); font-size: 112px; font-style: normal; font-weight: 700; line-height: 140px; } .statsImpactmainboxCont h3 { color: var(--Dark_Teal_Green); font-family: var(--Fira_sans); font-size: 24px; font-style: normal; font-weight: 600; line-height: 26px; margin: 0 0 20px 0; } .statsImpactmainboxCont p { color: var(--Black); font-family: var(--Inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22.4px; margin: 0 0 15px 0; } .statsImpactContImg .row { --bs-gutter-x: 16px; --bs-gutter-y: 16px; } .statsimg img { -o-object-fit: cover; object-fit: cover; border-radius: 20px; border-radius: 31px; width: 100%; height: auto; } .statsimg { height: 100%; display: flex; } .statsImpactboxs { --bs-gutter-x: 15px; --bs-gutter-y: 0; } .statsImpactboxsRt { display: flex; gap: 16px; flex-direction: column; } .statsImpactmain2 { text-align: right; flex-direction: row; } .statsImpactmain3 { flex-direction: row; } .statsImpactmain3 .statsImpactContImg { flex-direction: column; } .statsImpactmain3 .statsImpactContImg .row { --bs-gutter-x: 16px; --bs-gutter-y: 16px; } .statsImpactmain3 .statsImpactmainboxCont { text-align: right; } .statsImpactmain3 .statsimg img { -o-object-fit: cover; object-fit: cover; height: 191px; } .smallblurb { width: 100%; padding: 100px 0; background: var(--Light_Gray_Background); } .smallblurbmain { text-align: center; display: flex; flex-direction: column; gap: 20px; } .smallblurbbox { --bs-gutter-x: 20px; --bs-gutter-y: 20px; padding-left: 15%; padding-right: 15%; } @media (max-width: 1200px) { .smallblurbbox { padding-left: 5%; padding-right: 5%; } } .smallblurbmain h4 { color: var(--Dark_Teal_Green); text-align: center; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 600; line-height: 26px; margin-bottom: 0; } .featuredNews { width: 100%; padding: 100px 0; } .featuredNewsmain { width: 100%; display: flex; gap: 15px; } .featuredNewsmainbox { text-decoration: none; background: var(--Light_Gray_Background); } .featuredNewsmain h4 { color: var(--Dark_Teal_Green); font-family: var(--Fira_sans); font-size: 24px; font-style: normal; font-weight: 600; line-height: 26px; padding: 20px; min-height: 100px; } .featuredNews .careerpathwayshead { display: flex; align-items: center; flex-direction: row; justify-content: space-between; } .featuredNews .link_btn { display: flex; justify-content: center; align-items: center; } .featuredNewsmainboxImg { display: flex; max-height: 12rem !important; height: 12rem !important; overflow: hidden !important; } .featuredNewsmainboxImg img { width: 100%; -o-object-fit: cover; object-fit: cover; max-height: 12rem !important; height: 12rem !important; } .featuredNewsmain .owl-nav { display: none; } .savedatebox { --bs-gutter-x: 15px; --bs-gutter-y: 15px; } .savetheDatemain { --bs-gutter-x: 20px; --bs-gutter-y: 20px; } .savetheDatebox .heading3 { /* margin-bottom: 0; */ color: var(--Dark_Teal_Green); } .savetheDatebox .careerpathwayshead { flex-direction: row; justify-content: space-between; align-items: center; margin: 0 0 20px 0; } .savedateboxmain { background: var(--Light_Gray_Background); padding: 20px; justify-content: space-between; display: flex; flex-direction: column; min-height: 293px; } .savedatetxt { /* width: 10%; */ color: var(--Medium_Blue); font-family: var(--oswald); font-size: 32px; font-style: normal; font-weight: 700; line-height: 34px; margin: 0 0 0px 0; } .savedatetxt span { display: block; } .savedateboxmain p a:hover { text-decoration: underline; color: var(--Dark_Teal_Green); } .savedateboxmain .desc { /* width: 70%; flex: auto; */ flex: 2; } .savedateboxmain p a { color: inherit; text-decoration: none; } .savedateboxmain p { color: var(--Dark_Teal_Green); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; margin: 0 0 20px 0; } .custonline { background: var(--Medium_Blue); border-radius: 40px; padding: 5px 20px; color: var(--White); font-size: 14px; /* line-height: 19px; */ font-family: var(--Inter); white-space: pre; } .savedateboxmain3 .custonline { background: var(--Dark_Teal_Green); } .savedateboxmain h5 { color: var(--Dark_Teal_Green); font-family: var(--Fira_sans); font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; } .savedateboxmain.active { background: var(--Palm_Beach_Green); } .savedateboxmain.active .savedatetxt { color: var(--Dark_Teal_Green); } .fetureEvents .savedateboxmain { display: flex; /* justify-content: space-between; */ padding: 10px 20px; align-items: center; flex-direction: row; min-height: inherit; /* flex-flow: unset; */ } .fetureEvents .custonline { transition: 0.3s; background: var(--White); color: var(--Black); height: 30px; font-weight: 600; } .fetureEvents .savedatetxt { /* font-size: 24px; line-height: 34px; flex: auto; width: 7rem; */ flex: 1; } .fetureEvents .savedatetxt span { font-size: 32px; line-height: 34px; } .fetureEvents p { margin: 0; } .studentSuccess { text-align: center; padding: 100px 0; } .studentSuccess .link_btn { display: inline-flex; gap: 4px; align-items: center; width: auto; color: var(--Medium_Blue); padding: 0; } .studentSuccess .link_btn img { display: inline-block; vertical-align: middle; } .studentSuccess .link_btn:after { display: none; } .studentSuccess .link_btn svg { vertical-align: middle; display: inline-block; } .studentSuccess .careerpathwayshead { display: inline-block; margin: 0 0 30px 0; } .studentSuccessbox .playicon { background: var(--Overlays-Teal-Gradient-Overlay, linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, var(--Dark_Teal_Green) 100%)); width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: end; flex-direction: column; padding: 30px; transition: 0.3s; } .studentSuccessbox.playing .playicon { opacity: 0; } .studentSuccessbox .playicon a { outline-color: var(--White); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .studentSuccessbox h3 { color: var(--White); text-align: center; font-family: var(--Fira_sans); font-size: 24px; font-style: normal; font-weight: 600; line-height: 1.1; width: 100%; margin: 0 0 10px 0; } .studentSuccessbox p { color: var(--White); text-align: center; font-family: var(--Inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.4; width: 100%; margin-bottom: 0; } .studentSuccessmain { width: 100%; display: flex; gap: 20px; justify-content: center; } .stayConnected { padding: 50px 0; } .stayConnected > .container-fluid > .row { --bs-gutter-y: 20px; } .stayConnected .custsocialicon ul li img { -o-object-fit: contain; object-fit: contain; } .stayConnected .custsocialicon ul li a svg rect { stroke: var(--Black); } .stayConnected .custsocialicon ul li a svg rect circle { fill: var(--Black); background: var(--Black); } .stayConnected .custsocialicon ul li a svg path { stroke: var(--Black); } .stayConnected .careerpathwayshead { gap: 10px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; } .custStartsecLft img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .custStartsecmain2 .custStartsecLft img { height: auto; aspect-ratio: 1; /* border-radius: 50%; */ } .custStartsecmain { --bs-gutter-x: 0; --bs-gutter-y: 0; } .custStartsecmain > .row { --bs-gutter-x: 0; --bs-gutter-y: 0; } .custStartsecRt { padding: 100px; } .custStartsec { width: 100%; padding: 100px 0; } .custStartsecRt .heading2 { color: var(--Dark_Teal_Green); font-family: var(--Roc_grotesk); font-size: 80px; font-style: normal; font-weight: 700; line-height: 82px; } .custStartsecRt .heading2 span { font-family: var(--kalam); display: inline-block; font-weight: 400; } .custStartsecRt p { /* color: var(--Black); */ /* font-family: var(--Inter); */ /* font-size: 22px; */ /* font-style: normal; */ /* font-weight: 400; */ /* line-height: 28px; */ /* margin: 0 0 30px 0; */ } .custStartsecRt .smartbg::after { position: absolute; top: 10px; left: 0; content: ""; background: var(--Palm_Beach_Green); width: 100%; height: 58%; z-index: -1; } .stayConnectedbox img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .stayConnectedbox h5 { color: var(--Dark_Teal_Green); font-family: var(--Fira_sans); font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; } .stayConnectedbox p { color: var(--Dark_Teal_Green); font-family: var(--Inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22.4px; margin: 0 0 20px 0; } .stayConnectedmain { width: 100%; display: flex; gap: 20px; flex-wrap: wrap; margin: 10px 0 0 0; } .stayConnectedCont { background: var(--Light_Green_1); padding: 20px; min-height: 273px; } .stayConnectedbox .twitter { text-align: right; position: absolute; bottom: 20px; right: 20px; } .darkblue .stayConnectedCont { background: var(--Dark_Teal_Green); } .darkblue .stayConnectedCont h5, .darkblue .stayConnectedCont p { color: var(--White); } .stayConnectedbox { position: relative; } .storybnrSec { width: 100%; padding-bottom: 100px; overflow: hidden; } .storybnr { background: var(--Dark_Teal_Green); padding: 50px 50px 50px 100px; position: relative; bottom: -70px; right: 0; margin-left: auto; z-index: 2; } .storybnr .primary_btn:hover { background: var(--Medium_Blue) !important; background: var(--Sea_Blue); } .storybnr:after { content: ""; background: var(--Dark_Teal_Green); left: 100%; height: 100%; width: 100vw; position: absolute; bottom: 0; } .storybnr h1 { color: var(--White); } .storybnr p { color: var(--White); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 400; line-height: 28px; margin: 20px 0; } .storybnrSecBg { background-size: cover !important; background-position: center !important; min-height: 550px; position: relative; display: flex; align-items: end; } .storybnrSecBg .wrapper { z-index: 2; } .storybnrSecBg::after { content: ""; width: 100%; height: 100%; background: url(/_resources/images/landing_bg.svg); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; opacity: 0.7; z-index: 1; } .storybnrmain { --bs-gutter-x: 0; --bs-gutter-y: 0; width: 100%; position: relative; display: flex; justify-content: flex-end; } .dotscarousal ul { padding: 0; display: flex; gap: 13px; margin-bottom: 0; justify-content: flex-end; } .dotscarousal ul li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; list-style: none; width: 11px; height: 11px; background: var(--Light_Blue); } .dotscarousal ul li.active { width: 64px !important; background: var(--Medium_Blue); } .dotscarousal ul li.dotbg { background: var(--Teal); } .custbreadcurmSec { /* Reduces vertical spacing to a maore pleasing presentation 1/7/25 - JD */ /* margin: 70px 0; */ margin: 3rem 0 3.8rem 0; } .custbreadcurm { align-items: center; } .custbreadcurmmain ul { padding: 0; display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 0; /*Capitalizes the first letter of all words within the breadcrumb system. 1/6/25 - JD */ text-transform: capitalize; } .custbreadcurmmain ul li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; list-style: none; text-align: center; font-family: var(--Fira_sans); font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; color: var(--Medium_Blue); display: flex; justify-content: center; align-items: center; } .custbreadcurmmain ul li:after { content: ""; margin: 0 0px 0 3px; background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block; font-family: "Material Symbols Outlined"; content: "chevron_right"; font-feature-settings: "liga"; font-weight: 300; font-size: 26px; } .custbreadcurmmain ul li:last-child:after { display: none; } .custbreadcurmmain ul li a .home { color: var(--Medium_Blue); font-size: 30px; } .custbreadcurmmain ul li a:hover { color: rgba(15, 74, 84, 1); cursor: pointer; } .custbreadcurmmain ul li a { text-decoration: none; text-align: left; display: flex; color: var(--Dark_Teal_Green); } .thisexpSec { width: 100%; display: flex; } .thisexpSecmain { display: flex; gap: 0 30px; flex-wrap: wrap; } .custnavgationmainnosdie .thisexpSecmain { gap: 0; } .thisexpSecmain .row { --bs-gutter-x: 30px; --bs-gutter-y: 30px; } .thisexpSecmain h2 { color: var(--Dark_Teal_Green); /* margin-bottom: 20px; */ } /* .thisexpSecmain p { color: var(--Black); font-family: var(--Inter); font-size: 22px; font-style: normal; font-weight: 400; line-height: 28px; margin-bottom: 15px; } */ .thisexpSecmain p a { color: var(--Medium_Blue); } .studentSuccessboxImg iframe { aspect-ratio: 400/612; width: 100%; height: auto; } .studentSuccessboxImg .custvideobg { border-radius: 40px; overflow: hidden; } .beginsec .custStartsecmain { align-items: center; } .beginsec .heading2 { margin-bottom: 20px; } .custimgslider { width: 100%; display: flex; } .custimgslidermain { width: 100%; display: flex; flex-direction: column; gap: 20px; } .custimgsliderbox1 { width: 100%; display: flex; gap: 20px; justify-content: center; } .custimgsliderbox2 { width: 100%; display: flex; gap: 20px; } .custimgsliderbox1 img, .custimgsliderbox2 img { width: 100%; height: 367px; -o-object-fit: cover; object-fit: cover; border-radius: 30px; } .custimgsliderimg1 { width: 40%; } .custimgsliderimg2 { width: 60%; } .imgslider { width: 80%; padding: 0 100px; margin: 0 auto; } .imgslider .owl-controls .owl-prev, .imgslider .owl-controls .owl-next, .griddedsec .owl-controls .owl-prev, .griddedsec .owl-controls .owl-next { position: absolute !important; left: 0; top: 50%; } .imgslider .owl-controls .owl-next, .griddedsec .owl-controls .owl-next { left: auto; right: 0 !important; } .degreestext { width: 100%; display: flex; gap: 10px; flex-direction: column; } .degreestextmain { width: 100%; display: flex; flex-direction: column; gap: 20px; } .degreestext h4 { color: var(--White); font-family: var(--Inter); font-size: 24px; font-style: normal; font-weight: 600; line-height: 26px; } .degreestext h4 span { color: var(--Light_Blue); } .degreestext P { color: var(--White); font-family: var(--Inter); font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; } .griddedsec { padding: 100px 0; } .griddedsec .owl-controls .owl-nav { display: block; } .griddedsec .owl-controls .owl-prev, .griddedsec .owl-controls .owl-next { top: 30%; } .griddedsec .owl-carousel { padding: 0 60px; } .griddedsec .careerpathwayshead { padding: 0 60px; align-items: baseline; margin-bottom: 30px; } .griddedtxt { padding: 10px 0px 0 0; background: var(--White); } .griddedtxt h3 { color: var(--Black); padding: 0 !important; min-height: auto !important; margin: 0 0 5px 0; } .presidenttext { font-family: var(--Inter); font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 0em; text-align: left; color: var(--Dark_Teal_Green); margin: 0 0 5px 0; } .griddedtxt .maillink a:hover { text-decoration: underline; } .griddedtxt .maillink a { text-decoration: none; color: var(--Black); font-family: var(--Inter); font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; } .quickLinksSec { width: 100%; background: var(--Light_Green_1); padding: 40px 0; } .quickLinksmain { display: flex; padding: 0 10%; } .quickLinksmain .heading3 { margin-bottom: 0px; } .quickLinksmain ul { padding-left: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; align-items: center; width: 100%; } .quickLinksmain ul li { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; list-style: none; } .quickLinksmain ul li a { display: inline-flex; flex-wrap: wrap; align-items: center; font-family: Fira Sans; font-size: 24px; font-weight: 600; line-height: 26px; letter-spacing: 0px; gap: 15px; text-align: left; color: var(--Black); text-decoration: none; position: relative; transition: all 0.3s; } .quickLinksmain ul li a::after { content: ""; transition: 0.3s; opacity: 0; font-family: "Material Symbols Outlined"; content: "arrow_circle_right"; font-feature-settings: "liga"; font-weight: 400; color: var(--Medium_Blue); filter: brightness(0); } .quickLinksmain ul li a.focus-visible, .quickLinksmain ul li a:focus, .quickLinksmain ul li a:hover, .quickLinksmain ul li a.active { color: var(--Medium_Blue); } .quickLinksmain ul li a.focus-visible:after, .quickLinksmain ul li a:focus:after, .quickLinksmain ul li a:hover:after, .quickLinksmain ul li a.active:after { opacity: 1; filter: brightness(1); } .contactTemplateSec .heading1 { margin-bottom: 0; color: var(--Dark_Teal_Green); } .contactTemplateSec { width: 100%; display: flex; background: var(--Light_Gray_Background); padding: 100px 0; } .contactTemplateMn { display: flex; gap: 20px; flex-direction: column; } .contactTemplateMn p { margin-bottom: 0; color: var(--Dark_Teal_Green); font-family: var(--Inter); font-size: 22px; font-style: normal; font-weight: 400; line-height: 28px; } .contactTemplatcol { --bs-gutter-x: 20px; --bs-gutter-y: 20px; } .contactTemplatcol1 .heading5 { color: var(--Dark_Teal_Green); margin: 0 0 10px 0; font-family: var(--Fira_sans); font-size: 24px; font-style: normal; font-weight: 600; line-height: 26px; letter-spacing: 0; } .contactTemplatcol1 p { color: var(--Dark_Teal_Green); font-family: var(--Inter); font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; margin: 0 0 10px 0; } .contactTemplatcol1 p span { font-weight: 600; } .contactTemplatcol1 p a.focus-visible, .contactTemplatcol1 p a:focus, .contactTemplatcol1 p a:hover { text-decoration: underline; } .contactTemplatcol1 p a { color: inherit; text-decoration: none; } .contactTemplatcol1 .link_btn { color: var(--Medium_Blue); margin: 0 0 20px 0; } .contactTemplatcol1 .link_btn img { vertical-align: middle; display: inline-block; } .contactTemplatcol1 .link_btn:after { display: none; } .custneedfurther { width: 100%; display: flex; padding: 80px 0; } .custneedfurtherMn { background: var(--Dark_Teal_Green); border-radius: 10px; display: flex; --bs-gutter-x: 20px; --bs-gutter-y: 0; } .custneedfurtherMn .primary_btn { outline-color: var(--White); } .custneedfurtherCont { padding: 100px; display: flex; gap: 20px; flex-direction: column; align-items: flex-start; justify-content: center; } .custneedfurtherCont .primary_btn:hover { background: var(--Sea_Blue) !important; } .custneedfurtherCont h2 { margin-bottom: 0; color: var(--White); } .custneedfurtherCont p { color: var(--White); font-family: var(--Inter); font-size: 22px; font-style: normal; font-weight: 400; line-height: 28px; } .custneedfurtherRt { display: flex; align-items: flex-end; } .custneedfurtherRt img { display: flex; } .bellegladeSec { width: 100%; padding: 20px 0 100px 0; } .belleglademain { --bs-gutter-x: 50px; --bs-gutter-y: 50px; } .belleglademainbox { --bs-gutter-x: 50px; --bs-gutter-y: 50px; } .belleglademainboxLft iframe { width: 100%; height: 428px; } .belleglademainboxRt { display: flex; gap: 27px 20px; flex-direction: column; justify-content: space-between; padding: 0 0 20px 0; } .belleglademainboxRt h2 { margin-bottom: 0; color: var(--Dark_Teal_Green); } .belleglademainboxRt p { margin-bottom: 0; color: var(--Dark_Teal_Green); font-family: var(--Inter); font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; } .bellegladelinks { width: 100%; display: flex; gap: 10px; flex-direction: column; align-items: flex-start; } .bellegladelinks .link_btn { color: var(--Medium_Blue); } .medium_blue_btn { position: relative; text-decoration: none; font-family: var(--Fira_sans); font-size: 20px; font-weight: 600; line-height: 26px; padding-right: 32px; color: var(--Medium_Blue); transition: all 0.3s; position: relative; } .medium_blue_btn::after { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s; font-family: "Material Symbols Outlined"; content: "arrow_circle_right"; font-feature-settings: "liga"; font-size: 24px; font-weight: 400; } .griddedbnr { padding-bottom: 30px; } .griddedbnr .storybnr { bottom: 0; padding: 40px 140px 40px 0; } .griddedbnr .storybnr::after { left: auto; right: 100%; display: none; } .griddedbnr .storybnrmain { padding: 50px 0; } .griddedrt { position: relative; z-index: 1; } .griddedrt img { display: block; margin-left: auto; } @media (max-width: 1024px) { .griddedrt img { width: 100%; -o-object-fit: cover; object-fit: cover; } .smallblurbbox { padding-left: 0; padding-right: 0; } .savetheDatemain { --bs-gutter-y: 50px; } } @media (max-width: 767px) { .bellegladeSec { padding-bottom: 70px; } } .griddedbnr .storybnrmain:after { content: ""; width: 100vw; background: var(--Dark_Teal_Green); position: absolute; right: 80px; height: 100%; top: 0; } @media (max-width: 1432px) { .griddedbnr .storybnrmain:after { right: -30px; width: 102vw; } .griddedrt img { width: 100%; -o-object-fit: cover; object-fit: cover; } } .custnavgationmainlft { padding-bottom: 30px; } .custnavgationmainlft > ul { margin: 0; /* Revises container to an approved style choice. 1/10/25-JD */ padding: 0px 1.25rem 1.5rem; margin-right: 2rem; /*padding: 30px; background: var(--Light_Green_1);*/ display: flex; flex-direction: column; /* Correctly sets the font-size for this rail nav text here, NOT on the nested el. 1/6/25-JD */ font-size: .9rem; line-height: normal; font-weight: 500; } .custnavgationmainlft > ul > li:not(:last-child) { margin-bottom: 20px; } .custnavgationmainlft > ul > li > a ~ .panel { margin-top: 16px; } .custnavgationmainlft > ul li { list-style: none; font-family: var(--bs-body-font-family); /* Suppresses MC implentation for the more correct approach under the