/* devanagari */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tDMPKzSQ.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ========================================================================== GLOBAL VARIABLES & RESET ========================================================================== */ /* Fonts */ :root { --default-font: "Poppins", sans-serif; } /* Global Colors */ :root { --background-color: #ffffff; --default-color: #212529; --heading-color: #000; --accent-color: #e9e9e9; --contrast-color: #ffffff; } /* Nav Menu Colors */ :root { --nav-color: #3a3939; --nav-hover-color: #E30016; --nav-dropdown-background-color: #ffffff; --nav-dropdown-color: #3a3939; --nav-dropdown-hover-color: #E30016; } /* Smooth scroll - DISABLED here to allow jQuery animate to take over */ html { scroll-behavior: auto !important; } body { color: var(--default-color); background-color: var(--background-color); font-family: var(--default-font); } .body-no-scroll { overflow: hidden; } /* Scrollbar */ ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #E30016; } ::-webkit-scrollbar-thumb:hover { background: #000000; } /*-------------------------------------------------------------- # General Links & Headings --------------------------------------------------------------*/ html, body { font-display:swap!important; } a { color: var(--accent-color); text-decoration: none; transition: 0.3s; } a:hover { color: color-mix(in srgb, var(--accent-color), transparent 25%); text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: var(--heading-color); } /*-------------------------------------------------------------- # Global Header (Absolute/Transparent) --------------------------------------------------------------*/ .header { color: var(--default-color); background-color: var(--background-color); padding: 2px 0; transition: all 0.5s ease, top 0.5s ease-in-out; z-index: 997; border:none; } .header .logo { line-height: 1; } .header .logo img { max-width: 160px; height: auto; } .header .btn-getstarted, .header .btn-getstarted:focus { color: #fff; background: #E30016; background-image:var(--bs-gradient)!important; font-weight: 700; font-size:16px!important; margin: 0 15px 0 0; padding: 10px 16px; border-radius: 33px; min-width: 160px; transition: 0.3s; display: inline-flex !important; /* Wymuszamy flex */ align-items: center !important; /* Centrowanie w pionie (góra-dół) */ justify-content: center !important; /* Centrowanie w poziomie (lewo-prawo) */ border: 1px solid transparent; /* Zabezpieczenie przed zmianą wielkości ramki */ text-decoration: none; /* Usunięcie podkreśleń */ } /* .header .btn-getstarted:hover, .header .btn-getstarted:focus:hover { background: color-mix(in srgb, var(--accent-color), transparent 25%); color: #000; } */ @media (max-width: 1399px) { /* Kluczowa zmiana: użycie flex-container bez order, aby układ był naturalny */ /* Logo jest pierwsze w HTML, więc będzie po lewej */ /* Grupa .header-actions jest ostatnia w HTML, więc będzie po prawej */ .header .container-fluid { justify-content: space-between !important; } .header .logo img { max-height: 72px !important; margin-left: -8px !important; } /* Stylizacja przycisku na mobile */ .header .btn-getstarted, .header .btn-getstarted:focus { font-size: 12px !important; padding: 8px 16px !important; margin: 0 !important; /* Reset marginesów, bo używamy gap w rodzicu */ margin-right: 4px!important; } } /* Index Page Header Specifics */ .index-page .header { --background-color: rgba(255, 255, 255, 0); --heading-color: #ffffff; --nav-color: #FFFFFF; --nav-hover-color: #ffffff; } /*-------------------------------------------------------------- # Sticky Header Clone --------------------------------------------------------------*/ .header-sticky-clone { position: fixed !important; top: -200px; left: 0; width: 100%; z-index: 998; background: linear-gradient(90deg, rgba(227,0,22,0.95) 0%, rgba(255,71,89,0.95) 100%); box-shadow: 0 4px 10px rgba(0,0,0,0.15); transition: top 0.4s ease-in-out; padding: 2px 0; border-bottom: none; } .header-sticky-clone.is-visible { top: 0; } .header-sticky-clone .logo img { filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.3)); } .header-sticky-clone .navmenu a, .header-sticky-clone .navmenu a:focus { color: #fff !important; text-shadow: none; } .header-sticky-clone .navmenu a:hover, .header-sticky-clone .navmenu .active { color: #000 !important; /* Było #fff !important, zmieniamy na #000 */ text-decoration: none; } .header-sticky-clone .btn-getstarted { background: #fff!important; color: #000!important; /* FIX SKAKANIA: Zamiast 'none', dajemy przezroczystą ramkę. Dzięki temu przycisk ma stały rozmiar. */ border: 1px solid transparent !important; /* Wyłączamy cień na sztywno */ box-shadow: none !important; /* Stabilizacja układu */ display: inline-flex !important; align-items: center; justify-content: center; vertical-align: middle; /* Reset marginesów, które mogą przesuwać przycisk */ margin-top: 0; margin-bottom: 0; transform: translateZ(0); /* Akceleracja GPU dla płynności */ } .header-sticky-clone #mobile-nav-toggler svg path { stroke: #fff; } /*-------------------------------------------------------------- # Navigation Menu (Desktop) --------------------------------------------------------------*/ @media (min-width: 1200px) { .navmenu { padding: 0; } .navmenu ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; } .navmenu li { position: relative; } .navmenu a, .navmenu a:focus, .navmenu a i, .navmenu a:focus i { color: var(--nav-color); padding: 18px 15px; font-size: 22px; font-weight: 700; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; } .navmenu li:last-child a { padding-right: 0; } .navmenu li:hover>a, .navmenu a:hover>i, .navmenu .active, .navmenu .active>i { color:#000; } } /*-------------------------------------------------------------- # Mobile Navigation Panel (New) --------------------------------------------------------------*/ /* Overlay */ #mobile-nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1040; opacity: 0; visibility: hidden; transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.6s; } #mobile-nav-overlay.is-active { opacity: 1; visibility: visible; } /* Panel */ #mobile-nav-panel { position: fixed; bottom: 0; left: 50%; width: 90vw; max-width: 500px; background-color: #ffffff; z-index: 1050; border-radius: 24px 24px 0 0; box-shadow: none; padding: 16px 24px 24px; transform: translateY(100%) translateX(-50%); visibility: hidden; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.6s; display: flex; flex-direction: column; max-height: 85vh; will-change: transform; } #mobile-nav-panel.is-active { transform: translateY(0) translateX(-50%); visibility: visible; } /* Panel Header */ .mobile-nav-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; margin-bottom: 8px; flex-shrink: 0; } .mobile-nav-header::before { content: ''; position: absolute; top: 8px; left: 50%; transform: translateX(-50%); width: 44px; height: 5px; background-color: rgba(0, 0, 0, 0.15); border-radius: 3px; } /* Close Button in Panel */ .btn-close-custom { background-color: #f1f3f5; border: none; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; } .btn-close-custom svg { width: 16px; height: 16px; } /* Panel Content Styles */ #mobile-nav-body { overflow-y: auto; } #mobile-nav-body ul { list-style: none; padding: 0; margin: 0; } #mobile-nav-body a { color: #000 !important; font-size: 18px; font-weight: 500; padding: 14px 0 !important; display: block; width: 100%; } /* Styl dla przycisku w panelu mobilnym */ #mobile-nav-body .btn-getstarted { display: flex; /* Zamiast block */ justify-content: center; /* Wyśrodkowanie w poziomie */ align-items: center; /* Wyśrodkowanie w pionie */ width: 100%; max-width: 100%; box-sizing: border-box; margin: 16px 0 0 0 !important; text-align: center; /* To zostaw, ale dla flexa ważniejsze justify-content */ background: #E30016; background-image:var(--bs-gradient)!important; color: #fff!important; padding: 7px 14px!important; border-radius: 33px; font-weight: 700; } /*-------------------------------------------------------------- # Fullscreen Hero Section (.sekcja-startowa) --------------------------------------------------------------*/ .sekcja-startowa { height: 100svh; background: url("../img/hero-bg.jpg") no-repeat 100% 30%; background-size: cover; } @media (min-width: 569px) { .sekcja-startowa:before { height: 100svh; content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; inset: 0; } } @media (max-width: 1199px) { .header .btn-getstarted, .header .btn-getstarted:focus { min-width: 0!important; } .sekcja-startowa { background: linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../img/hero-bg.jpg') no-repeat 15% 100%; background-size: cover; } } .home-motto-container { position: absolute; bottom: -50px; } .home-motto { width: 100%; color: #ffffff; background: none; padding-top: 40px; padding-bottom: 40px; } .home-motto .bigger { font-size: 48px; font-weight: 700; line-height: 1.1!important; color: #fff; } .home-motto .smaller { font-size: 22px; font-weight: 600; color: rgba(211,211,211,1); line-height: 1.2!important } .sekcja-startowa-button { display: block; min-width: 100%; width: 100%; background: #fff; border: none; outline: none; } .sekcja-startowa-button i { font-size: 1.5em!important; vertical-align: middle!important; color: #000; } @media only screen and (max-width: 767px) { .home-motto-container{ position: absolute; bottom: -50px; } .home-motto{ width: 100%; padding-top: 18px; padding-bottom: 18px; } .home-motto .bigger{ font-size:24px; color: #fff; font-weight:700!important; line-height: 1.2!important; } .home-motto .smaller{ font-size: 18px; color: rgba(211,211,211,1); } .landing-about-container { border-radius: 15px!important; } } /*-------------------------------------------------------------- # Global Sections --------------------------------------------------------------*/ section, .section { color: var(--default-color); background-color: var(--background-color); padding: 60px 0; scroll-margin-top: 98px; overflow: clip; } @media (max-width: 1399px) { section, .section { scroll-margin-top: 64px; } } .section-title { text-align: center; padding-bottom: 60px; position: relative; } .section-title h2 { font-size: 32px; font-weight: 700; position: relative; color:#E30016!important; } @media (max-width: 768px) { .section-title h2 { font-size: 22px; font-weight: 700; position: relative; color:#E30016!important; } } .section-title h2:before { margin: 0 15px 10px 0; } .section-title h2:after { margin: 0 0 10px 15px; } .section-title p { margin-bottom: 0; line-height: 1.35!important; font-weight: 500!important } /*-------------------------------------------------------------- # Features Section --------------------------------------------------------------*/ .features .features-item { color: color-mix(in srgb, var(--default-color), transparent 20%); } .features .features-item+.features-item { margin-top: 100px; } @media (max-width: 768px) { .features .features-item+.features-item { margin-top: 40px; } } .features .features-item h3 { font-weight: 700; color:#000!important; } .features .features-item ul { list-style: none; padding: 0; } .features .features-item ul li { padding-bottom: 10px; display: flex; align-items: flex-start; } .features .features-item i { font-size:38px!important; color:darkgreen!important; } .features .features-item h4 { font-size:16px!important; color:#000!important; } .features .features-item img { border: none; box-shadow: 0 15px 30px -10px color-mix(in srgb, var(--default-color), transparent 75%); } /*-------------------------------------------------------------- # Services Section --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Services Section (Modernized - Dlaczego My / O Firmie) --------------------------------------------------------------*/ .services { --background-color: #f4f4f4; padding: 80px 0; } .services .service-item { background-color: #ffffff; padding: 40px 30px; border-radius: 8px; /* Nowoczesne, lekkie zaokrąglenie */ box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.08); /* Miękki, nowoczesny cień */ transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* Bardzo płynna animacja */ position: relative; overflow: hidden; height: 100%; border: 1px solid transparent; z-index: 1; display: flex; flex-direction: column; } /* Dekoracyjny pasek na górze (niewidoczny domyślnie, pojawia się przy hover) */ .services .service-item::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #E30016; /* Twój kolor firmowy */ transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } /* Stylizacja kontenera ikony */ .services .service-item .icon { margin-bottom: 25px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0); border-radius: 50%; transition: all 0.4s ease; } .services .service-item .icon i { color: #E30016; font-size: 32px; transition: color 0.4s ease; } /* Typografia nagłówka */ .services .service-item h3 { font-weight: 700; margin-bottom: 15px; font-size: 22px; color: #1a1a1a; /* Ciemny grafit zamiast czystego czarnego - wygląda drożej */ letter-spacing: -0.5px; transition: color 0.3s ease; } /* Typografia tekstu */ .services .service-item p { line-height: 1.6; font-size: 15px; color: #000; margin-bottom: 0; flex-grow: 1; } /* --- EFEKTY HOVER (Po najechaniu myszką) --- */ .services .service-item:hover::after { transform: scaleX(1); /* Pasek akcentujący się wysuwa */ } /* Ikona zmienia się w "pełną kropkę" */ .services .service-item:hover .icon { background: #E30016; transform: scale(1.1); } .services .service-item:hover .icon i { color: #ffffff; /* Biała ikona na pomarańczowym tle */ } .services .service-item:hover h3 { color: #000; } /*-------------------------------------------------------------- # Call To Action Section --------------------------------------------------------------*/ .call-to-action { --background-color: #000000; --default-color: #ffffff; --contrast-color: #ffffff; padding: 120px 0; position: relative; clip-path: inset(0); } .call-to-action img { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .call-to-action:before { content: ""; background: color-mix(in srgb, var(--background-color), transparent 50%); position: absolute; inset: 0; z-index: 2; } .call-to-action .container { position: relative; z-index: 3; } .call-to-action h3 { font-size: 28px; font-weight: 700; color: var(--default-color); } .call-to-action p { color: var(--default-color); } .call-to-action .cta-btn { font-weight: 500; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 8px 30px; border-radius: 33px; transition: 0.5s; margin: 10px; color: #000; background: #E30016; background-image:var(--bs-gradient)!important; } .call-to-action .cta-btn:hover { color: #000; background: #fff; } .call-to-action .cta-btn-container a i { font-size: 28px!important; } /*-------------------------------------------------------------- # FAQ Section --------------------------------------------------------------*/ .faq-2 .faq-container { margin-top: 20px; display: flex; flex-direction: column; gap: 15px; } .faq-2 .faq-container .faq-item { background-color: #ffffff; position: relative; /* Padding góra/dół ustawiony na 25px. To nasza baza. */ padding: 25px 20px 25px 20px; border-radius: 6px; border: 1px solid #f0f0f0; border-left: 4px solid transparent; /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); */ overflow: hidden; transition: all 0.3s ease; cursor: pointer; user-select: none; border-color: #e0e0e0; } /* --- EFEKTY HOVER I ACTIVE --- */ .faq-2 .faq-container .faq-item.faq-active { background-color: #e6e6e6; background-image:var(--bs-gradient)!important; border-color: #e0e0e0; border-left-color: #E30016; /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); */ padding-bottom: 30px; } /* --- NAGŁÓWEK PYTANIA (H3) --- */ .faq-2 .faq-container .faq-item h3 { font-weight: 600; font-size: 17px; /* KLUCZOWE: Ustawiamy sztywną wysokość linii, np. 26px */ line-height: 26px; margin: 0 30px 0 40px; color: #000; transition: color 0.3s ease; } .faq-2 .faq-container .faq-item:hover h3, .faq-2 .faq-container .faq-item.faq-active h3 { color: #E30016; } /* --- TREŚĆ ODPOWIEDZI --- */ .faq-2 .faq-container .faq-item .faq-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; visibility: hidden; cursor: text; user-select: text; } .faq-2 .faq-container .faq-item.faq-active .faq-content { grid-template-rows: 1fr; opacity: 1; visibility: visible; margin-top: 15px; } .faq-2 .faq-container .faq-item .faq-content p { margin-bottom: 0; overflow: hidden; color: #000; font-size: 15px; line-height: 1.6; } /* --- IKONY (NAPRAWA WYRÓWNANIA) --- */ .faq-2 .faq-container .faq-item .faq-icon { position: absolute; /* 1. Ustawiamy ikonę w tej samej odległości od góry co tekst (padding rodzica) */ top: 25px; left: 20px; /* 2. Wymuszamy wysokość kontenera ikony taką samą jak line-height tekstu (26px) */ height: 26px; width: 26px; /* Opcjonalnie, dla symetrii */ /* 3. Używamy Flexboxa, aby wyśrodkować sam znak wewnątrz tego kontenera */ display: flex; align-items: center; justify-content: center; font-size: 20px; color: #ccc; transition: all 0.3s ease; } .faq-2 .faq-container .faq-item.faq-active .faq-icon { color: #E30016; } /* Strzałka po prawej - też wyrównana do linii 26px */ .faq-2 .faq-container .faq-item .faq-toggle { position: absolute; top: 25px; right: 20px; height: 26px; /* Ta sama wysokość co linia tekstu */ display: flex; align-items: center; font-size: 16px; color: #999; transition: transform 0.3s ease, color 0.3s ease; } .faq-2 .faq-container .faq-item.faq-active .faq-toggle { transform: rotate(90deg); color: #E30016; } /*-------------------------------------------------------------- # Contact Section --------------------------------------------------------------*/ .contact .info-item { background: #fff; padding: 30px; } .contact .info-item i { font-size: 38px; line-height: 0; color: #E30016; } .contact .info-item h3 { font-size: 20px; font-weight: 700; margin: 20px 0 10px 0; color:#E30016!important } .contact .info-item p { padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; color:#000!important; } .contact .info-item p a { color:#000!important; font-weight: 500!important } .contact .map iframe { border:0px!important; width: 100%; height: 427px; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .footer { /* Tło: Ciemny gradient nałożony na zdjęcie */ background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(20, 20, 20, 0.65)), url('../img/footer-bg-v2.jpg') no-repeat center center; background-size: cover; background-attachment: fixed; /* Efekt paralaksy na desktopie */ color: #fff; font-size: 14px; position: relative; width: 100%; /* Gwarancja full width */ overflow: hidden; } /* Dostosowanie tła dla mobile (wyłączamy fixed bo tnie na telefonach) */ @media (max-width: 768px) { .footer { background-attachment: scroll; background-position: center top; } } /* --- GÓRNA CZĘŚĆ STOPKI --- */ .footer .footer-top { padding: 80px 0 60px 0; } .footer .footer-about .logo img { max-height: 70px; /* Optymalna wielkość logo */ margin-bottom: 10px; } .footer .footer-about p { font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.7); /* Lekko szary tekst dla czytelności */ max-width: 400px; } /* Social Media */ .footer .social-links a { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); /* Przeźroczyste tło */ border: 1px solid rgba(255, 255, 255, 0.1); font-size: 20px; color: #fff; transition: all 0.3s ease; } .footer .social-links a:hover { background: #E30016; border-color: #E30016; color: #000; /* Czarna ikona na pomarańczowym tle */ transform: translateY(-3px); } /* Nagłówki kolumn */ .footer h4 { font-size: 16px; font-weight: 700; position: relative; padding-bottom: 12px; margin-bottom: 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; } /* Ozdobna linia pod nagłówkiem */ .footer h4::after { content: ''; position: absolute; display: block; width: 40px; height: 3px; background: #E30016; bottom: 0; left: 0; } /* --- LINKI NAWIGACJI --- */ .footer .footer-links ul { list-style: none; padding: 0; margin: 0; } .footer .footer-links ul li { padding: 8px 0; display: flex; align-items: center; } .footer .footer-links ul li:first-child { padding-top: 0; } .footer .footer-links ul a { color: rgba(255, 255, 255, 1); transition: 0.3s; display: inline-block; line-height: 1; text-decoration: none; } .footer .footer-links ul i { padding-right: 10px; color: #E30016; font-size: 12px; transition: 0.3s; } /* Hover na linkach */ .footer .footer-links ul a:hover { color: #E30016; } /* --- KONTAKT --- */ .footer .footer-contact p { line-height: 1.4; margin-bottom: 10px; font-size: 10px; } .footer .footer-contact i { font-size: 18px; vertical-align: middle; } /* Pomocnicza klasa dla koloru żółtego (jeśli bootstrapowe text-warning jest inne) */ .text-warning { color: #E30016 !important; } /* --- COPYRIGHT BAR --- */ .footer .copyright { background: #000; /* Czysta czerń na dole */ background-image:var(--bs-gradient)!important; padding: 25px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 13px; color: rgba(255, 255, 255, 0.6); } .footer .copyright strong { color: #fff; } .footer .credits a { color: #E30016; text-decoration: none; font-weight: 600; transition: 0.3s; } .footer .credits a:hover { color: #fff; } /*-------------------------------------------------------------- # Scroll Top Button --------------------------------------------------------------*/ .wroc-do-gory { z-index: 996; position: fixed; right: 30px; bottom: 30px; border-radius: 33px; border: none; width: 55px; height: 55px; outline: none; background: #E30016; background-image:var(--bs-gradient)!important; transform: scale(0); transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); } .wroc-do-gory span { font-size: 1.6em; color: #fff; } .is_showing { display: block; transform: scale(1); } /*-------------------------------------------------------------- # Helpers & Utilities --------------------------------------------------------------*/ .section-top-padding-replicate { padding: 60px 0!important; } hr.custom-section-divider { border: 0!important; height: 1px!important; background: #000!important; background-image: linear-gradient(to right, #ccc, #000, #ccc)!important } .nobr { white-space:nowrap!important; } .background-triangles{ background: transparent url('../img/background-triangles.jpg') 0% 0% repeat padding-box; } /* Cookie Consent overrides */ #cc-main{ --cc-font-family: 'Poppins', sans-serif; --cc-btn-primary-bg:#E30016; --cc-btn-primary-border-color:#E30016; --cc-btn-border-radius:33px; --cc-toggle-on-bg:#E30016 } #cc-main,#cc-main .pm{ --cc-modal-transition-duration:0!important } #cc-main .cm{ background:rgba(255,255,255,.7)!important; -webkit-backdrop-filter:blur(8px)!important; backdrop-filter:blur(8px)!important; --cc-modal-transition-duration:0.7s!important } button[data-cc=show-preferencesModal]:focus,button[data-cc=show-preferencesModal]:hover{ background-color:transparent!important; border-color:#f8f9fa!important; color:#fff!important; outline:0!important; box-shadow:none!important } /* Disable aos animation delay on mobile devices */ @media screen and (max-width: 768px) { [data-aos-delay] { transition-delay: 0 !important; } } @media (min-width: 1200px) { /* 1. Dla głównego nagłówka (przeźroczysty/biały) */ .navmenu ul li a.active, .navmenu ul li a.active:focus { color: #000000 !important; /* Wymuszamy czarny */ } /* Również ikony wewnątrz aktywnego linku */ .navmenu ul li a.active i { color: #000000 !important; background-color: transparent !important; /* Usunięcie tła z ikony jeśli jest */ } /* 2. Dla przyklejonego nagłówka (Sticky - żółty) */ .header-sticky-clone .navmenu ul li a.active { color: #000000 !important; /* Tutaj też czarny */ } } /*-------------------------------------------------------------- # Contact Section (Modern Full Width) --------------------------------------------------------------*/ .contact-section { padding-top: 60px; margin-top: 80px; padding-bottom: 0; /* Zero na dole, żeby mapa dotykała stopki */ /* Gradient "Steel into Sand" */ background: linear-gradient(135deg, #dcdcdc 0%, #f4f4f4 50%, #e30016 100%); position: relative; } /* --- KAFELKI KONTAKTOWE (Stylizowany grid) --- */ .contact-box { background: #fff; padding: 35px 25px; border-radius: 8px; box-shadow: 0 10px 30px -10px rgba(0,0,0,0.08); height: 100%; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); text-align: center; /* Centrowanie dla estetyki */ border-bottom: 3px solid transparent; /* Przygotowanie pod hover */ } /* Ikona w kółku */ .contact-box .icon { margin: 0 auto 20px auto; width: 60px; height: 60px; background: rgba(255, 255, 255, 0); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; } .contact-box .icon i { font-size: 28px; color: #E30016; transition: color 0.4s ease; } .contact-box h3 { font-size: 20px; font-weight: 700; margin-bottom: 15px; color: #1a1a1a; } .contact-box p { font-size: 15px; line-height: 1.6; color: #000; margin-bottom: 0; } .contact-box a { color: #000; font-weight: 600; text-decoration: none; transition: color 0.3s; } /* --- EFEKTY HOVER NA KAFELKACH --- */ .contact-box:hover { border-bottom-color: #E30016; /* Pomarańczowy pasek na dole */ } .contact-box:hover .icon { background: #E30016; transform: scale(1.1); } .contact-box:hover .icon i { color: #fff; } .contact-box:hover a { color: #E30016; } /* --- MAPA FULL WIDTH --- */ .map-wrapper { width: 100%; height: 500px; /* Wysokość mapy */ position: relative; margin-top: 60px; /* Odstęp od kafelków */ overflow: hidden; } .map-wrapper iframe { width: 100%; height: 100%; border: 0; display: block; /* Opcjonalny filtr: lekka desaturacja, żeby mapa była bardziej "elegancka" i mniej pstra */ filter: grayscale(20%); } /* Opcjonalnie: Gradient przejścia z sekcji na mapę */ .map-overlay-top { position: absolute; top: 0; left: 0; width: 100%; height: 50px; pointer-events: none; z-index: 10; } /* Responsywność mapy na mobile */ @media (max-width: 768px) { .map-wrapper { height: 350px; /* Mniejsza mapa na telefonie */ margin-top: 40px; } } /*-------------------------------------------------------------- # Footer Separators (Pure CSS Version) --------------------------------------------------------------*/ .footer { position: relative; border-top: none; /* Czyścimy standardowe ramki */ } /* 1. GÓRNY SEPARATOR - Pasek "Budowlany" (Hazard Stripe) */ .footer::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 8px; /* Wysokość paska */ z-index: 5; /* Wzór ukośnych pasów (Pomarańczowy + Ciemniejszy Pomarańcz) */ background: repeating-linear-gradient( 45deg, #E30016, #E30016 10px, #ffffff 10px, #ffffff 20px ); /* Cień rzucany w dół na stopkę - dodaje głębi */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } /* Dostosowanie odstępu, żeby tekst nie wchodził pod pasek */ .footer .footer-top { padding-top: 80px; } /* 2. DOLNY SEPARATOR - Gradientowa "Laserowa" Linia */ .footer .copyright { position: relative; background: #000; /* Czerń na samym dole */ border-top: none; padding-top: 30px; padding-bottom: 60px; margin-top: 0; } .footer .copyright::before { content: ""; position: absolute; top: 0; left: 10%; /* Zaczynamy z wcięciem */ width: 80%; /* Nie na całą szerokość - wygląda lżej */ height: 1px; /* Cienka, precyzyjna linia */ /* Gradient: Przeźroczysty -> Jasny Pomarańcz -> Przeźroczysty */ background: linear-gradient( 90deg, rgba(227,0,22,0) 0%, rgba(227,0,22,1) 50%, rgba(227,0,22,0) 100% ); /* Delikatna poświata */ box-shadow: 0 -1px 8px rgba(227,0,22, 0.5); opacity: 0.8; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .header-sticky-clone .navmenu ul li a { font-size:16px!important; } .navmenu ul li a{ font-size:16px!important; } } /* Definicja animacji - delikatny ruch góra/dół */ @keyframes arrow-bounce { 0%, 100% { transform: translateY(0); /* Pozycja startowa */ } 50% { transform: translateY(-5px); /* Przesunięcie w górę o 5 pikseli */ } } /* Zastosowanie animacji do ikon wewnątrz przycisku */ .sekcja-startowa-button i { display: inline-block; /* Wymagane, aby transform działał poprawnie na elemencie */ animation: arrow-bounce 2s infinite ease-in-out; /* 2s trwania, pętla nieskończona, płynne przejście */ will-change: transform; /* Optymalizacja dla przeglądarki (płynność) */ } @media only screen and (min-width: 1200px) { .navmenu ul > li > a { will-change: transform; transform: translateZ(0); transition: color 0.3s ease-in-out; } .navmenu ul > li > a > i { will-change: transform; transform: translateZ(0); } }