@charset "UTF-8";

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiAyp8kv8JHgFVrJJLmE3tF.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmv1plEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm21llEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrJJLedw.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmg1hlEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmy15lEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm111lEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm81xlEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLBT5V1s.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPy-v.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2PHA.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxswWw.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wqPHA.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wiPHA.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30wWw.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USew8.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHvxk.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVew8.ttf) format('truetype')
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50Xew8.ttf) format('truetype')
}

@font-face {
  font-family: Baskervville;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baskervville/v19/YA9Hr0yU4l_XOrogbkun3kQQtYOnhgMBaGprdyioUkC4cQ.ttf) format('truetype')
}

@font-face {
  font-family: Baskervville;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baskervville/v19/YA9Hr0yU4l_XOrogbkun3kQQtYOnhgMBaGprdyioYEC4cQ.ttf) format('truetype')
}

@font-face {
  font-family: Baskervville;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baskervville/v19/YA9Hr0yU4l_XOrogbkun3kQQtYOnhgMBaGprdyiojEe4cQ.ttf) format('truetype')
}

@font-face {
  font-family: Baskervville;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baskervville/v19/YA9Hr0yU4l_XOrogbkun3kQQtYOnhgMBaGprdyiotUe4cQ.ttf) format('truetype')
}

@font-face {
  font-family: Baskervville;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baskervville/v19/YA9Br0yU4l_XOrogbkun3kQ6vLFYXmpq8sRsYuDrugM.ttf) format('truetype')
}

@font-face {
  font-family: Baskervville;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baskervville/v19/YA9Br0yU4l_XOrogbkun3kQ6vLFYXmpq8sRsYtLrugM.ttf) format('truetype')
}

@font-face {
  font-family: Baskervville;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baskervville/v19/YA9Br0yU4l_XOrogbkun3kQ6vLFYXmpq8sRsYj7sugM.ttf) format('truetype')
}

@font-face {
  font-family: Baskervville;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baskervville/v19/YA9Br0yU4l_XOrogbkun3kQ6vLFYXmpq8sRsYgfsugM.ttf) format('truetype')
}

:root {
  --dynamic-font-size: 16px;
  font-size: var(--dynamic-font-size, 16px);
  --primary-color: 228, 31, 75;
  --primary-color2: 227, 32, 74;
  --brown-yellow: 204, 159, 94;
  --charleston-green: 45, 45, 45;
  --charleston-green-sec: 40, 40, 43;
  --anti-flash-white: 243, 243, 243;
  --spanish-crimson-one: 228, 31, 75;
  --spanish-crimson-two: 227, 32, 74;
  --violet-crayola: 92, 166, 136;
  --purple: 92, 166, 136;
  --outer-space: 67, 67, 71;
  --royal-pink: 242, 51, 147;
  --white-color: 255, 255, 255;
  --black-color: 0, 0, 0;
  --eerie-black: 25, 25, 25;
  --vampire-black: 10, 10, 11;
  --raisin-black: 38, 38, 38;
  --dark-liver: 79, 79, 79;
  --bright-gray: 237, 238, 243;
  --bright-gray: 237, 239, 240;
  --bright-gray: 237, 237, 237;
  --light-silver: 217, 217, 217;
  --dark-silver: 113, 113, 113;
  --cultured: 244, 244, 244;
  --ghost-white: 249, 249, 249;
  --granite-gray: 99, 99, 99;
  --chinese-silver: 204, 202, 203;
  --silver-chalice: 171, 171, 171;
  --granite-gray: 94, 94, 99;
  --american-silver: 207, 207, 207;
  --quick-silver: 162, 162, 162;
  --metallic-silver: 167, 167, 173;
  --black-olive: 62, 62, 62;
  --chinese-black: 21, 21, 21;
  --chinese-black-two: 19, 18, 18;
  --jet: 54, 54, 54;
  --maximum-purple: 129, 41, 137;
  --midnight: 101, 34, 108;
  --success: 25, 135, 84;
  --danger: 220, 53, 69;
  --swiper-pagination-bullet-inactive-color: var(--brown-yellow);
  --swiper-pagination-color: 255, 255, 255;
  --swiper-pagination-bullet-width: 0.875em;
  --swiper-pagination-bullet-height: 0.875em;
  --swiper-pagination-bullet-horizontal-gap: 0.46875em;
  --swiper-pagination-bottom: 1.875em;
  --circle-size: 0.8485em;
  --circle-radius: 0.75422em;
  --circle-blur: 0.30278em;
  --circle-blue-before: 0.277778em;
  --circle-blur-after: 0.30278em;
  --circle-blue-before-two: -1.16666em;
  --circle-blur-after-two: -1.16666em;
  --circle-space-txt: 1.11111em;
  --background-gradient: linear-gradient(178deg, #ffff33 10%, #3333ff);
  --gray: #34495e;
  --darkgray: #2c3e50;
  --transition: 0.25s;
  --spark: 1.8s;
  --cut: -1px;
  --active: 0;
  --bg: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%);
  --scrollbar-track-bg: var(--vampire-black);
  --scrollbar-thumb-color: #000000;
  --scrollbar-gradient: linear-gradient(213deg, #51A699 -39.81%, #72B763 85.21%);
  --swiper-pagination-bullet-inactive-color: var(--brown-yellow);
  --swiper-pagination-color: 255, 255, 255;
  --swiper-pagination-bullet-width: 0.875em;
  --swiper-pagination-bullet-height: 0.875em;
  --swiper-pagination-bullet-horizontal-gap: 0.46875em;
  --swiper-pagination-bottom: 1.875em;
  --swiper-scrollbar-border-radius: 47px;
  --swiper-scrollbar-bg-color: 25, 25, 25
}

@font-face {
  font-family: "The Future";
  src: url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Bold.eot);
  src: local("The Future Bold"), local("TheFuture-Bold"), url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Bold.eot?) format("embedded-opentype"), url(../fonts/the-future/TheFuture-Bold.woff2) format("woff2"), url(../fonts/the-future/TheFuture-Bold.woff) format("woff"), url(../fonts/the-future/TheFuture-Bold.ttf) format("truetype"), url(../fonts/the-future/TheFuture-Bold.svg) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "The Future";
  src: url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-BlackItalic.eot);
  src: local("The Future Black Italic"), local("TheFuture-BlackItalic"), url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-BlackItalic.eot?) format("embedded-opentype"), url(../fonts/the-future/TheFuture-BlackItalic.woff2) format("woff2"), url(../fonts/the-future/TheFuture-BlackItalic.woff) format("woff"), url(../fonts/the-future/TheFuture-BlackItalic.ttf) format("truetype"), url(../fonts/the-future/TheFuture-BlackItalic.svg) format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "The Future";
  src: url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Light.eot);
  src: local("The Future Light"), local("TheFuture-Light"), url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Light.eot?) format("embedded-opentype"), url(../fonts/the-future/TheFuture-Light.woff2) format("woff2"), url(../fonts/the-future/TheFuture-Light.woff) format("woff"), url(../fonts/the-future/TheFuture-Light.ttf) format("truetype"), url(../fonts/the-future/TheFuture-Light.svg) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "The Future";
  src: url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Medium.eot);
  src: local("The Future Medium"), local("TheFuture-Medium"), url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Medium.eot?) format("embedded-opentype"), url(../fonts/the-future/TheFuture-Medium.woff2) format("woff2"), url(../fonts/the-future/TheFuture-Medium.woff) format("woff"), url(../fonts/the-future/TheFuture-Medium.ttf) format("truetype"), url(../fonts/the-future/TheFuture-Medium.svg) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "The Future";
  src: url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Extralight.eot);
  src: local("The Future Extralight"), local("TheFuture-Extralight"), url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Extralight.eot?) format("embedded-opentype"), url(../fonts/the-future/TheFuture-Extralight.woff2) format("woff2"), url(../fonts/the-future/TheFuture-Extralight.woff) format("woff"), url(../fonts/the-future/TheFuture-Extralight.ttf) format("truetype"), url(../fonts/the-future/TheFuture-Extralight.svg) format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "The Future";
  src: url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Thin.eot);
  src: local("The Future Thin"), local("TheFuture-Thin"), url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Thin.eot?) format("embedded-opentype"), url(../fonts/the-future/TheFuture-Thin.woff2) format("woff2"), url(../fonts/the-future/TheFuture-Thin.woff) format("woff"), url(../fonts/the-future/TheFuture-Thin.ttf) format("truetype"), url(../fonts/the-future/TheFuture-Thin.svg) format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "The Future";
  src: url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Italic.eot);
  src: local("The Future Italic"), local("TheFuture-Italic"), url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-Italic.eot?) format("embedded-opentype"), url(../fonts/the-future/TheFuture-Italic.woff2) format("woff2"), url(../fonts/the-future/TheFuture-Italic.woff) format("woff"), url(../fonts/the-future/TheFuture-Italic.ttf) format("truetype"), url(../fonts/the-future/TheFuture-Italic.svg) format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "The Future";
  src: url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-ThinItalic.eot);
  src: local("The Future Thin Italic"), local("TheFuture-ThinItalic"), url(https://www.digitalgravity.ae/assets/fonts/the-future/TheFuture-ThinItalic.eot?) format("embedded-opentype"), url(../fonts/the-future/TheFuture-ThinItalic.woff2) format("woff2"), url(../fonts/the-future/TheFuture-ThinItalic.woff) format("woff"), url(../fonts/the-future/TheFuture-ThinItalic.ttf) format("truetype"), url(../fonts/the-future/TheFuture-ThinItalic.svg) format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Noir;
  src: url(https://www.digitalgravity.ae/assets/fonts/noir/Medium.eot);
  src: local("Medium"), url(https://www.digitalgravity.ae/assets/fonts/noir/Medium.eot?) format("embedded-opentype"), url(../fonts/noir/Medium.woff2) format("woff2"), url(../fonts/noir/Medium.woff) format("woff"), url(../fonts/noir/Medium.ttf) format("truetype"), url(../fonts/noir/Medium.svg) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Noir;
  src: url(https://www.digitalgravity.ae/assets/fonts/noir/Regular.eot);
  src: local("Regular"), url(https://www.digitalgravity.ae/assets/fonts/noir/Regular.eot?) format("embedded-opentype"), url(../fonts/noir/Regular.woff2) format("woff2"), url(../fonts/noir/Regular.woff) format("woff"), url(../fonts/noir/Regular.ttf) format("truetype"), url(../fonts/noir/Regular.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Milk And Honey";
  src: url(https://www.digitalgravity.ae/assets/fonts/milk-and-honey/MilkAndHoney-Regular.eot);
  src: local("Milk And Honey Regular"), local("MilkAndHoney-Regular"), url(https://www.digitalgravity.ae/assets/fonts/milk-and-honey/MilkAndHoney-Regular.eot?) format("embedded-opentype"), url(../fonts/milk-and-honey/MilkAndHoney-Regular.woff2) format("woff2"), url(../fonts/milk-and-honey/MilkAndHoney-Regular.woff) format("woff"), url(../fonts/milk-and-honey/MilkAndHoney-Regular.ttf) format("truetype"), url(../fonts/milk-and-honey/MilkAndHoney-Regular.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Souvenir;
  src: url(https://www.digitalgravity.ae/assets/fonts/souvenir/Souvenir-Bold.eot);
  src: local("Souvenir Bold"), local("Souvenir-Bold"), url(https://www.digitalgravity.ae/assets/fonts/souvenir/Souvenir-Bold.eot?) format("embedded-opentype"), url(../fonts/souvenir/Souvenir-Bold.woff2) format("woff2"), url(../fonts/souvenir/Souvenir-Bold.woff) format("woff"), url(../fonts/souvenir/Souvenir-Bold.ttf) format("truetype"), url(../fonts/souvenir/Souvenir-Bold.svg) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Souvenir;
  src: url(https://www.digitalgravity.ae/assets/fonts/souvenir/Souvenir-BoldItalic.eot);
  src: local("Souvenir Bold Italic"), local("Souvenir-BoldItalic"), url(https://www.digitalgravity.ae/assets/fonts/souvenir/Souvenir-BoldItalic.eot?) format("embedded-opentype"), url(../fonts/souvenir/Souvenir-BoldItalic.woff2) format("woff2"), url(../fonts/souvenir/Souvenir-BoldItalic.woff) format("woff"), url(../fonts/souvenir/Souvenir-BoldItalic.ttf) format("truetype"), url(../fonts/souvenir/Souvenir-BoldItalic.svg) format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Souvenir;
  src: url(https://www.digitalgravity.ae/assets/fonts/souvenir/Souvenir.eot);
  src: local("Souvenir"), url(https://www.digitalgravity.ae/assets/fonts/souvenir/Souvenir.eot?) format("embedded-opentype"), url(../fonts/souvenir/Souvenir.woff2) format("woff2"), url(../fonts/souvenir/Souvenir.woff) format("woff"), url(../fonts/souvenir/Souvenir.ttf) format("truetype"), url(../fonts/souvenir/Souvenir.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Souvenir;
  src: url(https://www.digitalgravity.ae/assets/fonts/souvenir/Souvenir-Italic.eot);
  src: local("Souvenir Italic"), local("Souvenir-Italic"), url(https://www.digitalgravity.ae/assets/fonts/souvenir/Souvenir-Italic.eot?) format("embedded-opentype"), url(../fonts/souvenir/Souvenir-Italic.woff2) format("woff2"), url(../fonts/souvenir/Souvenir-Italic.woff) format("woff"), url(../fonts/souvenir/Souvenir-Italic.ttf) format("truetype"), url(../fonts/souvenir/Souvenir-Italic.svg) format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

.font-souvenir-normal {
  font-family: Souvenir;
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

*,
::after,
::before {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  image-rendering: auto
}

::after:focus,
::after:focus-within,
::before:focus,
::before:focus-within,
:focus,
:focus-within {
  outline: 0
}

html {
  width: 100%;
  height: 100%;
  font-size: 100%;
  scroll-behavior: smooth
}

html.overflow-hidden {
  overflow: hidden
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  direction: ltr;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  overflow-y: auto;
  transition: font-size .3s ease
}

@media (max-width:1400px) and (min-width:1300px) and (min-height:900px) {
  body {
    font-size: 11.485px
  }
}

@media (min-width:1200px) {
  body {
    font-size: 16px;
    font-size: var(--dynamic-font-size);
    line-height: 1.25em
  }
}

@media (max-width:1199.98px) {
  body {
    font-size: 14px;
    line-height: 1.25em
  }
}

@supports not (--css:variables) {
  body {
    font-size: 16px !important
  }
}

img.svg-convert {
  transition: opacity .3s ease
}

img.svg-convert:not([src]) {
  display: none
}

img[width][height] {
  aspect-ratio: attr(width)/attr(height)
}

.svg-converted {
  max-width: 100%;
  height: auto
}

canvas,
img,
picture,
svg,
video {
  max-width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover
}

picture {
  width: 100%;
  height: 100%
}

ol,
ul {
  font-size: 1.375em;
  line-height: 1.3em;
  margin: 0 0 1.5909em 0;
  list-style-position: outside
}

@media (max-width:1199.98px) {

  ol,
  ul {
    font-size: 1em;
    margin-bottom: 1em
  }
}

ol li,
ul li {
  margin-bottom: .63636em
}

ol li::marker,
ul li::marker {
  color: rgba(var(--brown-yellow), 1)
}

ol.no-list-style,
ul.no-list-style {
  list-style-type: none
}

ol {
  list-style: decimal
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
  text-wrap-style: balance
}

a {
  text-decoration: none;
  color: rgba(var(--white-color), 1)
}

a:hover {
  color: rgba(var(--white-color), .8)
}

address {
  font-style: normal
}

iframe {
  border: 0
}

iframe figcaption {
  display: none;
  visibility: hidden
}

figure {
  width: 100%;
  height: 100%
}

button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  font-size: inherit;
  cursor: pointer
}

button:focus {
  outline: 0
}

table {
  border-collapse: collapse
}

input,
textarea {
  -webkit-user-select: auto
}

textarea {
  white-space: revert;
  resize: none
}

.input::-webkit-inner-spin-button,
.input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.input:-webkit-autofill,
input:-webkit-autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(var(--black-color), 1);
  box-shadow: 0 0 0 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

.input:-webkit-autofill:active,
.input:-webkit-autofill:focus,
.input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(var(--black-color), 1);
  box-shadow: 0 0 0 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

.input[type=search]::-webkit-search-cancel-button,
.input[type=search]::-webkit-search-decoration,
.input[type=search]::-webkit-search-results-button,
.input[type=search]::-webkit-search-results-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
  visibility: hidden;
  -webkit-appearance: none
}

.input[type=number],
input[type=number] {
  -moz-appearance: textfield
}

.input[type=number]::-webkit-inner-spin-button,
.input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.input:-internal-autofill-selected,
input:-internal-autofill-selected {
  background: 0 0 !important;
  background-color: transparent !important;
  background-image: none !important
}

.input[type=button],
.input[type=reset],
.input[type=submit],
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button
}

.input[type=button]:focus,
.input[type=reset]:focus,
.input[type=submit]:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
  outline: 0
}

select:-webkit-autofill,
textarea:-webkit-autofill {
  background-color: #e0f7fa !important;
  color: #006064 !important
}

select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  background-color: #b2ebf2 !important;
  color: #004d40 !important
}

select:-webkit-autofill::first-line,
textarea:-webkit-autofill::first-line {
  color: #006064 !important
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap
}

.h1,
h1 {
  margin-bottom: .5em;
  font-size: 4em;
  line-height: 1;
  font-weight: 400;
  color: var(--white-color)
}

@media (max-width:1199.98px) {

  .h1,
  h1 {
    font-size: 2.625em
  }
}

@media (min-width:576px) {

  .h1,
  h1 {
    font-size: 1.5em
  }
}

@media (max-width:575.98px) {

  .h1,
  h1 {
    font-size: 1.5em
  }
}

.h2,
h2 {
  margin-bottom: .5em;
  font-size: 3.75em;
  line-height: 1;
  font-weight: 400;
  color: var(--white-color)
}

@media (max-width:1199.98px) {

  .h2,
  h2 {
    font-size: 2.25em
  }
}

@media (min-width:576px) {

  .h2,
  h2 {
    font-size: 1.75em
  }
}

@media (max-width:575.98px) {

  .h2,
  h2 {
    font-size: 1.5em
  }
}

.h3,
h3 {
  margin-bottom: .5em;
  font-size: 2.8125em;
  line-height: 1;
  font-weight: 400;
  color: var(--white-color)
}

@media (max-width:1199.98px) {

  .h3,
  h3 {
    font-size: 2em
  }
}

@media (min-width:576px) {

  .h3,
  h3 {
    font-size: 1.625em
  }
}

@media (max-width:575.98px) {

  .h3,
  h3 {
    font-size: 1.5em
  }
}

.h4,
h4 {
  margin-bottom: .5em;
  font-size: 2.5em;
  line-height: 1;
  font-weight: 400;
  color: var(--white-color)
}

@media (max-width:1199.98px) {

  .h4,
  h4 {
    font-size: 2em
  }
}

@media (min-width:576px) {

  .h4,
  h4 {
    font-size: 1.625em
  }
}

@media (max-width:575.98px) {

  .h4,
  h4 {
    font-size: 1.5em
  }
}

.h5,
h5 {
  margin-bottom: .5em;
  font-size: 1.25em;
  font-weight: 400;
  color: var(--white-color)
}

@media (min-width:576px) {

  .h5,
  h5 {
    font-size: 1em
  }
}

@media (max-width:575.98px) {

  .h5,
  h5 {
    font-size: 1.5em
  }
}

.h6,
h6 {
  font-size: 1.125em;
  font-weight: 400;
  color: var(--white-color);
  margin: 0 0 .5em 0
}

@media (max-width:1199.98px) {

  .h6,
  h6 {
    font-size: 2em
  }
}

@media (min-width:576px) {

  .h6,
  h6 {
    font-size: 1.625em
  }
}

@media (max-width:575.98px) {

  .h6,
  h6 {
    font-size: 1em
  }
}

.p,
p {
  color: var(--white-color);
  margin-bottom: 1.5em;
  font-size: 1.125em;
  line-height: 1.78em;
  font-weight: 400
}

.p.xxl-font,
p.xxl-font {
  font-size: 1.75em
}

@media (max-width:575.98px) {

  .p.xxl-font,
  p.xxl-font {
    font-size: .875em
  }
}

.p.xl-font,
p.xl-font {
  font-size: 1.375em
}

@media (max-width:575.98px) {

  .p.xl-font,
  p.xl-font {
    font-size: .875em
  }
}

.p.l-font,
p.l-font {
  font-size: 1.25em
}

@media (max-width:575.98px) {

  .p.l-font,
  p.l-font {
    font-size: .875em
  }
}

.p.s-font,
p.s-font {
  font-size: 1em
}

@media (max-width:575.98px) {

  .p.s-font,
  p.s-font {
    font-size: .875em
  }
}

.p.xs-font,
p.xs-font {
  font-size: .875em;
  margin: 0 0 .3125em 0
}

@media (max-width:575.98px) {

  .p.xs-font,
  p.xs-font {
    font-size: .75em
  }
}

body {
  font-family: "The Future", -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400;
  color: rgba(var(--white-color), 1);
  background-color: rgba(var(--black-color), 1)
}

body.header-menu-active main {
  position: relative
}

body.header-menu-active main::before {
  content: "";
  background-color: rgba(var(--black-color), .3);
  width: 100vw;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: all .3s ease;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10
}

@media (min-width:1200px) {
  body::-webkit-scrollbar {
    border-radius: 3.125em;
    width: .3125em;
    background-color: rgba(var(--scrollbar-track-bg), 1)
  }
}

@media (min-width:1200px) {
  body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: .625em;
    background-color: rgba(var(--scrollbar-track-bg), 1)
  }
}

@media (min-width:1200px) {
  body::-webkit-scrollbar-thumb {
    background: var(--scrollbar-gradient);
    border-radius: 3.125em
  }
}

.loadjs {
  overflow: hidden;
  height: 100vh
}

.loadjs body {
  overflow: hidden
}

.img-wrapper {
  position: relative
}

main {
  width: 100%;
  position: relative;
  overflow: hidden
}

.container {
  width: 100%;
  max-width: 100%;
  padding: 0 6.25em
}

@media (max-width:1199.98px) {
  .container {
    padding: 0 5em
  }
}

@media (max-width:991.98px) {
  .container {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  .container {
    padding: 0 2em
  }
}

.container--left-zero {
  padding: 0 10.15625% 0 0;
  padding: 0 6.25em 0 0
}

@media (max-width:1199.98px) {
  .container--left-zero {
    padding: 0 5em 0 0
  }
}

@media (max-width:991.98px) {
  .container--left-zero {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  .container--left-zero {
    padding: 0 2em
  }
}

.container--right-zero {
  padding: 0 0 0 10.15625%;
  padding: 0 0 0 4.0625em;
  padding: 0 0 0 6.25em
}

@media (max-width:1199.98px) {
  .container--right-zero {
    padding: 0 0 0 5em
  }
}

@media (max-width:991.98px) {
  .container--right-zero {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  .container--right-zero {
    padding: 0 2em
  }
}

.container-s {
  max-width: 100%;
  padding: 0 4.0625em
}

@media (max-width:991.98px) {
  .container-s {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  .container-s {
    padding: 0 2em
  }
}

.container-s-right-large {
  max-width: 100%;
  padding: 0 15.0625em 0 4.6875em
}

@media (max-width:991.98px) {
  .container-s-right-large {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  .container-s-right-large {
    padding: 0 2em
  }
}

.container-m {
  max-width: 100%;
  padding: 0 8.125em
}

@media (max-width:1199.98px) {
  .container-m {
    padding: 0 5em
  }
}

@media (max-width:991.98px) {
  .container-m {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  .container-m {
    padding: 0 2em
  }
}

.container-l {
  max-width: 100%;
  padding: 0 14.0625em
}

@media (max-width:1199.98px) {
  .container-l {
    padding: 0 5em
  }
}

@media (max-width:991.98px) {
  .container-l {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  .container-l {
    padding: 0 2em
  }
}

.container-fluid {
  width: 100%;
  max-width: 100%;
  padding: 0
}

@media (max-width:1199.98px) {
  .container-fluid {
    padding: 0 5em
  }
}

@media (max-width:991.98px) {
  .container-fluid {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  .container-fluid {
    padding: 0 2em
  }
}

.container-fluid--p-zero {
  padding: 0
}

@media (max-width:1199.98px) {
  .container-fluid--p-zero {
    padding: 0 5em
  }
}

@media (max-width:991.98px) {
  .container-fluid--p-zero {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  .container-fluid--p-zero {
    padding: 0 2em
  }
}

.section {
  position: relative;
  padding: 2em 0;
  min-height: 3em
}

@media (min-width:576px) {
  .section {
    padding: 3em 0
  }
}

@media (min-width:1200px) {
  .section {
    padding: 5em 0
  }
}

.section-my {
  position: relative;
  margin: 2em 0
}

@media (min-width:576px) {
  .section-my {
    margin: 3em 0
  }
}

@media (min-width:1200px) {
  .section-my {
    margin: 6.3125em 0 6em
  }
}

.section-py {
  position: relative;
  padding: 2em 0
}

@media (min-width:576px) {
  .section-py {
    padding: 3em 0
  }
}

@media (min-width:1200px) {
  .section-py {
    padding: 6.3125em 0 6em
  }
}

.section-front-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 1
}

.section-front-line .img-wrapper {
  width: 100%;
  height: 100%
}

.section-front-line .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .8
}

.section--circle-box {
  padding: 0;
  position: absolute;
  z-index: 1;
  overflow: hidden
}

@media (min-width:1200px) {
  .section--circle-box {
    left: 50%;
    width: 173.7256875em;
    transform: translate(-50%, 0);
    top: 18em;
    height: 100em
  }
}

@media (max-width:1199.98px) {
  .section--circle-box {
    left: 50%;
    top: 0;
    width: 173.7256875em;
    height: 195.230875em;
    transform: translate(-50%, 0)
  }
}

.section--circle-box .bg-circle-box {
  position: relative;
  width: 100%;
  height: 100%
}

.section--circle-box .bg-circle-box__black {
  position: absolute;
  background: linear-gradient(180deg, #000 18.08%, #000 30.14%);
  z-index: 2
}

@media (min-width:1200px) {
  .section--circle-box .bg-circle-box__black {
    width: 173.7256875em;
    height: 173.7256875em;
    border-radius: 173.7256875em;
    left: 0
  }
}

@media (min-width:1600px) {
  .section--circle-box .bg-circle-box__black {
    top: 43.505em
  }
}

@media (max-width:1199.98px) {
  .section--circle-box .bg-circle-box__black {
    width: 173.7256875em;
    height: 173.7256875em;
    border-radius: 173.7256875em;
    left: 0
  }
}

.section--circle-box .bg-circle-box__pink-outer {
  width: 120em;
  height: 52.0625em;
  height: 98%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0)
}

.section--circle-box .bg-circle-box__pink-one {
  background: linear-gradient(91deg, #ad0dce 30.93%, #f4bfff 47.48%, #ad0dce 64.71%);
  filter: blur(4.4968748093em);
  position: absolute;
  z-index: 0
}

@media (min-width:1200px) {
  .section--circle-box .bg-circle-box__pink-one {
    width: 145.2395em;
    width: 114.2395em;
    height: 173.7256875em;
    border-radius: 173.7256875em;
    left: 50%;
    transform: translate(-50%, 0)
  }
}

@media (max-width:1199.98px) {
  .section--circle-box .bg-circle-box__pink-one {
    width: 145.2395em;
    width: 114.2395em;
    height: 173.7256875em;
    border-radius: 173.7256875em;
    left: 50%;
    transform: translate(-50%, 0)
  }
}

.section--circle-box .bg-circle-box__pink-two {
  background: linear-gradient(91deg, #ad0dce 30.93%, #f4bfff 47.48%, #ad0dce 64.71%);
  position: absolute;
  z-index: 1
}

@media (min-width:1200px) {
  .section--circle-box .bg-circle-box__pink-two {
    width: 172.1130625em;
    height: 173.7256875em;
    border-radius: 173.7256875em;
    left: 50%;
    transform: translate(-50%, 0)
  }
}

@media (max-width:1199.98px) {
  .section--circle-box .bg-circle-box__pink-two {
    width: 172.1130625em;
    height: 173.7256875em;
    border-radius: 173.7256875em;
    left: 50%;
    transform: translate(-50%, 0)
  }
}

.section--circle-box .bg-circle-box__shadow {
  position: absolute;
  z-index: -1
}

@media (min-width:1200px) {
  .section--circle-box .bg-circle-box__shadow {
    width: 85.4295625em;
    height: 44.2086875em;
    top: 17.45875em;
    left: 50%;
    transform: translate(-50%, 0)
  }
}

.section--circle-box .bg-circle-box__shadow__wrapper {
  position: relative;
  width: 100%;
  height: 100%
}

.section--circle-box .bg-circle-box__shadow__wrapper::before {
  content: "";
  opacity: .4;
  background: radial-gradient(50% 50% at 50% 50%, #fff 0, #5ca688 100%);
  filter: blur(6.8750004768em);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0) rotate(92.65deg);
  z-index: 1;
  display: block
}

@media (min-width:1200px) {
  .section--circle-box .bg-circle-box__shadow__wrapper::before {
    width: 21.075375em;
    height: 39.8185em;
    border-radius: 39.8185em;
    top: -8.5em
  }
}

.section--circle-box .bg-circle-box__shadow__wrapper::after {
  content: "";
  opacity: .2;
  background: linear-gradient(90deg, #51A699 0, #72B763 100%);
  filter: blur(6.8750004768em);
  position: absolute;
  left: 50%;
  top: 7.29625em;
  transform: translate(-50%, 0) rotate(-173.82deg);
  z-index: 1;
  display: block
}

@media (min-width:1200px) {
  .section--circle-box .bg-circle-box__shadow__wrapper::after {
    width: 75.521125em;
    height: 34.417625em;
    border-radius: 75.521125em
  }
}

.section .absolute-btn-wrapper {
  display: flex;
  flex-wrap: wrap
}

@media (min-width:1200px) {
  .section .absolute-btn-wrapper {
    position: absolute
  }
}

@media (max-width:1199.98px) {
  .section .absolute-btn-wrapper {
    margin-top: 0;
    margin-bottom: 2em;
    justify-content: center
  }
}

.text-gradient {
  background: linear-gradient(90deg, #e3204a, #fff, #e3204a, #fff);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: bgMove 3s linear infinite reverse;
  mix-blend-mode: normal;
  padding-right: 2px
}

@keyframes bgMove {
  0% {
    background-position: 0 100%
  }

  to {
    background-position: 100% 100%
  }
}

.bg-gradient {
  width: 100%;
  position: relative;
  min-height: 20.6875em
}

.bg-gradient::before {
  content: "";
  background: linear-gradient(88deg, rgba(227, 32, 74, .81) -20.66%, #812989 50.6%, rgba(227, 32, 74, .81) 126.85%);
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 20.6875em
}

@media (min-width:1200px) {
  .bg-gradient::before {
    height: 20.6875em
  }
}

.generic-panel {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  width: 100%
}

.generic-panel--bt-xssmall-space {
  margin-bottom: 1.075em
}

@media (min-width:1200px) {
  .generic-panel--bt-xlsmall-space {
    margin-bottom: 1.075em
  }
}

.generic-panel--bt-small-space {
  margin-bottom: 1.5em
}

.generic-panel--bt-medium-space {
  margin-bottom: 2em
}

@media (min-width:1200px) {
  .generic-panel--bt-medium-space {
    margin-bottom: 1.875em
  }
}

.generic-panel--bt-large-space {
  margin-bottom: 2em
}

@media (min-width:1200px) {
  .generic-panel--bt-large-space {
    margin-bottom: 2.5em
  }
}

.generic-panel--bt-xlarge-space {
  margin-bottom: 2em
}

@media (min-width:1200px) {
  .generic-panel--bt-xlarge-space {
    margin-bottom: 3.75em
  }
}

.generic-panel--bt-xlarge-double-space {
  margin-bottom: 2em
}

@media (min-width:1200px) {
  .generic-panel--bt-xlarge-double-space {
    margin-bottom: 7.5em
  }
}

@media (min-width:992px) {
  .generic-panel--medium-right-space {
    padding-right: 2em
  }
}

@media (min-width:1200px) {
  .generic-panel--medium-right-space {
    padding-right: 15em
  }
}

@media (min-width:1200px) {
  .generic-panel--small-max-width {
    max-width: 28.875em;
    margin-left: auto
  }
}

@media (min-width:1200px) {
  .generic-panel--max-width {
    max-width: 30.75em;
    margin: 0 auto
  }
}

.generic-panel__head {
  display: flex;
  flex-direction: column
}

.generic-panel__head--small-txt {
  font-size: 1.875em
}

@media (min-width:1200px) {
  .generic-panel__head--small-right-space {
    padding-right: 15em
  }
}

.generic-panel__head .generic-heading__small-heading {
  font-size: 1.875em;
  font-weight: 300;
  line-height: 1.26667em;
  word-wrap: break-word;
  margin-bottom: 1.66667em
}

@media (max-width:575.98px) {
  .generic-panel__head .generic-heading__small-heading {
    font-size: 1.5em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__small-heading {
    font-size: 1.125em
  }
}

.generic-panel__head .generic-heading__small-heading--left-line {
  position: relative;
  padding-left: 2.75em;
  display: flex;
  flex-wrap: wrap
}

.generic-panel__head .generic-heading__small-heading--left-line::before {
  content: "";
  width: 1.5em;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(var(--white-color), 1)
}

.generic-panel__head .generic-heading__small-heading--left-icon {
  position: relative
}

.generic-panel__head .generic-heading__small-heading--left-icon h1,
.generic-panel__head .generic-heading__small-heading--left-icon h2,
.generic-panel__head .generic-heading__small-heading--left-icon h3,
.generic-panel__head .generic-heading__small-heading--left-icon h4,
.generic-panel__head .generic-heading__small-heading--left-icon h5,
.generic-panel__head .generic-heading__small-heading--left-icon h6,
.generic-panel__head .generic-heading__small-heading--left-icon span {
  display: flex;
  flex-wrap: wrap;
  padding-left: calc(var(--circle-size) + var(--circle-blur) + var(--circle-space-txt));
  position: relative;
  font-size: 1em;
  font-weight: 300
}

@media (max-width:575.98px) {

  .generic-panel__head .generic-heading__small-heading--left-icon h1,
  .generic-panel__head .generic-heading__small-heading--left-icon h2,
  .generic-panel__head .generic-heading__small-heading--left-icon h3,
  .generic-panel__head .generic-heading__small-heading--left-icon h4,
  .generic-panel__head .generic-heading__small-heading--left-icon h5,
  .generic-panel__head .generic-heading__small-heading--left-icon h6,
  .generic-panel__head .generic-heading__small-heading--left-icon span {
    font-size: .75em
  }
}

.generic-panel__head .generic-heading__small-heading--left-icon h1::after,
.generic-panel__head .generic-heading__small-heading--left-icon h1::before,
.generic-panel__head .generic-heading__small-heading--left-icon h2::after,
.generic-panel__head .generic-heading__small-heading--left-icon h2::before,
.generic-panel__head .generic-heading__small-heading--left-icon h3::after,
.generic-panel__head .generic-heading__small-heading--left-icon h3::before,
.generic-panel__head .generic-heading__small-heading--left-icon h4::after,
.generic-panel__head .generic-heading__small-heading--left-icon h4::before,
.generic-panel__head .generic-heading__small-heading--left-icon h5::after,
.generic-panel__head .generic-heading__small-heading--left-icon h5::before,
.generic-panel__head .generic-heading__small-heading--left-icon h6::after,
.generic-panel__head .generic-heading__small-heading--left-icon h6::before,
.generic-panel__head .generic-heading__small-heading--left-icon span::after,
.generic-panel__head .generic-heading__small-heading--left-icon span::before {
  content: "";
  width: var(--circle-size);
  height: var(--circle-size);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: var(--circle-radius);
  background: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%)
}

.generic-panel__head .generic-heading__small-heading--left-icon h1::before,
.generic-panel__head .generic-heading__small-heading--left-icon h2::before,
.generic-panel__head .generic-heading__small-heading--left-icon h3::before,
.generic-panel__head .generic-heading__small-heading--left-icon h4::before,
.generic-panel__head .generic-heading__small-heading--left-icon h5::before,
.generic-panel__head .generic-heading__small-heading--left-icon h6::before,
.generic-panel__head .generic-heading__small-heading--left-icon span::before {
  left: var(--circle-blue-before);
  filter: blur(var(--circle-blur))
}

.generic-panel__head .generic-heading__small-heading--left-icon h1::after,
.generic-panel__head .generic-heading__small-heading--left-icon h2::after,
.generic-panel__head .generic-heading__small-heading--left-icon h3::after,
.generic-panel__head .generic-heading__small-heading--left-icon h4::after,
.generic-panel__head .generic-heading__small-heading--left-icon h5::after,
.generic-panel__head .generic-heading__small-heading--left-icon h6::after,
.generic-panel__head .generic-heading__small-heading--left-icon span::after {
  left: var(--circle-blur-after)
}

.generic-panel__head .generic-heading__small-heading--left-icon--center-txt {
  margin-left: auto;
  margin-right: auto
}

.generic-panel__head .generic-heading__xxs-medium-heading {
  font-size: 1.375em;
  font-weight: 300;
  line-height: 1.72727em;
  letter-spacing: -.04em
}

@media (min-width:576px) {
  .generic-panel__head .generic-heading__xxs-medium-heading {
    font-size: 1.5em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xxs-medium-heading {
    font-size: 1.25em
  }
}

.generic-panel__head .generic-heading__xxs-medium-heading--left-icon {
  position: relative
}

.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h1,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h2,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h3,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h4,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h5,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h6,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon span {
  display: flex;
  flex-wrap: wrap;
  padding-left: calc(var(--circle-size) + var(--circle-blur) + var(--circle-space-txt));
  position: relative;
  font-size: 1em;
  font-weight: 300
}

@media (max-width:575.98px) {

  .generic-panel__head .generic-heading__xxs-medium-heading--left-icon h1,
  .generic-panel__head .generic-heading__xxs-medium-heading--left-icon h2,
  .generic-panel__head .generic-heading__xxs-medium-heading--left-icon h3,
  .generic-panel__head .generic-heading__xxs-medium-heading--left-icon h4,
  .generic-panel__head .generic-heading__xxs-medium-heading--left-icon h5,
  .generic-panel__head .generic-heading__xxs-medium-heading--left-icon h6,
  .generic-panel__head .generic-heading__xxs-medium-heading--left-icon span {
    font-size: .75em
  }
}

.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h1::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h1::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h2::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h2::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h3::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h3::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h4::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h4::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h5::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h5::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h6::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h6::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon span::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon span::before {
  content: "";
  width: var(--circle-size);
  height: var(--circle-size);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: var(--circle-radius);
  background: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%)
}

.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h1::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h2::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h3::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h4::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h5::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h6::before,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon span::before {
  left: var(--circle-blue-before);
  filter: blur(var(--circle-blur))
}

.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h1::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h2::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h3::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h4::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h5::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon h6::after,
.generic-panel__head .generic-heading__xxs-medium-heading--left-icon span::after {
  left: var(--circle-blur-after)
}

.generic-panel__head .generic-heading__xxs-medium-heading--left-icon--center-txt {
  margin-left: auto;
  margin-right: auto
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xxs-medium-heading.small-margin-bottom {
    margin-bottom: .27272em
  }
}

.generic-panel__head .generic-heading__xs-medium-heading {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.2em;
  letter-spacing: -.04em;
  margin-bottom: 1.25em
}

@media (min-width:576px) {
  .generic-panel__head .generic-heading__xs-medium-heading {
    font-size: 1.5em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xs-medium-heading {
    font-size: 1.5em
  }
}

.generic-panel__head .generic-heading__xs-medium-heading--left-icon {
  position: relative
}

.generic-panel__head .generic-heading__xs-medium-heading--left-icon h1,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h2,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h3,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h4,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h5,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h6,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon span {
  display: flex;
  flex-wrap: wrap;
  padding-left: calc(var(--circle-size) + var(--circle-blur) + var(--circle-space-txt));
  position: relative;
  font-size: 1em;
  font-weight: 300
}

@media (max-width:575.98px) {

  .generic-panel__head .generic-heading__xs-medium-heading--left-icon h1,
  .generic-panel__head .generic-heading__xs-medium-heading--left-icon h2,
  .generic-panel__head .generic-heading__xs-medium-heading--left-icon h3,
  .generic-panel__head .generic-heading__xs-medium-heading--left-icon h4,
  .generic-panel__head .generic-heading__xs-medium-heading--left-icon h5,
  .generic-panel__head .generic-heading__xs-medium-heading--left-icon h6,
  .generic-panel__head .generic-heading__xs-medium-heading--left-icon span {
    font-size: .75em
  }
}

.generic-panel__head .generic-heading__xs-medium-heading--left-icon h1::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h1::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h2::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h2::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h3::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h3::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h4::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h4::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h5::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h5::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h6::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h6::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon span::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon span::before {
  content: "";
  width: var(--circle-size);
  height: var(--circle-size);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: var(--circle-radius);
  background: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%)
}

.generic-panel__head .generic-heading__xs-medium-heading--left-icon h1::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h2::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h3::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h4::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h5::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h6::before,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon span::before {
  left: var(--circle-blue-before);
  filter: blur(var(--circle-blur))
}

.generic-panel__head .generic-heading__xs-medium-heading--left-icon h1::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h2::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h3::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h4::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h5::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon h6::after,
.generic-panel__head .generic-heading__xs-medium-heading--left-icon span::after {
  left: var(--circle-blur-after)
}

.generic-panel__head .generic-heading__xs-medium-heading--left-icon--center-txt {
  margin-left: auto;
  margin-right: auto
}

.generic-panel__head .generic-heading__medium-heading {
  font-size: 1.75em;
  line-height: 1.2em;
  letter-spacing: -.025em
}

.generic-panel__head .generic-heading__lg-medium-heading {
  font-size: 1.77035em;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 1em;
  letter-spacing: -.04em
}

@media (min-width:576px) {
  .generic-panel__head .generic-heading__lg-medium-heading {
    font-size: 1.875em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__lg-medium-heading {
    font-size: 1.875em
  }
}

.generic-panel__head .generic-heading__lg-medium-heading--left-icon {
  --circle-size: 0.45267em;
  --circle-space-txt: 0.66667em;
  --circle-blur: 0.18167em;
  --circle-radius: 0.45254em;
  position: relative
}

.generic-panel__head .generic-heading__lg-medium-heading--left-icon span {
  display: flex;
  flex-wrap: wrap;
  position: relative
}

.generic-panel__head .generic-heading__lg-medium-heading--left-icon span::after,
.generic-panel__head .generic-heading__lg-medium-heading--left-icon span::before {
  content: "";
  width: var(--circle-size);
  height: var(--circle-size);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: var(--circle-radius);
  background: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%)
}

.generic-panel__head .generic-heading__lg-medium-heading--left-icon span::before {
  left: var(--circle-blue-before-two);
  filter: blur(var(--circle-blur))
}

.generic-panel__head .generic-heading__lg-medium-heading--left-icon span::after {
  left: var(--circle-blur-after-two)
}

.generic-panel__head .generic-heading__lg-medium-heading--left-icon--center-txt {
  margin-left: auto;
  margin-right: auto
}

.generic-panel__head .generic-heading__lg-medium-heading-sec {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.01em;
  letter-spacing: -.04em;
  margin-bottom: .75em
}

.generic-panel__head .generic-heading__lg-medium-heading-sec.bold {
  font-weight: 600
}

@media (min-width:992px) {
  .generic-panel__head .generic-heading__lg-medium-heading-sec {
    font-size: 2.5em
  }
}

@media (max-width:991.98px) {
  .generic-panel__head .generic-heading__lg-medium-heading-sec {
    font-size: 1.75em;
    line-height: 1.25em
  }
}

.generic-panel__head .generic-heading__xl-medium-heading {
  font-size: 2em;
  font-weight: 300;
  line-height: 1.3em;
  letter-spacing: -.04em
}

@media (min-width:576px) {
  .generic-panel__head .generic-heading__xl-medium-heading {
    font-size: 3em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xl-medium-heading {
    font-size: 2.8125em
  }
}

.generic-panel__head .generic-heading__xxl-medium-heading {
  font-size: 2em;
  font-weight: 500;
  line-height: 1.45em;
  letter-spacing: -2.5px
}

@media (min-width:576px) {
  .generic-panel__head .generic-heading__xxl-medium-heading {
    font-size: 3em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xxl-medium-heading {
    font-size: 3.125em
  }
}

.generic-panel__head .generic-heading__xxxl-medium-heading {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: -.04em
}

@media (min-width:576px) {
  .generic-panel__head .generic-heading__xxxl-medium-heading {
    font-size: 3em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xxxl-medium-heading {
    font-size: 3.4375em
  }
}

.generic-panel__head .generic-heading__xxxxl-medium-heading {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.03125em;
  line-height: 1.25em;
  text-transform: capitalize
}

@media (min-width:576px) {
  .generic-panel__head .generic-heading__xxxxl-medium-heading {
    font-size: 3em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xxxxl-medium-heading {
    font-size: 3.75em
  }
}

.generic-panel__head .generic-heading__xxxxxl-medium-heading {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.03125em;
  line-height: 1.25em
}

@media (min-width:576px) {
  .generic-panel__head .generic-heading__xxxxxl-medium-heading {
    font-size: 3em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xxxxxl-medium-heading {
    font-size: 4em
  }
}

.generic-panel__head .generic-heading__large-heading {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: -.04em;
  margin-bottom: .6154em;
  word-wrap: break-word
}

@media (min-width:768px) {
  .generic-panel__head .generic-heading__large-heading {
    font-size: 3em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__large-heading {
    font-size: 4.5em;
    margin-bottom: .41667em
  }
}

.generic-panel__head .generic-heading__xlarge-heading {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.09722em;
  margin-bottom: 1em;
  word-wrap: break-word;
  letter-spacing: -.02em
}

@media (min-width:768px) {
  .generic-panel__head .generic-heading__xlarge-heading {
    font-size: 3em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xlarge-heading {
    font-size: 4.75em;
    margin-bottom: .394736em
  }
}

@media (max-width:991.98px) {
  .generic-panel__head .generic-heading__xlarge-heading {
    line-height: 1.25em
  }
}

.generic-panel__head .generic-heading__xxlarge-heading {
  font-size: 2em;
  font-weight: 700;
  line-height: .94em;
  margin-bottom: 1em;
  word-wrap: break-word
}

@media (min-width:768px) {
  .generic-panel__head .generic-heading__xxlarge-heading {
    font-size: 3em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xxlarge-heading {
    font-size: 6.25em;
    margin-bottom: .394736em
  }
}

.generic-panel__head .generic-heading__xxxlarge-heading {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.09722em;
  margin-bottom: 1em;
  word-wrap: break-word
}

@media (min-width:768px) {
  .generic-panel__head .generic-heading__xxxlarge-heading {
    font-size: 3em
  }
}

@media (min-width:1200px) {
  .generic-panel__head .generic-heading__xxxlarge-heading {
    font-size: 6.875em;
    margin-bottom: .394736em
  }
}

.generic-panel__head .generic-heading--outline-text--primarycolor {
  color: rgba(var(--white-color), 1);
  text-shadow: 0 0 0 rgba(var(--brown-yellow), 1), -1px -1px 0 rgba(var(--brown-yellow), 1), 1px -1px 0 rgba(var(--brown-yellow), 1), -1px 1px 0 rgba(var(--brown-yellow), 1), 1px 1px 0 rgba(var(--brown-yellow), 1)
}

.generic-panel__head--center {
  text-align: center
}

.generic-panel__head--center .generic-heading__small-heading {
  display: inline-flex;
  justify-content: center
}

.generic-panel__content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.875em
}

.generic-panel__content--center {
  text-align: center;
  justify-content: center
}

@media (min-width:1200px) {
  .generic-panel__content--small-left-space {
    padding-left: 8.125em
  }
}

@media (min-width:1200px) {
  .generic-panel__content--small-right-space {
    padding-right: 15em
  }
}

@media (min-width:1200px) {
  .generic-panel__content--large-right-space {
    padding-right: 30em
  }
}

@media (min-width:1200px) {
  .generic-panel__content--small-max-width {
    max-width: 28.875em
  }
}

@media (min-width:1200px) {
  .generic-panel__content--max-width {
    max-width: 30.75em
  }
}

.generic-panel__content p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.25em;
  letter-spacing: -.04em
}

.generic-panel__content p:last-child,
.generic-panel__content p:only-child {
  margin-bottom: 0
}

.generic-panel__content p.small {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.35em;
  letter-spacing: -.05em
}

.generic-panel__content p.medium {
  font-size: 2.1875em;
  font-weight: 300;
  line-height: 1.35em;
  letter-spacing: -.05em
}

.generic-panel__content p a {
  text-decoration: none;
  color: currentColor;
  font-size: 1em;
  font-weight: 300;
  text-transform: none;
  position: relative
}

.generic-panel__content p a::after {
  content: "";
  height: 1px;
  pointer-events: none;
  position: absolute;
  right: auto;
  bottom: -.1em;
  left: 0;
  width: 100%;
  background: currentColor;
  transition-property: width;
  transition-timing-function: cubic-bezier(.135, .9, .15, 1);
  transition-duration: .9s
}

.generic-panel__content p a:hover::after {
  left: auto;
  right: 0;
  width: 0
}

.generic-panel__content p mark {
  background: linear-gradient(213deg, #51A699 -39.81%, #72B763 85.21%);
  color: rgba(var(--white-color), 1);
  padding: 0 3px
}

.generic-panel__content ol,
.generic-panel__content ul {
  list-style-position: inside;
  font-size: 1em;
  width: 100%
}

.generic-panel__content ol li,
.generic-panel__content ul li {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.25em;
  letter-spacing: -.04em
}

.generic-panel__content ol li::marker,
.generic-panel__content ul li::marker {
  color: currentColor
}

@media (min-width:1200px) {
  .generic-panel__content.large-txt {
    padding-right: 3.75em
  }
}

.generic-panel__content.large-txt p {
  font-weight: 400;
  line-height: 1.2em;
  letter-spacing: -.04em;
  text-transform: capitalize
}

@media (min-width:1200px) {
  .generic-panel__content.large-txt p {
    font-size: 2.1875em
  }
}

.generic-panel__content.large-txt p b,
.generic-panel__content.large-txt p strong {
  font-weight: 500
}

.generic-panel .top-heading {
  text-transform: uppercase
}

.generic-panel .top-heading__line {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1em;
  letter-spacing: -.04em
}

.generic-panel--center-txt {
  text-align: center
}

.generic-panel__btn {
  display: flex;
  flex-wrap: wrap
}

.generic-panel__btn--center {
  justify-content: center
}

.generic-panel__btn--right {
  justify-content: flex-end
}

.bullet-list-points {
  list-style-type: none;
  font-size: 1em;
  height: 100%
}

.bullet-list-points li {
  font-weight: 300;
  line-height: normal;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.03071em;
  letter-spacing: -.04121em
}

@media (min-width:1200px) {
  .bullet-list-points li {
    font-size: 1.25em;
    letter-spacing: -.04em
  }
}

.bullet-list-points li::after,
.bullet-list-points li::before {
  content: "";
  display: flex;
  flex-wrap: wrap;
  position: absolute
}

.bullet-list-points li::before {
  z-index: 0;
  background: linear-gradient(90deg, #51A699 0, #72B763 100%)
}

.bullet-list-points li::after {
  z-index: -1;
  background: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%);
  filter: blur(.2725em)
}

@media (max-width:1199.98px) {

  .bullet-list-points li:last-child,
  .bullet-list-points li:only-child {
    padding-right: 0
  }
}

@media (min-width:1200px) {
  .bullet-list-points--small-bullet li {
    padding-left: 2.9em;
    padding-left: 2.62786em
  }
}

@media (max-width:1199.98px) {
  .bullet-list-points--small-bullet li {
    padding-left: .97929em;
    padding-right: 2.00929em;
    margin: 1em 0 0
  }
}

.bullet-list-points--small-bullet li::after,
.bullet-list-points--small-bullet li::before {
  width: .35em;
  height: .35em;
  border-radius: .35em
}

@media (min-width:1200px) {

  .bullet-list-points--small-bullet li::after,
  .bullet-list-points--small-bullet li::before {
    left: 1.95em;
    top: 50%;
    transform: translate(-50%, -50%)
  }
}

@media (max-width:1199.98px) {

  .bullet-list-points--small-bullet li::after,
  .bullet-list-points--small-bullet li::before {
    left: 0;
    top: 50%;
    transform: translate(0, 0)
  }
}

.bullet-list-points--medium-bullet li {
  padding-left: 1.2788em
}

@media (min-width:1200px) {
  .bullet-list-points--medium-bullet li {
    padding-left: 1.2788em
  }
}

.bullet-list-points--medium-bullet li::after,
.bullet-list-points--medium-bullet li::before {
  width: .6788em;
  height: .6788em;
  border-radius: .6788em
}

@media (min-width:1200px) {

  .bullet-list-points--medium-bullet li::after,
  .bullet-list-points--medium-bullet li::before {
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
  }
}

@media (max-width:1199.98px) {

  .bullet-list-points--medium-bullet li::after,
  .bullet-list-points--medium-bullet li::before {
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
  }
}

.bullet-list-points--medium-bullet.bullet-top li::after,
.bullet-list-points--medium-bullet.bullet-top li::before {
  top: .4em;
  transform: translate(0, 0)
}

.bullet-list-points--horizontal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin: 0
}

.bullet-list-points--horizontal li {
  margin-bottom: 0
}

.bullet-list-points--vertical {
  flex-direction: column;
  flex-wrap: nowrap
}

.bullet-list-points--vertical li.d-block {
  display: block
}

.contact-form-box {
  width: 100%;
  border-radius: 2.5em;
  padding: 2.1875em 2.5em
}

.contact-form-box--blur-bg {
  -webkit-backdrop-filter: blur(7.4000000954px);
  backdrop-filter: blur(7.4000000954px);
  background: rgba(var(--black-color), .3);
  border: 1px solid rgba(var(--white-color), .65)
}

.contact-form-box .generic-panel {
  margin-bottom: 1.5625em
}

.button-count-1 {
  width: 11.375em
}

.button-count-1 .category-wrapper__item:nth-child(1).active~.glider {
  transform: translateX(0)
}

.button-count-2 {
  width: 22.75em
}

.button-count-2 .category-wrapper__item:nth-child(1).active~.glider {
  transform: translateX(0)
}

.button-count-2 .category-wrapper__item:nth-child(2).active~.glider {
  transform: translateX(100%)
}

.button-count-3 {
  width: 34.125em
}

.button-count-3 .category-wrapper__item:nth-child(1).active~.glider {
  transform: translateX(0)
}

.button-count-3 .category-wrapper__item:nth-child(2).active~.glider {
  transform: translateX(100%)
}

.button-count-3 .category-wrapper__item:nth-child(3).active~.glider {
  transform: translateX(200%)
}

.button-count-4 {
  width: 45.5em
}

.button-count-4 .category-wrapper__item:nth-child(1).active~.glider {
  transform: translateX(0)
}

.button-count-4 .category-wrapper__item:nth-child(2).active~.glider {
  transform: translateX(100%)
}

.button-count-4 .category-wrapper__item:nth-child(3).active~.glider {
  transform: translateX(200%)
}

.button-count-4 .category-wrapper__item:nth-child(4).active~.glider {
  transform: translateX(300%)
}

.button-count-5 {
  width: 56.875em
}

.button-count-5 .category-wrapper__item:nth-child(1).active~.glider {
  transform: translateX(0)
}

.button-count-5 .category-wrapper__item:nth-child(2).active~.glider {
  transform: translateX(100%)
}

.button-count-5 .category-wrapper__item:nth-child(3).active~.glider {
  transform: translateX(200%)
}

.button-count-5 .category-wrapper__item:nth-child(4).active~.glider {
  transform: translateX(300%)
}

.button-count-5 .category-wrapper__item:nth-child(5).active~.glider {
  transform: translateX(400%)
}

.primary-color {
  color: rgba(var(--brown-yellow), 1)
}

.primary-bg {
  background-color: rgba(var(--brown-yellow), 1)
}

.secondary-color {
  color: rgba(var(--charleston-green), 1)
}

.secondary-bg {
  background-color: rgba(var(--charleston-green), 1)
}

.white-color {
  color: rgba(var(--white-color), 1)
}

.white-bg {
  background-color: rgba(var(--white-color), 1)
}

.black-color {
  color: rgba(var(--black-color), 1)
}

.black-color-hopc {
  color: rgba(var(--black-color), .5)
}

.black-bg {
  background-color: rgba(var(--black-color), 1)
}

.bright-gray-color {
  color: rgba(var(--bright-gray), 1)
}

.bright-gray-bg {
  background-color: rgba(var(--bright-gray), 1)
}

.light-silver-color {
  color: rgba(var(--light-silver), 1)
}

.light-silver-bg {
  background-color: rgba(var(--light-silver), 1)
}

.cultured-color {
  color: rgba(var(--cultured), 1)
}

.cultured-bg {
  background-color: rgba(var(--cultured), 1)
}

.ghost-white-color {
  color: rgba(var(--ghost-white), 1)
}

.ghost-white-bg {
  background-color: rgba(var(--ghost-white), 1)
}

.black-olive-color {
  color: rgba(var(--black-olive), 1)
}

.black-olive-bg {
  background-color: rgba(var(--black-olive), 1)
}

.maximum-purple-color {
  color: rgba(var(--maximum-purple), 1)
}

.maximum-purple-bg {
  background-color: rgba(var(--maximum-purple), 1)
}

.midnight-color {
  color: rgba(var(--midnight), 1)
}

.midnight-bg {
  background-color: rgba(var(--midnight), 1)
}

.purple-color {
  color: rgba(var(--purple), 1)
}

.purple-bg {
  background-color: rgba(var(--purple), 1)
}

@keyframes anim {
  from {
    opacity: 0
  }

  to {
    opacity: 1;
    transform: translate(0, 0)
  }
}

.animate {
  --animate-duration: 1s;
  --animate-delay: 0s;
  --animate-easing: ease-out;
  opacity: 0;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0)
}

.animate.fadein-Left {
  transform: translate(100px, 0)
}

.animate.fadein-Right {
  transform: translate(-100px, 0)
}

.animate.fadein-Up {
  transform: translate(0, 100px)
}

.animate.fadein-Down {
  transform: translate(0, -100px)
}

.animate.animated {
  animation: anim var(--animate-duration) var(--animate-delay) forwards var(--animate-easing)
}

@media (max-width:767.98px) {
  .animate {
    opacity: 1
  }

  .animate.fadein-Down,
  .animate.fadein-Left,
  .animate.fadein-Right,
  .animate.fadein-Up {
    transform: translate(0, 0)
  }
}

.lazy-img {
  opacity: 0;
  transition: opacity .3s ease-in-out
}

.lazy-loaded {
  opacity: 1
}

.lazy-loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite
}

@keyframes loading {
  0% {
    background-position: 200% 0
  }

  100% {
    background-position: -200% 0
  }
}

.lazy-load-error {
  filter: grayscale(100%);
  opacity: .5
}

@media (min-width:768px) {
  .img__observer {
    --transition-duration: 0.5s;
    --transition-delay: 0s;
    transition-duration: .5s;
    transition-delay: 0s;
    position: relative
  }

  .img__observer::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background: linear-gradient(213deg, #51A699 -39.81%, #72B763 85.21%);
    bottom: 0;
    left: 1px;
    z-index: 0;
    border-radius: inherit
  }

  .img__observer img {
    will-change: clip-path;
    border-radius: inherit
  }

  .img__observer__simple img {
    overflow: hidden;
    border-radius: inherit;
    clip-path: inset(0 100% 0 0);
    will-change: clip-path
  }

  .img__observer__simple::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background: rgba(var(--brown-yellow), 1);
    bottom: 0;
    left: 1px;
    z-index: 0;
    border-radius: inherit;
    transition: width .5s ease;
    transition: width var(--transition-duration, .5s) ease
  }

  .img__observer__simple.active img {
    transition: all .5s;
    transition-delay: .5s;
    transition: all var(--transition-duration, .5s);
    transition-delay: var(--transition-delay, .5s);
    clip-path: inset(0 0 0 0)
  }

  .img__observer__simple.active::before {
    width: 99.5%
  }

  .img__observer__simple.white-bg::before {
    background: rgba(var(--white-color), 1)
  }

  .img__observer__simple.black-bg::before {
    background: rgba(var(--black-color), 1)
  }

  .img__observer__one .observer__child {
    overflow: hidden;
    clip-path: inset(0 100% 0 0);
    will-change: clip-path
  }

  .img__observer__one .observer__child:not(.transitioning) {
    transition: none !important
  }

  .img__observer__one.active::before {
    width: 99.5%;
    transition: .5s
  }

  .img__observer__one.active .observer__child {
    clip-path: inset(0 0 0 0);
    transition: clip-path .5s;
    transition-delay: .5s;
    height: 100%;
  }

  .img__observer__two .observer__child {
    overflow: hidden;
    clip-path: inset(0 0 0 100%);
    will-change: clip-path
  }

  .img__observer__two .observer__child:not(.transitioning) {
    transition: none !important
  }

  .img__observer__two.active .observer__child {
    clip-path: inset(0 0 0 0);
    transition: clip-path 2s;
    transition-delay: .4s
  }

  .img__observer__one .observer__child,
  .img__observer__two .observer__child {
    transition: clip-path var(--transition-duration, 2s);
    transition-delay: var(--transition-delay, .1s)
  }

  .img__observer__center .observer__child {
    overflow: hidden;
    clip-path: inset(50% 50%);
    will-change: clip-path;
    transition: clip-path var(--transition-duration, 1.5s) ease-in-out
  }

  .img__observer__center .observer__child:not(.transitioning) {
    transition: none !important
  }

  .img__observer__center.active .observer__child {
    clip-path: inset(0 0 0 0);
    transition: clip-path 1.5s ease-in-out
  }
}

@media (prefers-reduced-motion:reduce) {
  .img__observer {
    --transition-duration: 0.01s !important;
    --transition-delay: 0s !important
  }

  .img__observer .observer__child {
    transition: none !important
  }

  .img__observer::before {
    transition: none !important
  }
}

@media (prefers-reduced-motion:reduce) {
  .img__observer {
    --transition-duration: 0.01s !important
  }
}

.text-center {
  text-align: center
}

.m-auto {
  margin: 0 auto
}

.m-0 {
  margin: 0
}

.mb-zero {
  margin-bottom: 0 !important
}

@media (max-width:991.98px) {
  .mb-md {
    margin-bottom: 2em
  }
}

@media (max-width:767.98px) {
  .mb-sm {
    margin-bottom: 2em
  }
}

.pt-zero {
  padding-top: 0
}

.pr-zero {
  padding-right: 0
}

.pb-zero {
  padding-bottom: 0
}

.pl-zero {
  padding-left: 0
}

.text-lower {
  text-transform: lowercase !important
}

.text-upper {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.generic--radius {
  border-radius: 10px
}

.position-relative {
  position: relative
}

.position-absolute {
  position: absolute
}

.d-flex {
  display: flex;
  flex-wrap: wrap
}

.justify-content-center {
  justify-content: center
}

.justify-content-between {
  justify-content: space-between
}

@media (min-width:1200px) {
  .justify-content-between-desktop {
    justify-content: space-between
  }
}

.justify-content-around {
  justify-content: space-around
}

.justify-content-end {
  justify-content: flex-end
}

.align-items-center {
  align-items: center
}

.align-items-end {
  align-items: end
}

@media (min-width:1200px) {
  .align-item-center-desktop {
    align-items: center
  }
}

.align-item-end {
  align-items: flex-end
}

@media (max-width:575.98px) {
  .flex-direction-col-rev-mob {
    flex-direction: column-reverse
  }
}

.w-100 {
  width: 100%
}

.h-100 {
  height: 100%
}

@media (min-width:576px) {
  .mobile-only {
    display: none
  }
}

@media (max-width:575.98px) {
  .desktop-only {
    display: none
  }
}

.img-hack{
  width: 100%;
}

.img-hack-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.img-hack-contain {
  -o-object-fit: contain;
  object-fit: contain
}

.line-clamp-1 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-line-clamp: 1
}

.line-clamp-2 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-line-clamp: 2
}

.line-clamp-3 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-line-clamp: 3
}

.line-clamp-4 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-line-clamp: 4
}

.line-clamp-5 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-line-clamp: 5
}

.line-clamp-6 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-line-clamp: 6
}

.line-clamp-7 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-line-clamp: 7
}

strong.txt-bold {
  font-weight: 500
}

strong.txt-bolder {
  font-weight: 700
}

.fw-200 {
  font-weight: 200
}

.fw-300 {
  font-weight: 300
}

.fw-400 {
  font-weight: 400
}

.fw-500 {
  font-weight: 500
}

.fw-600 {
  font-weight: 600
}

.fw-700 {
  font-weight: 700
}

.fw-800 {
  font-weight: 800
}

.custom-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.625em
}

.no-gutters {
  margin: 0;
  width: 100%
}

.no-gutters>[class*=col_] {
  padding: 0
}

.col_offset_0 {
  margin-left: 0
}

.col_1 {
  flex: 0 0 8.3333333333%;
  width: 8.3333333333%;
  padding: 0 .625em
}

.col_offset_1 {
  margin-left: 8.3333333333%
}

.col_2 {
  flex: 0 0 16.6666666667%;
  width: 16.6666666667%;
  padding: 0 .625em
}

.col_offset_2 {
  margin-left: 16.6666666667%
}

.col_3 {
  flex: 0 0 25%;
  width: 25%;
  padding: 0 .625em
}

.col_offset_3 {
  margin-left: 25%
}

.col_4 {
  flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
  padding: 0 .625em
}

.col_offset_4 {
  margin-left: 33.3333333333%
}

.col_5 {
  flex: 0 0 41.6666666667%;
  width: 41.6666666667%;
  padding: 0 .625em
}

.col_offset_5 {
  margin-left: 41.6666666667%
}

.col_6 {
  flex: 0 0 50%;
  width: 50%;
  padding: 0 .625em
}

.col_offset_6 {
  margin-left: 50%
}

.col_7 {
  flex: 0 0 58.3333333333%;
  width: 58.3333333333%;
  padding: 0 .625em
}

.col_offset_7 {
  margin-left: 58.3333333333%
}

.col_8 {
  flex: 0 0 66.6666666667%;
  width: 66.6666666667%;
  padding: 0 .625em
}

.col_offset_8 {
  margin-left: 66.6666666667%
}

.col_9 {
  flex: 0 0 75%;
  width: 75%;
  padding: 0 .625em
}

.col_offset_9 {
  margin-left: 75%
}

.col_10 {
  flex: 0 0 83.3333333333%;
  width: 83.3333333333%;
  padding: 0 .625em
}

.col_offset_10 {
  margin-left: 83.3333333333%
}

.col_11 {
  flex: 0 0 91.6666666667%;
  width: 91.6666666667%;
  padding: 0 .625em
}

.col_offset_11 {
  margin-left: 91.6666666667%
}

.col_12 {
  flex: 0 0 100%;
  width: 100%;
  padding: 0 .625em
}

.col_offset_12 {
  margin-left: 100%
}

@media (min-width:576px) {
  .col_sm_offset_0 {
    margin-left: 0
  }

  .col_sm_1 {
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    padding: 0 .625em
  }

  .col_sm_offset_1 {
    margin-left: 8.3333333333%
  }

  .col_sm_2 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    padding: 0 .625em
  }

  .col_sm_offset_2 {
    margin-left: 16.6666666667%
  }

  .col_sm_3 {
    flex: 0 0 25%;
    width: 25%;
    padding: 0 .625em
  }

  .col_sm_offset_3 {
    margin-left: 25%
  }

  .col_sm_4 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    padding: 0 .625em
  }

  .col_sm_offset_4 {
    margin-left: 33.3333333333%
  }

  .col_sm_5 {
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    padding: 0 .625em
  }

  .col_sm_offset_5 {
    margin-left: 41.6666666667%
  }

  .col_sm_6 {
    flex: 0 0 50%;
    width: 50%;
    padding: 0 .625em
  }

  .col_sm_offset_6 {
    margin-left: 50%
  }

  .col_sm_7 {
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    padding: 0 .625em
  }

  .col_sm_offset_7 {
    margin-left: 58.3333333333%
  }

  .col_sm_8 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    padding: 0 .625em
  }

  .col_sm_offset_8 {
    margin-left: 66.6666666667%
  }

  .col_sm_9 {
    flex: 0 0 75%;
    width: 75%;
    padding: 0 .625em
  }

  .col_sm_offset_9 {
    margin-left: 75%
  }

  .col_sm_10 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    padding: 0 .625em
  }

  .col_sm_offset_10 {
    margin-left: 83.3333333333%
  }

  .col_sm_11 {
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    padding: 0 .625em
  }

  .col_sm_offset_11 {
    margin-left: 91.6666666667%
  }

  .col_sm_12 {
    flex: 0 0 100%;
    width: 100%;
    padding: 0 .625em
  }

  .col_sm_offset_12 {
    margin-left: 100%
  }
}

@media (min-width:768px) {
  .col_md_offset_0 {
    margin-left: 0
  }

  .col_md_1 {
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    padding: 0 .625em
  }

  .col_md_offset_1 {
    margin-left: 8.3333333333%
  }

  .col_md_2 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    padding: 0 .625em
  }

  .col_md_offset_2 {
    margin-left: 16.6666666667%
  }

  .col_md_3 {
    flex: 0 0 25%;
    width: 25%;
    padding: 0 .625em
  }

  .col_md_offset_3 {
    margin-left: 25%
  }

  .col_md_4 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    padding: 0 .625em
  }

  .col_md_offset_4 {
    margin-left: 33.3333333333%
  }

  .col_md_5 {
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    padding: 0 .625em
  }

  .col_md_offset_5 {
    margin-left: 41.6666666667%
  }

  .col_md_6 {
    flex: 0 0 50%;
    width: 50%;
    padding: 0 .625em
  }

  .col_md_offset_6 {
    margin-left: 50%
  }

  .col_md_7 {
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    padding: 0 .625em
  }

  .col_md_offset_7 {
    margin-left: 58.3333333333%
  }

  .col_md_8 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    padding: 0 .625em
  }

  .col_md_offset_8 {
    margin-left: 66.6666666667%
  }

  .col_md_9 {
    flex: 0 0 75%;
    width: 75%;
    padding: 0 .625em
  }

  .col_md_offset_9 {
    margin-left: 75%
  }

  .col_md_10 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    padding: 0 .625em
  }

  .col_md_offset_10 {
    margin-left: 83.3333333333%
  }

  .col_md_11 {
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    padding: 0 .625em
  }

  .col_md_offset_11 {
    margin-left: 91.6666666667%
  }

  .col_md_12 {
    flex: 0 0 100%;
    width: 100%;
    padding: 0 .625em
  }

  .col_md_offset_12 {
    margin-left: 100%
  }
}

@media (min-width:992px) {
  .col_lg_offset_0 {
    margin-left: 0
  }

  .col_lg_1 {
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    padding: 0 .625em
  }

  .col_lg_offset_1 {
    margin-left: 8.3333333333%
  }

  .col_lg_2 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    padding: 0 .625em
  }

  .col_lg_offset_2 {
    margin-left: 16.6666666667%
  }

  .col_lg_3 {
    flex: 0 0 25%;
    width: 25%;
    padding: 0 .625em
  }

  .col_lg_offset_3 {
    margin-left: 25%
  }

  .col_lg_4 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    padding: 0 .625em
  }

  .col_lg_offset_4 {
    margin-left: 33.3333333333%
  }

  .col_lg_5 {
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    padding: 0 .625em
  }

  .col_lg_offset_5 {
    margin-left: 41.6666666667%
  }

  .col_lg_6 {
    flex: 0 0 50%;
    width: 50%;
    padding: 0 .625em
  }

  .col_lg_offset_6 {
    margin-left: 50%
  }

  .col_lg_7 {
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    padding: 0 .625em
  }

  .col_lg_offset_7 {
    margin-left: 58.3333333333%
  }

  .col_lg_8 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    padding: 0 .625em
  }

  .col_lg_offset_8 {
    margin-left: 66.6666666667%
  }

  .col_lg_9 {
    flex: 0 0 75%;
    width: 75%;
    padding: 0 .625em
  }

  .col_lg_offset_9 {
    margin-left: 75%
  }

  .col_lg_10 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    padding: 0 .625em
  }

  .col_lg_offset_10 {
    margin-left: 83.3333333333%
  }

  .col_lg_11 {
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    padding: 0 .625em
  }

  .col_lg_offset_11 {
    margin-left: 91.6666666667%
  }

  .col_lg_12 {
    flex: 0 0 100%;
    width: 100%;
    padding: 0 .625em
  }

  .col_lg_offset_12 {
    margin-left: 100%
  }
}

@media (min-width:1200px) {
  .col_xl_offset_0 {
    margin-left: 0
  }

  .col_xl_1 {
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    padding: 0 .625em
  }

  .col_xl_offset_1 {
    margin-left: 8.3333333333%
  }

  .col_xl_2 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    padding: 0 .625em
  }

  .col_xl_offset_2 {
    margin-left: 16.6666666667%
  }

  .col_xl_3 {
    flex: 0 0 25%;
    width: 25%;
    padding: 0 .625em
  }

  .col_xl_offset_3 {
    margin-left: 25%
  }

  .col_xl_4 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    padding: 0 .625em
  }

  .col_xl_offset_4 {
    margin-left: 33.3333333333%
  }

  .col_xl_5 {
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    padding: 0 .625em
  }

  .col_xl_offset_5 {
    margin-left: 41.6666666667%
  }

  .col_xl_6 {
    flex: 0 0 50%;
    width: 50%;
    padding: 0 .625em
  }

  .col_xl_offset_6 {
    margin-left: 50%
  }

  .col_xl_7 {
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    padding: 0 .625em
  }

  .col_xl_offset_7 {
    margin-left: 58.3333333333%
  }

  .col_xl_8 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    padding: 0 .625em
  }

  .col_xl_offset_8 {
    margin-left: 66.6666666667%
  }

  .col_xl_9 {
    flex: 0 0 75%;
    width: 75%;
    padding: 0 .625em
  }

  .col_xl_offset_9 {
    margin-left: 75%
  }

  .col_xl_10 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    padding: 0 .625em
  }

  .col_xl_offset_10 {
    margin-left: 83.3333333333%
  }

  .col_xl_11 {
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    padding: 0 .625em
  }

  .col_xl_offset_11 {
    margin-left: 91.6666666667%
  }

  .col_xl_12 {
    flex: 0 0 100%;
    width: 100%;
    padding: 0 .625em
  }

  .col_xl_offset_12 {
    margin-left: 100%
  }
}

.uline,
.w-uline {
  font-size: 1.25em;
  position: relative;
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  text-transform: capitalize;
  transition: all .5s ease
}

@media (max-width:1199.98px) {

  .uline,
  .w-uline {
    font-size: 1em
  }
}

.uline::after,
.w-uline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -.19em;
  width: 100%;
  height: 3px;
  background: currentColor;
  transition: all .5s ease
}

.uline:hover::after,
.w-uline:hover::after {
  transition: all .5s ease
}

.w-uline--center::after {
  transform: scaleX(0)
}

.w-uline--center:hover::after {
  transform: scaleX(1)
}

.w-uline--center-w-icon::after {
  display: none;
  visibility: hidden
}

.w-uline--center-w-icon span {
  position: relative
}

.w-uline--center-w-icon span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -.19em;
  width: 100%;
  height: 2px;
  background: rgba(var(--brown-yellow), 1);
  transform: scaleX(0);
  transition: all .5s ease
}

.w-uline--center-w-icon:hover span::after {
  transform: scaleX(1)
}

.w-uline--left-right {
  transition-property: all;
  transition-timing-function: cubic-bezier(.135, .9, .15, 1);
  transition-duration: .9s
}

.w-uline--left-right::after {
  height: 1px;
  pointer-events: none;
  right: 0;
  bottom: 0;
  left: auto;
  width: 0;
  background: currentColor;
  transition-property: width;
  transition-timing-function: cubic-bezier(.135, .9, .15, 1);
  transition-duration: .9s
}

.w-uline--left-right:hover {
  color: currentColor
}

.w-uline--left-right:hover::after {
  left: 0;
  right: auto;
  width: 100%
}

.uline::after {
  transform: scaleX(1)
}

.uline:hover::after {
  transform: scaleX(0)
}

.btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative
}

@media (max-width:575.98px) {
  .btn-wrapper {
    margin: 2px
  }
}

.btn-wrapper .arrow-anchor {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: 0 0;
  background-color: transparent;
  border: none;
  font-size: 1em;
  padding: .625em 1.25em
}

.btn-wrapper .arrow-anchor::before {
  content: "";
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid rgba(172, 172, 172, .3);
  border-radius: 2.4375em
}

@media (max-width:575.98px) {
  .btn-wrapper .arrow-anchor {
    order: 2
  }
}

@media (max-width:575.98px) {
  .btn-wrapper .arrow-anchor .form-message {
    order: 1
  }
}

.btn-wrapper .arrow-anchor span {
  color: currentColor;
  transition: .25s;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.66667em
}

.btn-wrapper .arrow-anchor .img-wrapper {
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.btn-wrapper .arrow-anchor .img-wrapper--small {
  width: 3.125em;
  height: 3.125em
}

@media (max-width:1599.98px) {
  .btn-wrapper .arrow-anchor .img-wrapper--small {
    width: 3.75em;
    height: 3.75em
  }
}

@media (max-width:575.98px) {
  .btn-wrapper .arrow-anchor .img-wrapper--small {
    width: 3em;
    height: 3em
  }
}

.btn-wrapper .arrow-anchor .img-wrapper--medium {
  width: 3.75em;
  height: 3.75em
}

@media (max-width:1599.98px) {
  .btn-wrapper .arrow-anchor .img-wrapper--medium {
    width: 3.75em;
    height: 3.75em
  }
}

@media (max-width:575.98px) {
  .btn-wrapper .arrow-anchor .img-wrapper--medium {
    width: 3em;
    height: 3em
  }
}

.btn-wrapper .arrow-anchor .img-wrapper img,
.btn-wrapper .arrow-anchor .img-wrapper svg {
  width: 1.25em;
  height: .9375em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transform: rotate(0);
  transition: .4s
}

.btn-wrapper .arrow-anchor .img-wrapper img g,
.btn-wrapper .arrow-anchor .img-wrapper svg g {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

@media (max-width:1599.98px) {

  .btn-wrapper .arrow-anchor .img-wrapper img,
  .btn-wrapper .arrow-anchor .img-wrapper svg {
    width: 1.15em;
    height: 1.15em;
    width: 13.0781px;
    height: 13.0781px
  }
}

@media (max-width:575.98px) {

  .btn-wrapper .arrow-anchor .img-wrapper img,
  .btn-wrapper .arrow-anchor .img-wrapper svg {
    width: 1em;
    height: 1em
  }
}

.btn-wrapper .arrow-anchor.black-color .img-wrapper {
  background: rgba(var(--brown-yellow), 1)
}

.btn-wrapper .arrow-anchor.white-color .img-wrapper {
  background: rgba(var(--brown-yellow), 1)
}

.btn-wrapper .arrow-anchor.primary-color .img-wrapper {
  background: rgba(var(--brown-yellow), 1)
}

.btn-wrapper .arrow-anchor.white-color-sec .img-wrapper {
  background: rgba(var(--brown-yellow), 1)
}

.btn-wrapper .arrow-anchor:hover .img-wrapper img,
.btn-wrapper .arrow-anchor:hover .img-wrapper svg {
  transform: rotate(45deg)
}

.btn-wrapper .arrow-anchor:hover.black-color span {
  color: rgba(var(--brown-yellow), 1)
}

.btn-wrapper .arrow-anchor:hover.black-color .img-wrapper {
  background: rgba(var(--white-color), 1);
  box-shadow: 0 0 9px 6px rgba(136, 136, 136, .18)
}

.btn-wrapper .arrow-anchor:hover.black-color .img-wrapper svg path {
  stroke: rgba(var(--brown-yellow), 1)
}

.btn-wrapper .arrow-anchor:hover.white-color span {
  color: rgba(var(--black-color), 1)
}

.btn-wrapper .arrow-anchor:hover.white-color .img-wrapper {
  background: rgba(var(--white-color), 1);
  box-shadow: 0 0 9px 6px rgba(136, 136, 136, .18)
}

.btn-wrapper .arrow-anchor:hover.white-color .img-wrapper svg path {
  stroke: rgba(var(--black-color), 1)
}

.btn-wrapper .arrow-anchor:hover.white-color-sec span {
  color: rgba(var(--brown-yellow), 1)
}

.btn-wrapper .arrow-anchor:hover.white-color-sec .img-wrapper {
  background: rgba(var(--white-color), 1);
  box-shadow: 0 0 9px 6px rgba(136, 136, 136, .18)
}

.btn-wrapper .arrow-anchor:hover.white-color-sec .img-wrapper svg path {
  stroke: rgba(var(--brown-yellow), 1)
}

.btn-wrapper--full {
  width: 100%;
  position: relative;
  height: 3.125em
}

@media (min-width:1200px) {
  .btn-wrapper--full {
    height: 3.125em
  }
}

.btn-wrapper--full .arrow-anchor {
  justify-content: center;
  width: 100%;
  border-radius: .3125em;
  height: 3.125em
}

@media (min-width:1200px) {
  .btn-wrapper--full .arrow-anchor {
    height: 3.125em
  }
}

.btn-wrapper--full .arrow-anchor span {
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize
}

.btn-wrapper--full .arrow-anchor .img-wrapper {
  width: auto;
  height: auto
}

.btn-wrapper--full .arrow-anchor .img-wrapper svg {
  width: 15px;
  height: 11px
}

.btn-wrapper--full .arrow-anchor.white-color {
  background: 0 0
}

.btn-wrapper--full .arrow-anchor.white-color .img-wrapper {
  background: 0 0
}

.btn-wrapper--full .arrow-anchor.primary-color {
  background-color: rgba(var(--brown-yellow), 1)
}

.btn-wrapper--full .arrow-anchor.primary-color .img-wrapper {
  background: 0 0
}

.btn-wrapper--full .arrow-anchor.primary-color span {
  color: rgba(var(--white-color), 1)
}

.btn-wrapper--full .arrow-anchor.primary-color svg path {
  stroke: rgba(var(--white-color), 1)
}

.btn-wrapper--full .arrow-anchor:hover.white-color .img-wrapper {
  background: 0 0
}

.btn-wrapper--full .arrow-anchor:hover.white-color .img-wrapper svg path {
  fill: rgba(var(--black-color), 1);
  stroke: rgba(var(--black-color), 1)
}

.btn-wrapper--border-btn .arrow-anchor {
  border-radius: 3.3125em;
  border: 1px solid rgba(var(--white-color), 1);
  padding: .875em 1.625em;
  position: relative;
  overflow: hidden
}

.btn-wrapper--border-btn .arrow-anchor .img-wrapper {
  width: 1.125em;
  height: .8125em;
  z-index: 1
}

.btn-wrapper--border-btn .arrow-anchor span {
  font-size: 1.125em;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: capitalize;
  z-index: 1
}

.btn-wrapper--border-btn .arrow-anchor.white-color .img-wrapper {
  background: 0 0
}

.btn-wrapper--border-btn .arrow-anchor:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -.5em;
  width: 100%;
  height: 0;
  background: rgba(var(--white-color), 1);
  transform: scaleY(0);
  transition: all .5s ease;
  z-index: 0
}

.btn-wrapper--border-btn .arrow-anchor:hover.white-color span {
  color: rgba(var(--brown-yellow), 1)
}

.btn-wrapper--border-btn .arrow-anchor:hover.white-color .img-wrapper {
  background: 0 0;
  box-shadow: none
}

.btn-wrapper--border-btn .arrow-anchor:hover.white-color .img-wrapper svg path {
  fill: rgba(var(--brown-yellow), 1);
  stroke: rgba(var(--brown-yellow), 1)
}

.btn-wrapper--border-btn .arrow-anchor:hover.white-color:after {
  height: calc(100% + .5em);
  transform: scaleX(1)
}

.btn-wrapper--sparkle-btn .primary-btn {
  position: relative;
  padding: .6875em 1.25em;
  border-radius: 2.4375em;
  border: none;
  background: 0 0
}

@media (max-width:575.98px) {
  .btn-wrapper--sparkle-btn .primary-btn {
    padding: .6875em .75em
  }
}

.btn-wrapper--sparkle-btn .primary-btn__bg {
  position: absolute;
  inset: var(--cut);
  top: 0;
  left: 0;
  background: var(--bg);
  border-radius: 2.4375em;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out
}

.btn-wrapper--sparkle-btn .primary-btn__bg img {
  opacity: .1;
  z-index: 1;
  position: relative
}

.btn-wrapper--sparkle-btn .primary-btn__bg::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(213deg, #51A699 -39.81%, #72B763 85.21%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 2.4375em;
  transition: opacity .3s ease-in-out
}

.btn-wrapper--sparkle-btn .primary-btn__bg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .3;
  z-index: 1
}

.btn-wrapper--sparkle-btn .primary-btn .spark {
  position: absolute;
  inset: var(--cut);
  border-radius: 100px;
  rotate: 0deg;
  overflow: hidden;
  -webkit-mask: linear-gradient(white, transparent 50%);
  mask: linear-gradient(white, transparent 50%);
  animation: flip calc(var(--spark) * 2) infinite steps(2, end)
}

.btn-wrapper--sparkle-btn .primary-btn .spark:before {
  content: "";
  position: absolute;
  width: 200%;
  aspect-ratio: 1;
  top: 0;
  left: 50%;
  z-index: -1;
  translate: -50% -15%;
  rotate: 0;
  transform: rotate(-90deg);
  opacity: calc((var(--active)) + .4);
  background: conic-gradient(from 0deg, transparent 0 340deg, #fff 360deg);
  transition: opacity var(--transition);
  animation: rotate var(--spark) linear infinite both
}

.btn-wrapper--sparkle-btn .primary-btn .spark:after {
  content: "";
  position: absolute;
  inset: var(--cut);
  border-radius: 100px
}

@keyframes flip {
  to {
    rotate: 360deg
  }
}

.btn-wrapper--sparkle-btn .primary-btn::before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 2.4375em;
  border: 1px solid rgba(172, 172, 172, .3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px)
}

.btn-wrapper--sparkle-btn .primary-btn .txt {
  font-size: 1.125em;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  z-index: 2;
  position: relative
}

@media (max-width:575.98px) {
  .btn-wrapper--sparkle-btn .primary-btn .txt {
    font-size: 1em
  }
}

.btn-wrapper--sparkle-btn .primary-btn:hover .primary-btn__bg::after {
  background: rgba(var(--black-color), 1);
  opacity: .95
}

.btn-wrapper--sparkle-btn .primary-btn:hover .txt {
  color: rgba(var(--white-color), 1)
}

.btn-wrapper--sparkle-btn--type-two .primary-btn__bg::after {
  background: rgba(var(--black-color), 1)
}

.btn-wrapper--sparkle-btn--type-two .primary-btn:hover .primary-btn__bg::after {
  background: linear-gradient(213deg, #51A699 -39.81%, #72B763 85.21%)
}

.btn-wrapper--plus .btn-plus {
  width: 2.383875em;
  height: 2.383875em;
  border-radius: 2.383875em;
  background: rgba(var(--white-color), 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all .5s ease
}

.btn-wrapper--plus .btn-plus:before {
  content: "";
  width: 2.383875em;
  height: 2.383875em;
  background: 0 0;
  filter: blur(5.4499998093px);
  transition: all .5s ease;
  border-radius: 2.383875em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.btn-wrapper--plus .btn-plus img,
.btn-wrapper--plus .btn-plus svg {
  width: .85em;
  height: .843125em
}

.btn-wrapper--plus .btn-plus.black-color svg {
  transition: all .5s ease;
  transform: rotate(0)
}

.btn-wrapper--plus .btn-plus.black-color svg path {
  fill: rgba(var(--black-color), 1);
  transition: all .5s ease
}

.btn-wrapper--plus .btn-plus:hover {
  background: var(--Gradian-1, linear-gradient(90deg, #51A699 0, #72B763 100%))
}

.btn-wrapper--plus .btn-plus:hover:before {
  background: var(--Gradient-G1, linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%))
}

.btn-wrapper--plus .btn-plus:hover.black-color svg {
  transform: rotate(-90deg)
}

.btn-wrapper--plus .btn-plus:hover.black-color svg path {
  fill: rgba(var(--white-color), 1)
}

.btn-wrapper--center {
  justify-content: center
}

.sparkle-button {
  position: relative
}

.sparkle-button button {
  --cut: 0.1em;
  --active: 0;
  --bg: radial-gradient(40% 50% at center 100%,
      hsl(270 calc(var(--active) * 97%) 72% / var(--active)),
      transparent), radial-gradient(80% 100% at center 120%,
      hsl(260 calc(var(--active) * 97%) 70% / var(--active)),
      transparent), hsl(260 calc(var(--active) * 97%) calc((var(--active) * 44%) + 12%));
  background: var(--bg);
  font-size: 2rem;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  padding: .9em 1.3em;
  display: flex;
  align-items: center;
  gap: .25em;
  white-space: nowrap;
  border-radius: 100px;
  position: relative;
  box-shadow: 0 0 calc(var(--active) * 6em) calc(var(--active) * 3em) hsla(260deg, 97%, 61%, .75), 0 .05em 0 0 hsl(260, calc(var(--active) * 97%), calc(var(--active) * 50% + 30%)) inset, 0 -.05em 0 0 hsl(260, calc(var(--active) * 97%), calc(var(--active) * 60%)) inset;
  transition: box-shadow var(--transition), scale var(--transition), background var(--transition);
  scale: calc(1 + var(--active) * .1)
}

.sparkle-button button:active {
  scale: 1
}

.sparkle-button button:is(:hover, :focus-visible) path {
  animation-name: bounce
}

.sparkle-button button:before {
  content: "";
  position: absolute;
  inset: -.25em;
  z-index: -1;
  border: .25em solid hsla(260deg, 97%, 50%, .5);
  border-radius: 100px;
  opacity: var(--active, 0);
  transition: opacity var(--transition)
}

.sparkle-button button:is(:hover, :focus-visible)~:is(.bodydrop, .particle-pen) {
  --active: 1;
  --play-state: runnin
}

.sparkle-button button:is(:hover, :focus-visible) {
  --active: 1;
  --play-state: running
}

.sparkle-button button svg {
  inline-size: 1.25em;
  translate: -25% -5%
}

@keyframes bounce {

  35%,
  65% {
    scale: var(--scale)
  }
}

.sparkle-button svg {
  overflow: visible !important
}

.sparkle-button .sparkle path {
  --scale: 1.5;
  --delay: 0.2;
  --base: 20%;
  color: hsl(0, 0%, calc(var(--active, 0) * 70% + var(--base)));
  transform-box: fill-box;
  transform-origin: center;
  fill: currentColor;
  stroke: currentColor;
  animation-delay: calc(var(--transition) * 1.5 + var(--delay) * 1s);
  animation-duration: .6s;
  transition: color var(--transition)
}

.sparkle-button .sparkle path:nth-of-type(1) {
  --scale: 0.5;
  --delay: 0.1;
  --base: 40%
}

.sparkle-button .sparkle path:nth-of-type(2) {
  --scale: 1.5;
  --delay: 0.2;
  --base: 20%
}

.sparkle-button .sparkle path:nth-of-type(3) {
  --scale: 2.5;
  --delay: 0.35;
  --base: 30%
}

.sparkle-button .spark {
  position: absolute;
  inset: 0;
  border-radius: 100px;
  rotate: 0deg;
  overflow: hidden;
  -webkit-mask: linear-gradient(white, transparent 50%);
  mask: linear-gradient(white, transparent 50%);
  animation: flip calc(var(--spark) * 2) infinite steps(2, end)
}

.sparkle-button .spark:before {
  content: "";
  position: absolute;
  width: 200%;
  aspect-ratio: 1;
  top: 0;
  left: 50%;
  z-index: -1;
  translate: -50% -15%;
  rotate: 0;
  transform: rotate(-90deg);
  opacity: calc((var(--active)) + .4);
  background: conic-gradient(from 0deg, transparent 0 340deg, #fff 360deg);
  transition: opacity var(--transition);
  animation: rotate var(--spark) linear infinite both
}

.sparkle-button .spark:after {
  content: "";
  position: absolute;
  inset: var(--cut);
  border-radius: 100px
}

@keyframes flip {
  to {
    rotate: 360deg
  }
}

.sparkle-button .backdrop {
  position: absolute;
  inset: var(--cut);
  background: var(--bg);
  border-radius: 100px;
  transition: background var(--transition)
}

@keyframes rotate {
  to {
    transform: rotate(90deg)
  }
}

.sparkle-button .text {
  translate: 2% -6%;
  letter-spacing: .01ch;
  background: linear-gradient(90deg, hsl(0, 0%, calc(var(--active'%') * 100% + 65%)), hsl(0, 0%, calc(var(--active'%') * 100% + 26%)));
  -webkit-background-clip: text;
  color: transparent;
  transition: background var(--transition)
}

.scrollbar {
  margin-left: 30px;
  float: left;
  height: 300px;
  width: 65px;
  background: #f5f5f5;
  overflow-y: scroll;
  margin-bottom: 25px
}

@supports (-moz-appearance:none) {
  .v-scrollbar-style-3 {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-bg)
  }
}

.v-scrollbar-style-3::-webkit-scrollbar {
  width: 6px;
  background-color: var(--scrollbar-track-bg);
  border-radius: 10px
}

.v-scrollbar-style-3::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-bg);
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.v-scrollbar-style-3::-webkit-scrollbar-thumb {
  background: var(--scrollbar-gradient);
  border-radius: 10px
}

.h-scrollbar-style-3::-webkit-scrollbar {
  border-radius: .625em;
  height: 10px;
  background-color: rgba(var(--eerie-black), 1)
}

.h-scrollbar-style-3::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: .625em;
  background-color: rgba(var(--eerie-black), 1)
}

.h-scrollbar-style-3::-webkit-scrollbar-thumb {
  background: var(--scrollbar-gradient);
  border-radius: .625em
}

.form-box {
  display: flex;
  flex-wrap: wrap
}

.form-box__wrapper {
  width: 100%
}

.form-box__fields {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden
}

.form-box__fields form {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.form-box__fields .input-container {
  margin: .625em 0 1.875em;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.form-box__fields .input-container .input,
.form-box__fields .input-container input,
.form-box__fields .input-container label,
.form-box__fields .input-container select {
  font-family: "The Future", -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif
}

.form-box__fields .input-container label.placeholder {
  font-family: "The Future", -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif
}

.form-box__fields .input-container input::-moz-placeholder {
  font-family: "The Future", -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif
}

.form-box__fields .input-container input::placeholder {
  font-family: "The Future", -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif
}

.form-box__fields .input-container label.error {
  font-size: .8em !important;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: .5em;
  color: rgba(var(--danger), 1);
  padding-left: 1.5625em;
  padding-right: 1.5625em;
  width: 100%
}

@media (min-width:1200px) {
  .form-box__fields .input-container label.error {
    padding-left: 1.5625em;
    padding-right: 1.5625em
  }
}

.form-box__fields .input-container .input {
  height: 2.7272em;
  font-size: 1.375em;
  font-weight: 300;
  line-height: 1.272727em;
  letter-spacing: -.04em;
  padding: .72727em 1.27272em;
  width: 100%;
  position: relative;
  background: rgba(255, 255, 255, .3);
  border: 1px solid rgba(40, 40, 43, .4);
  border-radius: .72727em;
  color: rgba(var(--black-color), 1);
  transition: .5s ease;
  transition: .4s;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

@media (max-width:575.98px) {
  .form-box__fields .input-container .input {
    font-size: 1.05em
  }
}

.form-box__fields .input-container .input:focus {
  border: 1px solid rgba(var(--purple), 1);
  background: 0 0
}

.form-box__fields .input-container .input::-moz-placeholder {
  opacity: 1;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: -.04em;
  color: rgba(var(--metallic-silver), 1)
}

.form-box__fields .input-container .input::placeholder {
  opacity: 1;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: -.04em;
  color: rgba(var(--metallic-silver), 1)
}

.form-box__fields .input-container .input.phoneiti {
  padding-left: 3em
}

@media (min-width:768px) {
  .form-box__fields .input-container .input.phoneiti {
    padding-left: 4.5em
  }
}

@media (min-width:1600px) {
  .form-box__fields .input-container .input.phoneiti {
    padding-left: 3.5em
  }
}

.form-box__fields .input-container .select {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  height: auto;
  height: 2.7272em;
  border-radius: 0;
  font-size: 1em;
  height: 2.7272em;
  font-size: 1.375em;
  border-radius: .72727em;
  border: 1px solid rgba(40, 40, 43, .4);
  background: rgba(255, 255, 255, .3)
}

@media (max-width:575.98px) {
  .form-box__fields .input-container .select {
    font-size: 1.05em
  }
}

.form-box__fields .input-container .select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.68182em;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid #000;
  border-width: 0 .1875em .1875em 0;
  display: inline-block;
  padding: .22727em;
  transform: rotate(45deg) translateY(-69%);
  height: 0;
  width: 0;
  transition: .25s all ease;
  font-size: 1em
}

.form-box__fields .input-container .select:focus,
.form-box__fields .input-container .select:hover {
  border-color: rgba(var(--purple), .7);
  color: rgba(var(--purple), .7)
}

.form-box__fields .input-container .select:focus::after,
.form-box__fields .input-container .select:hover::after {
  color: rgba(var(--purple), .7);
  border-color: rgba(var(--purple), .7)
}

.form-box__fields .input-container .select.has-error {
  border-color: rgba(var(--danger), 1)
}

.form-box__fields .input-container .select.has-error::after {
  border-color: rgba(var(--danger), 1)
}

.form-box__fields .input-container .select.has-error:focus::after,
.form-box__fields .input-container .select.has-error:hover::after {
  color: rgba(var(--danger), 1);
  border-color: rgba(var(--danger), 1)
}

.form-box__fields .input-container select {
  appearance: none;
  border: 0;
  box-shadow: none;
  flex: 1;
  padding: 0 1em;
  background-image: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  height: 100%;
  position: relative;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.25em;
  letter-spacing: -.04em;
  color: rgba(var(--black-color), 1);
  padding: 0 1.27272em;
  padding-right: 2em;
  border-radius: .72727em;
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

@media (max-width:575.98px) {
  .form-box__fields .input-container select {
    padding-right: 2.25em
  }
}

.form-box__fields .input-container select::-ms-expand {
  display: none
}

.form-box__fields .input-container select:focus {
  border-color: rgba(var(--purple), .7);
  background: 0 0
}

.form-box__fields .input-container select option {
  padding: .75em 0;
  font-size: 1em
}

.form-box__fields .input-container select.error {
  border-color: rgba(var(--danger), 1);
  color: rgba(var(--danger), 1)
}

.form-box__fields .input-container select.error+.error {
  position: absolute;
  top: calc(100% + .5em);
  margin-top: 0 !important
}

.form-box__fields .input-container select.error+.select::after {
  color: rgba(var(--danger), 1)
}

.form-box__fields .input-container input::-ms-reveal,
.form-box__fields .input-container input::-webkit-credentials-auto-fill-button,
.form-box__fields .input-container input[type=text]::-ms-clear,
.form-box__fields .input-container input[type=text]::-webkit-clear-button,
.form-box__fields .input-container select::-ms-reveal,
.form-box__fields .input-container select::-webkit-credentials-auto-fill-button,
.form-box__fields .input-container select[type=text]::-ms-clear,
.form-box__fields .input-container select[type=text]::-webkit-clear-button,
.form-box__fields .input-container textarea::-ms-reveal,
.form-box__fields .input-container textarea::-webkit-credentials-auto-fill-button,
.form-box__fields .input-container textarea[type=text]::-ms-clear,
.form-box__fields .input-container textarea[type=text]::-webkit-clear-button {
  display: none !important
}

.form-box__fields .input-container .iti__country-list {
  font-size: 1em
}

.form-box__fields .input-container .iti__country {
  font-size: 1em
}

.form-box__fields .input-container .range-slider-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative
}

.form-box__fields .input-container .range-slider-wrapper__slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 3.75em
}

.form-box__fields .input-container .range-slider-wrapper__text {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.25em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2em;
  letter-spacing: -.04em;
  color: rgba(var(--black-color), 1)
}

.form-box__fields .input-container .range-slider-wrapper__label {
  color: rgba(var(--light-silver), 1);
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: -.04em
}

.form-box__fields .input-container .range-slider-wrapper__range-slide {
  padding: 0 1.25em;
  display: flex;
  flex-wrap: wrap;
  flex: 1
}

.form-box__fields .input-container .range-slider-wrapper .range-slider {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center
}

.form-box__fields .input-container .range-slider-wrapper .range-slider .rangeValues {
  display: block
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  position: absolute;
  left: 0
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]::-webkit-slider-runnable-track {
  width: 18.75em;
  height: 1.4375em;
  background: #ddd;
  border: none;
  border-radius: 1.25em
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  width: .90125em;
  height: .8875em;
  border-radius: 50%;
  background: rgba(var(--white-color), 1);
  margin-top: -.25em;
  cursor: pointer;
  position: relative;
  z-index: 1
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]::-moz-range-track {
  width: 18.75em;
  height: 1.4375em;
  background: #ddd;
  border: none;
  border-radius: .1875em
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]::-moz-range-thumb {
  border: none;
  height: .90125em;
  width: .90125em;
  border-radius: 50%;
  background: rgba(var(--white-color), 1)
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]::-ms-track {
  width: 18.75em;
  height: 1.4375em;
  background: 0 0;
  border-color: transparent;
  border-width: .375em 0;
  color: transparent;
  z-index: -4
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]::-ms-fill-lower {
  background: orange;
  border-radius: .625em
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]::-ms-fill-upper {
  background: brown;
  border-radius: .625em
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]::-ms-thumb {
  border: none;
  width: .8875em;
  height: .8875em;
  border-radius: 50%;
  background: #21c1ff
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]:focus {
  outline: 0
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ff0
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]:focus::-ms-fill-lower {
  background: red
}

.form-box__fields .input-container .range-slider-wrapper .range-slider input[type=range]:focus::-ms-fill-upper {
  background: green
}

.form-box__fields .input-container .price-range-slider {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative
}

.form-box__fields .input-container .price-range-slider .range-value {
  margin: 0
}

.form-box__fields .input-container .price-range-slider .range-value input {
  width: 100%;
  background: 0 0;
  color: #000;
  font-size: 1em;
  font-weight: initial;
  box-shadow: none;
  border: none;
  margin: 1.25em 0 1.25em 0
}

.form-box__fields .input-container .price-range-slider .range-bar {
  border: none;
  background: var(--light-silver);
  height: 1.4375em;
  width: 100%;
  margin-left: .5em
}

.form-box__fields .input-container .price-range-slider .range-bar .ui-slider-range {
  background: rgba(var(--purple), 1)
}

.form-box__fields .input-container .price-range-slider .range-bar .ui-slider-handle {
  border: none;
  border-radius: 1.5625em;
  background: #fff;
  border: 2px solid rgba(var(--purple), 1);
  height: 1.0625em;
  width: 1.0625em;
  top: -.52em;
  cursor: pointer
}

.form-box__fields .input-container .price-range-slider .range-bar .ui-slider-handle+span {
  background: #06b9c0
}

.form-box__fields .btn--submit {
  position: relative
}

.form-box__fields .btn--submit .input-container {
  position: relative
}

@media (max-width:575.98px) {
  .form-box__fields .btn--submit .input-container {
    margin: 0
  }
}

.form-box__fields .btn--submit__wrapper {
  width: 100%;
  height: 2.6875em;
  position: relative
}

.form-box__fields .btn--submit .form-item {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%)
}

.form-box__fields .btn--submit .form-item .error-message {
  padding: 0
}

.form-box__fields .bottom-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.form-box__fields .loader-wrapper {
  width: 100%;
  height: 2.6875em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.form-box__fields .loader-wrapper .img-wrapper {
  width: 3.125em;
  height: 100%;
  display: flex;
  flex-wrap: wrap
}

.form-box__fields .loader-wrapper .loader-submitting-text {
  display: flex;
  flex-wrap: wrap;
  padding-left: .5em
}

.form-box__fields .loader-wrapper .loader-submitting-text p {
  font-size: .75em
}

.form-box__fields .form-message {
  width: 100%;
  margin-top: 0
}

@media (min-width:768px) {
  .form-box__fields .form-message {
    margin: .8em 0 1.55em 0
  }
}

@media (min-width:1200px) {
  .form-box__fields .form-message {
    margin: .8em 0 1.55em 0
  }
}

@media (max-width:575.98px) {
  .form-box__fields .form-message {
    margin: .8em 0 1.55em 0
  }
}

.form-box__fields .form-message.small-width {
  width: 100%
}

.form-box__fields .form-message.medium-width {
  width: 100%
}

@media (min-width:992px) {
  .form-box__fields .form-message.medium-width {
    max-width: calc(100% - 10em)
  }
}

@media (min-width:1200px) {
  .form-box__fields .form-message.medium-width {
    max-width: 37em
  }
}

.form-box__fields .form-message p {
  font-style: normal;
  font-weight: 500;
  font-size: .867em;
  line-height: 142%;
  margin-bottom: 0
}

.form-box__fields .form-message p a {
  font-weight: 700;
  font-size: 1em;
  color: currentColor;
  line-height: normal;
  text-transform: unset
}

.form-box__fields .form-message p a:hover:after {
  background: rgba(var(--charleston-green), 1)
}

.form-box__fields .form-submit-message {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1em 0 0
}

.form-box__fields .form-submit-message p {
  font-size: 1em
}

.form-box__fields .form-submit-message p.form-success-message {
  margin-bottom: 0;
  color: rgba(var(--success), 1)
}

.form-box__fields .form-submit-message p.form-fail-message {
  margin-bottom: 0;
  color: rgba(var(--danger), 1)
}

.form-box__fields .range-slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  align-items: center;
  height: 3.75em
}

.form-box__fields .range-slider .range-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(var(--dark-silver), 1);
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: -.04em;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0
}

@media (max-width:575.98px) {
  .form-box__fields .range-slider .range-labels {
    font-size: 1.15em
  }
}

.form-box__fields .range-slider .selected-range {
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.27273em;
  letter-spacing: -.04em;
  margin-bottom: .22727em;
  position: absolute;
  top: -.65em
}

.form-box__fields .range-slider .slider-wrapper {
  height: 1.419375em;
  border-radius: 1.25em;
  position: relative;
  width: 100%
}

.form-box__fields .range-slider .range-input {
  height: 0;
  -webkit-appearance: none;
  position: absolute;
  z-index: 2;
  padding: 0;
  width: calc(100% + 8px);
  font-size: 1.6em;
  top: -4.5px;
  left: -3px;
  right: 0
}

@media (min-width:1200px) {
  .form-box__fields .range-slider .range-input {
    top: -3.5px;
    left: 0;
    width: 100%
  }
}

@-moz-document url-prefix() {
  .form-box__fields .range-slider .range-input {
    left: 0;
    top: .65em
  }
}

.form-box__fields .range-slider .range-input::-webkit-slider-runnable-track {
  height: 0
}

.form-box__fields .range-slider .range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  position: relative;
  z-index: 3;
  width: .90125em;
  height: .90125em;
  background-color: rgba(var(--white-color), 1);
  border: .136625em solid #ad0dce;
  margin-top: 3px;
  font-size: 1em
}

.form-box__fields .range-slider .range-input::-moz-range-thumb {
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  position: relative;
  z-index: 3;
  width: .90125em;
  height: .90125em;
  background-color: rgba(var(--white-color), 1);
  border: .136625em solid #ad0dce;
  margin-top: 3px;
  font-size: 1em
}

.form-box__fields .range-slider .slider-track {
  position: absolute;
  top: 0;
  top: 50%;
  left: .1875em;
  right: .1875em;
  z-index: 1;
  border-radius: 1em;
  transform: translateY(-50%);
  font-size: 1em;
  width: calc(100% - .375em)
}

.form-box__fields .range-slider .slider-track::before {
  content: "";
  position: absolute;
  height: 100%;
  z-index: 2;
  border-radius: 1em;
  background-color: #72B763
}

.form-box__fields .hidden-fields {
  display: none;
  visibility: hidden
}

.form-box__fields--style-one .input-container label {
  color: rgba(var(--black-color), 1);
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.272727em;
  letter-spacing: -.04em;
  margin-bottom: 1.13636em
}

.form-box__fields--style-one .input-container label.placeholder {
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.272727em;
  letter-spacing: -.04em;
  color: rgba(var(--black-color), 1);
  display: flex;
  flex-wrap: wrap
}

.form-box__fields--style-one .input-container .input:focus::-moz-placeholder {
  color: rgba(var(--purple), .7)
}

.form-box__fields--style-one .input-container .input:focus::placeholder {
  color: rgba(var(--purple), .7)
}

.form-box__fields--style-one .input-container .input.error {
  border-color: rgba(var(--danger), 1)
}

.form-box__fields--style-one .input-container .input.error::-moz-placeholder {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-one .input-container .input.error::placeholder {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-one .input-container .input:-webkit-autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(var(--black-color), 1);
  box-shadow: 0 0 0 62.5em transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

.form-box__fields--style-one .input-container .input:-webkit-autofill:active,
.form-box__fields--style-one .input-container .input:-webkit-autofill:focus,
.form-box__fields--style-one .input-container .input:-webkit-autofill:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(var(--black-color), 1);
  box-shadow: 0 0 0 62.5em transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

.form-box__fields--style-one .input-container textarea.input {
  height: 5.5em
}

.form-box__fields--style-one .input-container textarea.input:-webkit-autofill {
  background-color: #e0f7fa !important;
  color: #006064 !important
}

.form-box__fields--style-one .input-container textarea.input:-webkit-autofill:focus,
.form-box__fields--style-one .input-container textarea.input:-webkit-autofill:hover {
  background-color: #b2ebf2 !important;
  color: #004d40 !important
}

.form-box__fields--style-one .input-container textarea.input:-webkit-autofill::first-line {
  color: #006064 !important
}

.form-box__fields--style-one .input-container .error-message {
  padding: .444445em 1.16667em 0;
  color: rgba(var(--danger), 1);
  font-size: .85em
}

.form-box__fields--style-one .range-slider {
  padding: 0 7em 0 5em
}

@media (max-width:991.98px) {
  .form-box__fields--style-one .range-slider {
    padding: 0 7em 0 5em
  }
}

@media (min-width:992px) and (max-width:1199.98px) {
  .form-box__fields--style-one .range-slider {
    padding: 0 .25em;
    margin-bottom: 1em
  }
}

@media (max-width:575.98px) {
  .form-box__fields--style-one .range-slider {
    padding: 0 .25em;
    margin-bottom: 1em
  }
}

@media (min-width:992px) and (max-width:1199.98px) {
  .form-box__fields--style-one .range-slider .range-labels {
    top: 2em
  }
}

@media (max-width:575.98px) {
  .form-box__fields--style-one .range-slider .range-labels {
    top: 2.25em
  }
}

@media (min-width:1200px) {
  .form-box__fields--style-one .range-slider .slider-wrapper {
    height: 1.419375em
  }
}

.form-box__fields--style-one .range-slider .slider-track {
  height: 1.15625em
}

.form-box__fields--style-two {
  width: 100%;
  padding: 2.1875em 2.5em;
  position: relative
}

@media (min-width:992px) and (max-width:1199.98px) {
  .form-box__fields--style-two {
    padding: 2em
  }
}

@media (max-width:575.98px) {
  .form-box__fields--style-two {
    padding: 2em
  }
}

.form-box__fields--style-two::before {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(.462500006em);
  backdrop-filter: blur(.462500006em);
  background: rgba(var(--black-color), .3);
  border: 1px solid rgba(var(--white-color), .65);
  border-radius: 2.5em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0
}

.form-box__fields--style-two .generic-panel {
  margin-bottom: 1em
}

.form-box__fields--style-two .input-container {
  margin: .625em 0
}

.form-box__fields--style-two .input-container label {
  color: rgba(var(--white-color), 1);
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.11111em;
  letter-spacing: -.04em;
  margin-bottom: .83333em
}

.form-box__fields--style-two .input-container label.placeholder {
  color: rgba(var(--white-color), 1)
}

.form-box__fields--style-two .input-container label.error {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-two .input-container label sup {
  color: rgba(var(--white-color), 1)
}

.form-box__fields--style-two .input-container .input {
  font-size: 1.125em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.11111em;
  letter-spacing: -.04em;
  border-radius: .88889em;
  border: 1px solid rgba(var(--bright-gray), .2);
  background: rgba(0, 0, 0, .3);
  height: 2.77778em;
  padding: .88889em 1.16667em;
  color: rgba(var(--white-color), 1)
}

.form-box__fields--style-two .input-container .input:focus {
  border: 1px solid rgba(var(--white-color), 1);
  background: rgba(var(--black-olive), 0)
}

.form-box__fields--style-two .input-container .input:focus::-moz-placeholder {
  color: rgba(var(--white-color), 1)
}

.form-box__fields--style-two .input-container .input:focus::placeholder {
  color: rgba(var(--white-color), 1)
}

.form-box__fields--style-two .input-container .input::-moz-placeholder {
  color: rgba(var(--white-color), .36)
}

.form-box__fields--style-two .input-container .input::placeholder {
  color: rgba(var(--white-color), .36)
}

.form-box__fields--style-two .input-container .input.error {
  border-color: rgba(var(--danger), 1)
}

.form-box__fields--style-two .input-container .input.error::-moz-placeholder {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-two .input-container .input.error::placeholder {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-two .input-container .input:-webkit-autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(var(--white-color), 1);
  box-shadow: 0 0 0 62.5em transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

.form-box__fields--style-two .input-container .input:-webkit-autofill:active,
.form-box__fields--style-two .input-container .input:-webkit-autofill:focus,
.form-box__fields--style-two .input-container .input:-webkit-autofill:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(var(--white-color), 1);
  box-shadow: 0 0 0 62.5em transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

.form-box__fields--style-two .input-container textarea.input {
  background: rgba(var(--black-color), .3);
  border: 1px solid rgba(var(--bright-gray), .2);
  height: 4.94444em
}

.form-box__fields--style-two .input-container textarea.input:focus {
  border: 1px solid rgba(var(--white-color), 1);
  background: rgba(var(--black-color), .3)
}

.form-box__fields--style-two .input-container .iti {
  width: 100%
}

.form-box__fields--style-two .input-container .iti__selected-dial-code {
  color: rgba(var(--white-color), 1)
}

.form-box__fields--style-two .input-container .iti__arrow {
  border-top-color: rgba(var(--white-color), 1)
}

.form-box__fields--style-two .input-container .iti__arrow--up {
  border-bottom-color: rgba(var(--white-color), 1)
}

.form-box__fields--style-two .input-container .iti__country-list {
  background-color: rgba(var(--black-color), 1);
  z-index: 100
}

.form-box__fields--style-two .input-container .error-message {
  padding: .444445em 1.16667em 0;
  color: rgba(var(--danger), 1);
  font-size: .85em
}

.form-box__fields--style-two .input-container .wpcf7-not-valid-tip {
  font-size: .8em !important;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: .5em;
  color: rgba(var(--danger), 1);
  padding-left: 2.1875em;
  padding-right: 2.1875em;
  width: 100%
}

@media (min-width:1200px) {
  .form-box__fields--style-two .range-slider {
    padding: 0 7em 0 5em
  }
}

@media (min-width:576px) and (max-width:1199.98px) {
  .form-box__fields--style-two .range-slider {
    padding: 0 7em 0 5em
  }
}

@media (max-width:575.98px) {
  .form-box__fields--style-two .range-slider {
    margin-bottom: 2em
  }
}

@media (min-width:1200px) {
  .form-box__fields--style-two .range-slider .range-labels {
    top: 0
  }
}

@media (max-width:575.98px) {
  .form-box__fields--style-two .range-slider .range-labels {
    top: 2.25em
  }
}

.form-box__fields--style-two .range-slider .slider-wrapper {
  border: 1px solid rgba(237, 237, 237, .2);
  height: 1.1875em
}

@media (min-width:1200px) {
  .form-box__fields--style-two .range-slider .range-input {
    top: -5.5px
  }
}

.form-box__fields--style-two .range-slider .slider-track {
  height: .9375em
}

@media (min-width:1200px) {
  .form-box__fields--style-two .range-slider .slider-track {
    top: .0625em;
    left: .10625em;
    transform: translateY(0);
    width: calc(100% - .2125em)
  }
}

.form-box__fields--style-two--no-border {
  border: none;
  background: 0 0;
  border-radius: 0;
  padding: 0;
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset
}

.form-box__fields--style-two--no-border input.input {
  background: rgba(0, 0, 0, .9) !important
}

.form-box__fields--style-three .input-container label.placeholder {
  color: rgba(var(--black-color), 1)
}

.form-box__fields--style-three .input-container label.error {
  padding: 0 1.5609375em;
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-three .input-container label sup {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-three .input-container .input {
  background: rgba(var(--white-color), 1);
  border: 1px solid rgba(var(--black-olive), 0);
  color: rgba(var(--charleston-green), 1);
  border-radius: 1.875em;
  border: 1px solid #ababab;
  font-weight: 300;
  font-size: 1.125em
}

.form-box__fields--style-three .input-container .input:focus {
  border: 1px solid rgba(var(--brown-yellow), 1)
}

.form-box__fields--style-three .input-container .input::-moz-placeholder {
  font-weight: 300;
  letter-spacing: -.0225em;
  color: rgba(var(--charleston-green), 1)
}

.form-box__fields--style-three .input-container .input::placeholder {
  font-weight: 300;
  letter-spacing: -.0225em;
  color: rgba(var(--charleston-green), 1)
}

.form-box__fields--style-three .input-container .input.error {
  border-color: rgba(var(--danger), 1)
}

.form-box__fields--style-three .input-container .input.error::-moz-placeholder {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-three .input-container .input.error::placeholder {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-four .input-container label {
  color: rgba(var(--black-color), 1);
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.272727em;
  letter-spacing: -.04em;
  margin-bottom: 1.13636em
}

.form-box__fields--style-four .input-container label.placeholder {
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.272727em;
  letter-spacing: -.04em;
  color: rgba(var(--black-color), 1);
  display: flex;
  flex-wrap: wrap
}

.form-box__fields--style-four .input-container .input:focus::-moz-placeholder {
  color: rgba(var(--purple), .7)
}

.form-box__fields--style-four .input-container .input:focus::placeholder {
  color: rgba(var(--purple), .7)
}

.form-box__fields--style-four .input-container .input.error {
  border-color: rgba(var(--danger), 1)
}

.form-box__fields--style-four .input-container .input.error::-moz-placeholder {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-four .input-container .input.error::placeholder {
  color: rgba(var(--danger), 1)
}

.form-box__fields--style-four .input-container .input:-webkit-autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(var(--black-color), 1);
  box-shadow: 0 0 0 62.5em transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

.form-box__fields--style-four .input-container .input:-webkit-autofill:active,
.form-box__fields--style-four .input-container .input:-webkit-autofill:focus,
.form-box__fields--style-four .input-container .input:-webkit-autofill:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(var(--black-color), 1);
  box-shadow: 0 0 0 62.5em transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

.form-box__fields--style-four .input-container textarea.input {
  height: 11.13636em
}

.form-box__fields--style-four .input-container textarea.input:-webkit-autofill {
  background-color: #e0f7fa !important;
  color: #006064 !important
}

.form-box__fields--style-four .input-container textarea.input:-webkit-autofill:focus,
.form-box__fields--style-four .input-container textarea.input:-webkit-autofill:hover {
  background-color: #b2ebf2 !important;
  color: #004d40 !important
}

.form-box__fields--style-four .input-container textarea.input:-webkit-autofill::first-line {
  color: #006064 !important
}

.form-box__fields--style-four .input-container .error-message {
  padding: .444445em 1.16667em 0;
  color: rgba(var(--danger), 1);
  font-size: .85em
}

.form-box__fields--style-four .range-slider {
  padding: 0 7em 0 5em;
  margin-bottom: 1em
}

@media (min-width:1200px) {
  .form-box__fields--style-four .range-slider {
    padding: 0 5.5em 0 4em;
    margin-bottom: 0
  }
}

@media (min-width:992px) and (max-width:1199.98px) {
  .form-box__fields--style-four .range-slider {
    padding: 0 .25em;
    margin-bottom: 1em
  }
}

@media (max-width:575.98px) {
  .form-box__fields--style-four .range-slider {
    padding: 0 .25em
  }
}

@media (min-width:992px) and (max-width:1199.98px) {
  .form-box__fields--style-four .range-slider .range-labels {
    top: 2em
  }
}

@media (max-width:575.98px) {
  .form-box__fields--style-four .range-slider .range-labels {
    top: 2.25em
  }
}

@media (min-width:1200px) {
  .form-box__fields--style-four .range-slider .slider-wrapper {
    height: 1.419375em
  }
}

.form-box__fields--style-four .range-slider .slider-track {
  height: 1.15625em
}

.form-box--large--bottom {
  padding: 0
}

@media (min-width:1200px) {
  .form-box--large--bottom {
    padding: 0 0 5.625em
  }
}

.lp-loader {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  min-width: 1.875em
}

@media (min-width:1200px) {
  .lp-loader {
    height: 3.125em
  }
}

.lp-loader .form-loader-img {
  width: 1.875em;
  height: 1.875em;
  text-align: center;
  animation: rotate-icon 1.5s linear 0s infinite forwards
}

@keyframes rotate-icon {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.form-hidden-item {
  width: 0;
  height: 0
}

.form-hidden-item .g-recaptcha {
  display: none;
  visibility: hidden;
  opacity: 0
}

.iti {
  position: relative;
  display: inline-block
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box
}

.iti__hide {
  display: none
}

.iti__v-hide {
  visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555
}

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px
}

@media (max-width:500px) {
  .iti__country-list {
    white-space: normal
  }
}

.iti__flag-box {
  display: inline-block;
  width: 20px
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc
}

.iti__country {
  padding: 5px 10px;
  outline: 0
}

.iti__dial-code {
  color: #999
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
  vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
  margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
  cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
  background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px
}

.iti--container:hover {
  cursor: pointer
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em
}

.iti__flag {
  width: 20px
}

.iti__flag.iti__be {
  width: 18px
}

.iti__flag.iti__ch {
  width: 15px
}

.iti__flag.iti__mc {
  width: 19px
}

.iti__flag.iti__ne {
  width: 18px
}

.iti__flag.iti__np {
  width: 13px
}

.iti__flag.iti__va {
  width: 15px
}

@media (min-resolution:192dpi) {
  .iti__flag {
    background-size: 5652px 15px
  }
}

.iti__flag.iti__ac {
  height: 10px;
  background-position: 0 0
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0
}

.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(../images/flags/flags.webp);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0
}

@media (min-resolution:192dpi) {
  .iti__flag {
    background-image: url(../images/flags/flags@2x.webp)
  }
}

.iti__flag.iti__np {
  background-color: transparent
}

.phone-code-box {
  position: relative;
  z-index: 1
}

.iti {
  display: block;
  width: 100%;
  position: relative
}

@media (max-width:575.98px) {
  .iti-mobile .iti--container {
    top: 50%;
    left: 50% !important;
    right: auto !important;
    width: 90% !important;
    transform: translate(-50%, 0);
    box-shadow: 1px 2px 18px rgba(0, 0, 0, .25);
    background-color: #fff;
    max-height: 16em;
    overflow-y: scroll;
    border-radius: .5em;
    transform: translate(-50%, -50%)
  }
}

.iti label.error {
  position: absolute;
  left: 0;
  bottom: -1.75em
}

.iti--separate-dial-code .iti__selected-dial-code {
  font-weight: 300;
  color: rgba(var(--black-color), 1)
}

.iti__selected-flag {
  background-color: transparent !important
}

.iti__country {
  margin-bottom: 0
}

@media (max-width:575.98px) {
  .iti__country-name {
    color: rgba(var(--black-color), 1)
  }
}

.iti__country-name {
  font-size: .8em;
  margin-right: .5em
}

.iti__dial-code {
  font-size: .8em
}

.floating-icons ul {
  list-style-type: none;
  margin-bottom: 0;
  font-size: 1em
}

.floating-icons ul li {
  font-size: 1em;
  width: 4.3125em;
  height: 4.3125em;
  width: 3.1875em;
  height: 3.1875em;
  border-radius: 100%;
  margin-bottom: .9375em
}

.floating-icons ul li:last-child,
.floating-icons ul li:only-child {
  margin-bottom: 0
}

.floating-icons ul a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative
}

.floating-icons ul a .img-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1.1875em;
  padding: .875em
}

.floating-icons ul a .img-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(1);
  background: rgba(0, 0, 0, .1);
  background: url(../svg/background/fixed-icon-bg.svg) no-repeat;
  background-size: contain;
  -webkit-backdrop-filter: blur(12.597196579px);
  backdrop-filter: blur(12.597196579px);
  transition: .4s
}

.floating-icons ul a .img-wrapper:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(0);
  transition: .4s;
  background: linear-gradient(90deg, #51A699 0, #72B763 100%)
}

.floating-icons ul a:hover .img-wrapper::before {
  transform: translate(-50%, -50%) scale(0)
}

.floating-icons ul a:hover .img-wrapper::after {
  transform: translate(-50%, -50%) scale(1)
}

.floating-icons--fixed {
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  z-index: 9;
  transition: all .5s ease
}

@media (min-width:1200px) {
  .floating-icons--fixed {
    bottom: 6.5em;
    right: 1.25em;
    bottom: 7.75em
  }
}

@media (max-width:1199.98px) {
  .floating-icons--fixed {
    bottom: 6.5em;
    right: 1.25em;
    bottom: 8em
  }
}

.floating-icons--fixed.hide-fixed-element {
  right: -6em
}

.social-icon-box {
  display: flex;
  flex-wrap: wrap
}

.social-icon-box ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  font-size: 1em;
  margin: 0
}

.social-icon-box ul li {
  width: 3.1875em;
  height: 3.1875em;
  margin-bottom: 0;
  font-size: 1em
}

.social-icon-box ul li:last-child,
.social-icon-box ul li:only-child {
  margin-right: 0
}

.social-icon-box ul li .img-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.social-icon-box.top-small-space {
  margin-top: 2em
}

.social-icon-box.top-medium-space {
  margin-top: 3em
}

.social-icon-box.horizontal-box {
  width: 100%
}

.social-icon-box.horizontal-box li {
  margin-right: .9375em
}

.social-icon-box.vertical-box {
  width: 3.1875em;
  transition: all .5s ease
}

.social-icon-box.vertical-box.hide-fixed-element {
  left: -4em
}

.social-icon-box.vertical-box--fixed {
  position: fixed;
  z-index: 3;
  top: 50%;
  left: 1em;
  transform: translateY(-50%)
}

@media (min-width:1200px) {
  .social-icon-box.vertical-box--fixed {
    left: 1.25em
  }
}

@media (max-width:575.98px) {
  .social-icon-box.vertical-box--fixed {
    display: none;
    visibility: hidden
  }
}

.social-icon-box.vertical-box ul li {
  margin-bottom: .9375em
}

.social-icon-box.vertical-box ul li:last-child,
.social-icon-box.vertical-box ul li:only-child {
  margin-bottom: 0
}

.social-icon-box.style-circle ul li .icon {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100%;
  padding: .875em;
  transition: all .2s ease
}

.social-icon-box.style-circle ul li .icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(1);
  background: rgba(0, 0, 0, .1);
  background: url(../svg/background/fixed-icon-bg.svg) no-repeat;
  background-size: contain;
  -webkit-backdrop-filter: blur(12.597196579px);
  backdrop-filter: blur(12.597196579px);
  transition: .4s
}

.social-icon-box.style-circle ul li .icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(0);
  transition: .4s
}

.social-icon-box.style-circle ul li .icon:hover::before {
  transform: translate(-50%, -50%) scale(0)
}

.social-icon-box.style-circle ul li .icon:hover::after {
  transform: translate(-50%, -50%) scale(1)
}

.social-icon-box.style-square ul li {
  position: relative;
  width: 3.1875em;
  height: 3.1875em
}

.social-icon-box.style-square ul li a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 0
}

.social-icon-box.style-square ul li a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: .4s
}

.social-icon-box.style-square ul li a svg {
  position: relative;
  z-index: 1
}

.social-icon-box.style-square ul li a:hover::before {
  border-radius: 100%;
  transition: .4s
}

.social-icon-box.style-square.wh-icon-pri-bg ul li a::before {
  background-color: rgba(var(--brown-yellow), 1)
}

.social-icon-box.wh-icon-blk-bg ul li .icon::before {
  background-color: rgba(var(--brown-yellow), 1)
}

.social-icon-box.wh-icon-linear-bg ul li .icon::after {
  background: linear-gradient(90deg, #51A699 0, #72B763 100%);
  border: 1.26px solid rgba(172, 172, 172, .3);
  -webkit-backdrop-filter: blur(12.597196579px);
  backdrop-filter: blur(12.597196579px)
}

.card__img .testimonials-video-poster {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative
}

.card__img .testimonials-video-poster picture {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  border-radius: 2.75em;
  z-index: 0
}

@media (max-width:575.98px) {
  .card__img .testimonials-video-poster picture {
    width: auto;
    width: 100%;
    height: 100%
  }
}

.card__img .testimonials-video-poster .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.card__img .testimonials-video-poster .video-wrapper-box {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.card__img .testimonials-video-poster .video-wrapper-inn {
  position: relative;
  width: 100%;
  height: 100%
}

.card__img .testimonials-video-poster .video-wrapper .vimeo-container {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 2.75em;
  overflow: hidden
}

.card__img .testimonials-video-poster .video-wrapper .vimeo-container iframe:nth-child(2) {
  display: none;
  visibility: hidden
}

.card__img .testimonials-video-poster .video-wrapper iframe.vimeo-iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%
}

@media (max-width:575.98px) {
  .card__img .testimonials-video-poster .video-wrapper iframe.vimeo-iframe {
    width: 130%;
    height: 130%
  }
}

.card__img .testimonials-video-poster .video-wrapper video {
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0
}

.card__txt {
  position: relative;
  width: 100%;
  padding-bottom: 1.25em
}

@media (min-width:992px) {
  .card__txt {
    height: 37.625em
  }
}

@media (max-width:991.98px) {
  .card__txt {
    height: calc(100% - 3.91245em)
  }
}

.card__txt .testimonials-txt {
  width: 100%;
  height: 100%;
  background: rgba(var(--white-color), 1);
  border-radius: 2.25em;
  padding: 5.9375em 1.25em 1.875em;
  padding-bottom: 1.25em;
  position: relative
}

.card__txt .testimonials-txt::before {
  content: " “ ";
  font-size: 3.42855em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.20001em;
  letter-spacing: -.0400023333em;
  background: linear-gradient(90deg, #51A699 0, #72B763 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: .92592em;
  left: .4em;
  width: 100%
}

.card__txt .testimonials-txt .heading {
  font-size: 1.5em;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -.06em;
  color: rgba(var(--black-color), 1);
  margin-top: 0;
  display: flex;
  flex-wrap: wrap
}

.card__txt .testimonials-txt .blockquote-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: calc(100% - 7em);
  overflow: hidden;
  overflow-y: auto;
  padding-right: .5em
}

.card__txt .testimonials-txt blockquote {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2em;
  letter-spacing: -.05em;
  color: rgba(var(--chinese-black-two), 1)
}

.card__body .card-text,
.card__body .card-title {
  color: rgba(var(--white-color), 1);
  width: 100%
}

.card__body__bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.card__body__bottom .counter {
  color: rgba(var(--white-color), 1)
}

.card__body__bottom .counter-description {
  color: rgba(var(--white-color), 1)
}

.card--style-one,
.card--style-three,
.card--style-two {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 1.25em;
  position: relative;
  height: 100%
}

.card--style-one .card__img .img-wrapper,
.card--style-three .card__img .img-wrapper,
.card--style-two .card__img .img-wrapper {
  border-radius: 1.25em;
  overflow: hidden;
  width: 100%;
  height: 100%
}

@media (max-width:991.98px) {

  .card--style-one .card__img .img-wrapper,
  .card--style-three .card__img .img-wrapper,
  .card--style-two .card__img .img-wrapper {
    min-height: 22em
  }
}

@media (max-width:767.98px) {

  .card--style-one .card__img .img-wrapper,
  .card--style-three .card__img .img-wrapper,
  .card--style-two .card__img .img-wrapper {
    min-height: 19em
  }
}

@media (max-width:575.98px) {

  .card--style-one .card__img .img-wrapper,
  .card--style-three .card__img .img-wrapper,
  .card--style-two .card__img .img-wrapper {
    min-height: 15em
  }
}

.card--style-one .card__body,
.card--style-three .card__body,
.card--style-two .card__body {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

@media (max-width:991.98px) {

  .card--style-one .card__body,
  .card--style-three .card__body,
  .card--style-two .card__body {
    padding-top: 2em
  }
}

.card--style-one .card__body .card-title,
.card--style-three .card__body .card-title,
.card--style-two .card__body .card-title {
  font-size: 2em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: -.04em;
  margin-bottom: 1em
}

.card--style-one .card__body .card-title a,
.card--style-three .card__body .card-title a,
.card--style-two .card__body .card-title a {
  color: currentColor;
  font-size: 1em
}

.card--style-one .card__body .card-text,
.card--style-three .card__body .card-text,
.card--style-two .card__body .card-text {
  font-size: 1.125em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.25em;
  letter-spacing: -.04em
}

@media (max-width:991.98px) {

  .card--style-one .card__body .card-text,
  .card--style-three .card__body .card-text,
  .card--style-two .card__body .card-text {
    margin-bottom: 1.77778em
  }
}

@media (max-width:1024.98px) {

  .card--style-one .card__body__bottom,
  .card--style-three .card__body__bottom,
  .card--style-two .card__body__bottom {
    display: flex;
    flex-wrap: wrap
  }
}

.card--style-one .card__body__bottom .counter-num-box,
.card--style-three .card__body__bottom .counter-num-box,
.card--style-two .card__body__bottom .counter-num-box {
  font-size: 2.5em;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -.04em
}

@media (max-width:1024.98px) {

  .card--style-one .card__body__bottom .counter-num-box,
  .card--style-three .card__body__bottom .counter-num-box,
  .card--style-two .card__body__bottom .counter-num-box {
    width: 100%;
    margin-bottom: .47059em
  }
}

.card--style-one .card__body__bottom .counter-description,
.card--style-three .card__body__bottom .counter-description,
.card--style-two .card__body__bottom .counter-description {
  font-size: 1em;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -.04px;
  line-height: normal
}

@media (max-width:991.98px) {

  .card--style-one .card__body__bottom .counter-description,
  .card--style-three .card__body__bottom .counter-description,
  .card--style-two .card__body__bottom .counter-description {
    display: block;
    width: 100%;
    margin-bottom: 1.6em
  }
}

@media (min-width:1200px) {
  .card--style-one {
    padding: 1.875em
  }
}

@media (min-width:992px) {
  .card--style-one .card__img {
    width: 68%;
    height: 45.75em;
    order: 2
  }
}

@media (min-width:1025px) {
  .card--style-one .card__img {
    width: 68%;
    height: 45.75em;
    order: 2
  }
}

@media (min-width:1200px) {
  .card--style-one .card__img {
    width: 75.2961%;
    height: 47em
  }
}

@media (min-width:1600px) {
  .card--style-one .card__img {
    width: 75.2961%;
    height: 45.8125em
  }
}

@media (min-width:992px) {
  .card--style-one .card__body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    order: 1;
    padding: 0 3em 0 0;
    width: 32%
  }
}

@media (min-width:1025px) {
  .card--style-one .card__body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    order: 1;
    padding: 0 3em 0 0;
    width: 32%
  }
}

@media (min-width:1200px) {
  .card--style-one .card__body {
    width: 24.7039%;
    height: 47em;
    height: 100%;
    padding: 0 4.6875em 0 0
  }
}

@media (min-width:1600px) {
  .card--style-one .card__body {
    width: 24.7039%;
    height: 45.8125em;
    height: 100%;
    padding: 0 4.6875em 0 0
  }
}

@media (min-width:992px) {
  .card--style-one .card__body .card-title {
    font-size: 2.875em;
    line-height: 1.23913em;
    margin-bottom: .84782em
  }
}

@media (min-width:992px) {
  .card--style-one .card__body .card-text {
    font-size: 1.25em;
    line-height: 1.25em
  }
}

@media (min-width:1200px) {
  .card--style-one .card__body .card-text {
    margin-bottom: .5em
  }
}

@media (min-width:992px) {
  .card--style-one .card__body__bottom {
    margin-top: auto;
    flex-direction: column
  }
}

@media (min-width:992px) {
  .card--style-one .card__body__bottom .counter-num-box {
    font-size: 4.25em;
    margin-bottom: .25em;
    min-width: 2.05882em
  }
}

@media (min-width:992px) {
  .card--style-one .card__body__bottom .counter-description {
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: 1.875em
  }
}

@media (min-width:1200px) {
  .card--style-two {
    padding: 1.875em
  }
}

.card--style-two .card__img {
  width: 100%;
  margin-bottom: 1.875em
}

@media (min-width:992px) {
  .card--style-two .card__img {
    width: 51.0625em;
    height: 40.8125em
  }
}

@media (min-width:992px) {
  .card--style-two .card__body .card-title {
    font-size: 2.5em;
    line-height: 1.425em;
    margin-bottom: .375em
  }
}

.card--style-two .card__body .card-title a {
  color: currentColor
}

@media (min-width:992px) {
  .card--style-two .card__body .card-title a {
    font-size: 1em;
    line-height: 1.425em;
    margin-bottom: .375em
  }
}

@media (min-width:992px) {
  .card--style-two .card__body .card-text {
    font-size: 1.25em;
    line-height: 1.25em
  }
}

@media (min-width:992px) {
  .card--style-two .card__body__bottom {
    align-items: center
  }
}

@media (min-width:1200px) {
  .card--style-two .card__body__bottom .counter-num-box {
    font-size: 3.75em;
    margin-right: .33333em;
    min-width: 2.33333em
  }
}

@media (min-width:992px) {
  .card--style-two .card__body__bottom .counter-description {
    font-size: 1.25em;
    line-height: 1em;
    width: 13em
  }
}

.card--style-two .card__body__bottom .services-used {
  display: flex;
  flex-wrap: wrap
}

.card--style-two .card__body__bottom .services-used ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  font-size: 1em
}

.card--style-two .card__body__bottom .services-used ul li {
  font-size: 1em;
  margin-bottom: 0;
  padding-left: calc(var(--circle-size) + var(--circle-blur) + var(--circle-space-txt));
  position: relative;
  padding-right: 1.11111em;
  font-size: 1.125em;
  font-style: normal;
  font-weight: 300;
  line-height: 1em;
  letter-spacing: -.04px
}

.card--style-two .card__body__bottom .services-used ul li::after,
.card--style-two .card__body__bottom .services-used ul li::before {
  content: "";
  width: var(--circle-size);
  height: var(--circle-size);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: var(--circle-radius);
  background: var(--Gradient-G1, linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%))
}

.card--style-two .card__body__bottom .services-used ul li::before {
  left: .277778em;
  filter: blur(var(--circle-blur))
}

.card--style-two .card__body__bottom .services-used ul li::after {
  left: var(--circle-blur)
}

.card--style-two .card__body__bottom .services-used ul li:last-child,
.card--style-two .card__body__bottom .services-used ul li:only-child {
  padding-right: 0
}

@media (min-width:992px) {
  .card--style-two .card__body__bottom .btn-wrapper {
    margin-left: auto
  }
}

@media (min-width:1200px) {
  .card--style-three {
    padding: 1.875em
  }
}

.card--style-three .card__img {
  width: 100%;
  margin-bottom: .9375em
}

@media (min-width:992px) {
  .card--style-three .card__img {
    height: 37.6875em
  }
}

.card--style-three .card__img a {
  width: 100%;
  height: 100%;
  display: block
}

@media (min-width:992px) {
  .card--style-three .card__body .card-title {
    font-size: 2.25em;
    line-height: 1.58333em;
    margin-bottom: .41667em
  }
}

@media (min-width:992px) {
  .card--style-three .card__body .card-text {
    font-size: 1.25em;
    line-height: 1.25em
  }
}

@media (min-width:992px) {
  .card--style-three .card__body__bottom {
    align-items: center
  }
}

.card--style-three .card__body__bottom .counter-num-box {
  font-weight: 500;
  line-height: normal
}

@media (min-width:992px) {
  .card--style-three .card__body__bottom .counter-num-box {
    font-size: 3.125em;
    margin-right: .4em;
    min-width: 2.52em
  }
}

@media (min-width:992px) {
  .card--style-three .card__body__bottom .counter-description {
    font-size: 1.25em;
    width: 10.5em;
    line-height: 1em
  }
}

@media (min-width:992px) {
  .card--style-three .card__body__bottom .btn-wrapper {
    margin-top: 1.875em
  }
}

.card--style-four {
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative
}

.card--style-four .swiper-slide {
  width: auto !important
}

.card--style-four .card__img {
  width: 100%;
  height: 25em
}

@media (min-width:1200px) {
  .card--style-four .card__img {
    height: 31.8125em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end
  }
}

@media (max-width:575.98px) {
  .card--style-four .card__img {
    height: 23.36857em
  }
}

.card--style-four .card__img a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%
}

.card--style-four .card__img .img-wrapper {
  border-radius: 2.0625em;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: 100%
}

@media (max-width:1599.98px) {
  .card--style-four .card__img .img-wrapper {
    height: 100%
  }
}

.card--style-four .card__img .img-wrapper img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.card--style-four .card__body {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-top: 2.5em
}

@media (min-width:1200px) {
  .card--style-four .card__body {
    padding-top: 2.5em
  }
}

@media (max-width:575.98px) {
  .card--style-four .card__body {
    padding-top: 2.85714em
  }
}

.card--style-four .card__body .blog-category {
  padding: .6875em;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -.04em;
  position: relative;
  color: rgba(var(--american-silver), 1);
  position: relative
}

.card--style-four .card__body .blog-category::before {
  content: "";
  border-radius: 1.875em;
  border: 1px solid rgba(237, 237, 237, .2);
  background: rgba(255, 255, 255, .1);
  -webkit-backdrop-filter: blur(.9499999881px);
  backdrop-filter: blur(.9499999881px);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1
}

.card--style-four .card__body .blog-category a {
  color: currentColor
}

.card--style-four .card__body .blog-title {
  margin-top: .76923em;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.625em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.305em;
  letter-spacing: -.04em;
  color: rgba(var(--white-color), 1)
}

@media (min-width:1200px) {
  .card--style-four .card__body .blog-title {
    font-size: 1.625em;
    line-height: 1.19231em;
    margin-top: .76923em
  }
}

@media (max-width:1199.98px) {
  .card--style-four .card__body .blog-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 2
  }
}

.card--style-four .card__body .blog-title a {
  color: currentColor
}

.card--style-four .card__body .post-info-box {
  margin-top: 1.25em;
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.card--style-four .card__body .author-info-box {
  display: inline-flex;
  flex-wrap: wrap;
  padding-right: .5em
}

.card--style-four .card__body .author-info {
  display: inline-flex;
  flex-wrap: wrap
}

.card--style-four .card__body .blog-read-time {
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5em;
  color: rgba(var(--white-color), 1);
  margin-top: 0;
  position: relative;
  padding-left: .75em
}

.card--style-four .card__body .blog-read-time::before {
  content: "";
  width: .375em;
  height: .375em;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 100%;
  background-color: rgba(var(--white-color), 1)
}

.card--style-five {
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative
}

@media (max-width:991.98px) {
  .card--style-five {
    height: 100%
  }
}

.card--style-five .card__wrapper {
  position: relative;
  padding: 1.25em;
  border: 1px solid rgba(40, 40, 43, .2);
  border-radius: 3.25em
}

@media (max-width:991.98px) {
  .card--style-five .card__wrapper {
    padding: 1.14286em;
    height: 100%
  }
}

.card--style-five .card__wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(237, 237, 237, .1);
  -webkit-backdrop-filter: blur(2.25px);
  backdrop-filter: blur(2.25px);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1
}

.card--style-five .card__img {
  position: relative;
  width: 100%;
  padding-bottom: 1.25em
}

@media (min-width:1200px) {
  .card--style-five .card__img {
    height: 37.625em
  }
}

@media (max-width:1199.98px) {
  .card--style-five .card__img {
    height: 50em
  }
}

@media (max-width:991.98px) {
  .card--style-five .card__img {
    height: 35em
  }
}

.card--style-five .card__img .img-wrapper {
  width: 100%;
  border-radius: 2.75em;
  overflow: hidden;
  max-height: 100%
}

@media (max-width:1599.98px) {
  .card--style-five .card__img .img-wrapper {
    height: 100%
  }
}

@media (max-width:1199.98px) {
  .card--style-five .card__img .img-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
  }
}

.card--style-five .card__body {
  margin-top: .9375em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%
}

.card--style-five .card__body .client-logo {
  display: inline-block;
  height: 3.25em
}

.card--style-five .card__body .client-logo .img-wrapper {
  display: inline-block
}

.card--style-five .card__body .client-logo .img-wrapper svg {
  height: 100%
}

.card--style-five .card__body .client-name {
  font-size: 1.5em;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -.06em;
  color: rgba(var(--black-color), 1);
  margin-top: .625em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.card--style-five .video-btn {
  position: absolute;
  left: -.88125em;
  bottom: -.88125em;
  z-index: 10
}

.card--style-five .video-btn .pause-btn,
.card--style-five .video-btn .play-btn {
  width: 4.875em;
  height: 4.875em;
  background-color: rgba(var(--white-color), 1);
  border-radius: 100%;
  padding: .75em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: all .5s ease
}

@media (min-width:1200px) {

  .card--style-five .video-btn .pause-btn,
  .card--style-five .video-btn .play-btn {
    background-color: rgba(var(--bright-gray), 1)
  }
}

.card--style-five .video-btn .pause-btn .img-wrapper,
.card--style-five .video-btn .play-btn .img-wrapper {
  width: 100%;
  height: 100%
}

.card--style-five .video-btn .pause-btn .pause-video,
.card--style-five .video-btn .pause-btn .play-video,
.card--style-five .video-btn .play-btn .pause-video,
.card--style-five .video-btn .play-btn .play-video {
  width: 100%;
  height: 100%;
  border: none;
  background: 0 0
}

.card--style-five .video-btn .pause-btn a,
.card--style-five .video-btn .play-btn a {
  transition: opacity .5s ease-in-out;
  opacity: 1
}

.card--style-five .video-btn .pause-btn a.playing,
.card--style-five .video-btn .play-btn a.playing {
  opacity: .7
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.swiper-slide iframe {
  width: 100%;
  height: 100%;
  display: block
}

@media (max-width:575.98px) {
  .swiper-pagination {
    top: 0 !important
  }
}

@media (max-width:575.98px) {
  .swiper-pagination-wrapper {
    margin: 2.87357em 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 1em;
    position: relative
  }
}

@media (max-width:575.98px) {
  .swiper-pagination-bullet {
    margin-right: .43214em !important;
    width: 1em !important;
    height: 1em !important;
    border-radius: 1em !important;
    border: 1px solid #cacaca !important;
    background: 0 0 !important;
    overflow: hidden
  }
}

@media (max-width:575.98px) {
  .swiper-pagination-bullet::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #343434;
    display: flex;
    flex-wrap: wrap
  }
}

@media (max-width:575.98px) {

  .swiper-pagination-bullet:last-child,
  .swiper-pagination-bullet:only-child {
    margin-right: 0 !important
  }
}

@media (max-width:575.98px) {
  .swiper-pagination-bullet-active::before {
    background: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%)
  }
}

.swiper-button-wrapper--style-one {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  height: 3.125em;
  margin-top: 3.75em
}

.swiper-button-wrapper--style-one .swiper-button-next,
.swiper-button-wrapper--style-one .swiper-button-prev {
  width: 3.125em;
  height: 3.125em;
  position: absolute;
  cursor: pointer
}

.swiper-button-wrapper--style-one .swiper-button-next:after,
.swiper-button-wrapper--style-one .swiper-button-prev:after {
  display: none;
  visibility: hidden
}

.swiper-button-wrapper--style-one .swiper-button-next .img-wrapper,
.swiper-button-wrapper--style-one .swiper-button-prev .img-wrapper {
  width: 3.125em;
  height: 3.125em;
  border-radius: 3.125em;
  background: rgba(var(--charleston-green-sec), 1);
  display: flex;
  align-items: center;
  justify-content: center
}

.swiper-button-wrapper--style-one .swiper-button-next .img-wrapper img,
.swiper-button-wrapper--style-one .swiper-button-next .img-wrapper svg,
.swiper-button-wrapper--style-one .swiper-button-prev .img-wrapper img,
.swiper-button-wrapper--style-one .swiper-button-prev .img-wrapper svg {
  width: 15px;
  height: 14px
}

.swiper-button-wrapper--style-one .swiper-button-next {
  margin-top: 0;
  top: 0;
  right: 4.0625em
}

@media (min-width:1200px) {
  .swiper-button-wrapper--style-one .swiper-button-next {
    right: 7.0625em
  }
}

.swiper-button-wrapper--style-one .swiper-button-next .img-wrapper img,
.swiper-button-wrapper--style-one .swiper-button-next .img-wrapper svg {
  transform: rotate(180deg)
}

.swiper-button-wrapper--style-one .swiper-button-prev {
  margin-top: 0;
  top: 0;
  left: auto;
  right: 8.4375em
}

@media (min-width:1200px) {
  .swiper-button-wrapper--style-one .swiper-button-prev {
    right: 11.4375em
  }
}

.swiper-button-wrapper--style-one .swiper-button-prev .img-wrapper img,
.swiper-button-wrapper--style-one .swiper-button-prev .img-wrapper svg {
  transform: rotate(0)
}

.swiper-button-wrapper--style-one .swiper-button-disabled {
  cursor: not-allowed
}

.swiper-button-wrapper--style-one .swiper-button-disabled .img-wrapper {
  background: #171718
}

.swiper-button-wrapper--style-one .swiper-button-disabled .img-wrapper img path,
.swiper-button-wrapper--style-one .swiper-button-disabled .img-wrapper svg path {
  fill: #76767c
}

.swiper__scrollbarWrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.swiper__scrollbarWrapper--styleone .swiper-scrollbar {
  height: .5em;
  background: rgba(var(--light-silver), 1);
  position: relative;
  border-radius: 2.9375em;
  max-width: 40.25em;
  overflow: hidden
}

.swiper__scrollbarWrapper--styleone .swiper-scrollbar-drag {
  background: rgba(var(--brown-yellow), 1);
  transition: transform 2s;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

.swiper__scrollbarWrapper--styletwo {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  height: .625em;
  margin-top: 3.75em
}

@media (min-width:1200px) {
  .swiper__scrollbarWrapper--styletwo {
    padding: 0 4.6875em
  }
}

.swiper__scrollbarWrapper--styletwo .swiper-scrollbar-horizontal {
  height: 100%;
  background: #191919;
  position: relative;
  border-radius: .625em
}

.swiper__scrollbarWrapper--styletwo .swiper-scrollbar-drag {
  background: rgba(var(--white-color), 1);
  transition: transform 2s;
  position: absolute;
  top: .125em;
  left: .125em;
  height: .375em
}

.iframe-overlay {
  cursor: grab
}

:root {
  --custom-modal-transition: all 0.3s ease;
  --custom-modal-z-index: 1000;
  --backdrop-opacity: 0.75;
  --custom-modal-body-margin: 0;
  --custom-modal-scrollbar-compensate: 6px
}

html.modal-open {
  width: auto;
  overflow: visible;
  scroll-behavior: auto
}

html.modal-open body {
  touch-action: none
}

html body.modal-open {
  width: auto;
  margin-right: calc(var(--custom-modal-body-margin, 0px) + var(--custom-modal-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none
}

.modal {
  background: #fff;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  overflow: hidden;
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
  transform: translateY(30px);
  transition: transform .3s ease;
  width: 100%
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, var(--backdrop-opacity));
  z-index: var(--custom-modal-z-index);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: var(--custom-modal-transition);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px)
}

.modal-backdrop.show {
  opacity: 1;
  visibility: visible
}

.modal-backdrop.show .modal {
  transform: translateY(0)
}

.modal-close {
  --f-button-svg-stroke-width: 0.1875em;
  --f-button-svg-width: 0.875em;
  --f-button-svg-height: 0.875em;
  --f-button-color: #fff;
  --f-button-svg-fill: #fff;
  width: 2.383875em;
  height: 2.383875em;
  border-radius: 2.383875em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: none;
  opacity: 1;
  z-index: 1;
  padding: .5em
}

@media (min-width:1200px) {
  .modal-close {
    top: 1.5em !important;
    right: 2em !important
  }
}

@media (max-width:1199.98px) {
  .modal-close {
    top: 1em !important;
    right: 1em !important
  }
}

.modal-close svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity .15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none
}

.modal-close:focus-visible {
  box-shadow: none
}

.modal-close:hover {
  transform: scale(1.1)
}

.modal.custom-modal,
.modal.large,
.modal.medium,
.modal.small {
  display: none;
  position: fixed;
  z-index: 1001
}

.modal.small {
  max-width: 400px
}

.modal.medium {
  max-width: 600px
}

.modal.large {
  width: 85vw
}

@media (min-width:1200px) {
  .modal.large {
    height: 89vh
  }
}

@media (max-width:767.98px) {
  .modal.large {
    height: 90vh
  }
}

.modal.conversation-modal {
  width: 85vw
}

@media (min-width:1200px) {
  .modal.conversation-modal {
    height: 89vh
  }
}

@media (max-width:767.98px) {
  .modal.conversation-modal {
    height: 90vh
  }
}

.modal.conversation-modal .modal-close {
  background: rgba(var(--charleston-green-sec), 1)
}

.modal.conversation-modal .modal-close svg {
  color: #fff
}

.modal.conversation-modal .modal-close svg path {
  fill: #fff;
  stroke: currentColor
}

.modal.conversation-modal .modal-close:hover {
  background: #e0e0e0
}

.modal.conversation-modal .modal-close:hover svg {
  color: #000
}

.modal.conversation-modal .generic-panel {
  margin-bottom: 2em
}

@media (min-width:1200px) {
  .modal.conversation-modal .generic-panel {
    margin-bottom: 1em
  }
}

.modal.conversation-modal .loader-wrapper {
  width: 100%;
  height: 2.6875em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.modal.conversation-modal .loader-wrapper .img-wrapper {
  width: 3.125em;
  height: 100%;
  display: flex;
  flex-wrap: wrap
}

.modal.conversation-modal .loader-wrapper .loader-submitting-text {
  display: flex;
  flex-wrap: wrap;
  padding-left: .5em
}

.modal.conversation-modal .loader-wrapper .loader-submitting-text p {
  font-size: .75em;
  color: rgba(var(--black-color), 1)
}

.modal.conversation-modal .form-modal {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  position: relative;
  max-width: 100%
}

.modal.conversation-modal .form-modal__shadow-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden
}

.modal.conversation-modal .form-modal__shadow-box__wrapper {
  width: 100%;
  height: 100%;
  position: relative
}

.modal.conversation-modal .form-modal__left-shadow {
  width: 40.6875em;
  height: 18.8125em;
  position: absolute;
  top: 6.875em;
  left: 3.4375em
}

.modal.conversation-modal .form-modal__left-shadow__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: .2
}

.modal.conversation-modal .form-modal__left-shadow__wrapper::after,
.modal.conversation-modal .form-modal__left-shadow__wrapper::before {
  content: "";
  display: block
}

.modal.conversation-modal .form-modal__left-shadow__wrapper::before {
  width: 35.934em;
  height: 15.83625em;
  transform: rotate(-17.366deg);
  border-radius: 35.934em;
  opacity: .4;
  background: rgba(var(--royal-pink), 1);
  filter: blur(4.39375em)
}

.modal.conversation-modal .form-modal__left-shadow__wrapper::after {
  width: 7.3335em;
  height: 13.01937em;
  transform: rotate(-87.219deg);
  fill: #d056ea;
  filter: blur(28.97812em);
  position: absolute;
  top: 7.5em;
  left: 1.9375em;
  z-index: 1
}

.modal.conversation-modal .form-modal__right-shadow {
  width: 29.5625em;
  height: 13.625em;
  position: absolute;
  top: 46.625em;
  right: 0
}

.modal.conversation-modal .form-modal__right-shadow__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: .4
}

.modal.conversation-modal .form-modal__right-shadow__wrapper::after,
.modal.conversation-modal .form-modal__right-shadow__wrapper::before {
  content: "";
  display: block;
  position: absolute
}

.modal.conversation-modal .form-modal__right-shadow__wrapper::before {
  width: 26.1193125em;
  height: 11.510875em;
  border-radius: 26.1193125em;
  opacity: .4;
  background: rgba(var(--royal-pink), 1);
  filter: blur(4.39375em);
  right: -5.02437em;
  top: 0
}

.modal.conversation-modal .form-modal__right-shadow__wrapper::after {
  width: 5.3305em;
  height: 9.463375em;
  fill: #d056ea;
  filter: blur(2.91562em);
  right: -3.625em;
  top: 5.38437em
}

.modal.conversation-modal .form-box .generic-panel__head .generic-heading__small-heading--left-icon {
  padding: .35em;
  margin-bottom: 1.31667em
}

.modal.conversation-modal .form-box__fields .input-container {
  position: relative
}

.modal.conversation-modal .form-box__fields .input-container label.error {
  position: absolute;
  top: calc(100% + .5em);
  margin-top: 0
}

.modal.conversation-modal .form-box__fields .input-container .input,
.modal.conversation-modal .form-box__fields .input-container .select {
  font-size: 1em
}

.modal.conversation-modal .form-box__fields .input-container .select select.error+.error {
  font-size: .8em !important
}

.modal.conversation-modal .form-box__fields .input-container .range-slider-wrapper__text {
  font-size: 1.15em
}

@media (min-width:1200px) {
  .modal.conversation-modal .form-box .container-m {
    padding: 0 5.125em
  }
}

@media (max-width:1399.98px) {
  .modal.conversation-modal .form-box .container-m {
    padding-bottom: 1em
  }
}

@media (max-width:1199.98px) {
  .modal.conversation-modal .form-box .container-m {
    padding: 0 2em
  }
}

@media (max-width:767.98px) {
  .modal.conversation-modal .form-box .container-m {
    padding-bottom: 2em
  }
}

@media (max-width:575.98px) {
  .modal.conversation-modal .form-box .container-m {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
  }
}

.modal.conversation-modal .form-box .iti--separate-dial-code .iti__selected-dial-code {
  font-size: 1em
}

.modal.conversation-modal .form-box--small-gap {
  padding: 2em
}

@media (min-width:1200px) {
  .modal.conversation-modal .form-box--small-gap {
    width: 100%;
    height: 100%;
    padding: 3.5em 3em 2.5em
  }
}

@media (max-width:1199.98px) {
  .modal.conversation-modal .form-box--small-gap {
    padding: 5em 3em 1em 3em;
    margin-bottom: 2em;
    height: 100%
  }
}

@media (max-width:991.98px) {
  .modal.conversation-modal .form-box--small-gap {
    padding: 4em 3em 0 3em;
    margin-bottom: 0
  }
}

@media (max-width:767.98px) {
  .modal.conversation-modal .form-box--small-gap {
    padding: 4em 1.25em 3em 1.25em
  }
}

.modal.conversation-modal .form-box--small-gap .form-box__fields {
  overflow: hidden;
  overflow-y: auto
}

@media (max-width:991.98px) {
  .modal.conversation-modal .form-box--small-gap .form-box__fields {
    padding-right: 2em;
    padding-bottom: 2em
  }
}

@media (max-width:768px) {
  .modal-triggers {
    flex-direction: column;
    align-items: center
  }

  .btn {
    width: 100%;
    max-width: 300px;
    justify-content: center
  }

  .modal {
    width: 95%
  }
}

body.about-us-page .header__logo .blog-logo,
body.contact-us-page .header__logo .blog-logo,
body.hire-developers-page .header__logo .blog-logo,
body.home .header__logo .blog-logo,
body.our-work-detail-page .header__logo .blog-logo,
body.our-work-page .header__logo .blog-logo,
body.services-details-page .header__logo .blog-logo,
body.services-page .header__logo .blog-logo,
body.static-page .header__logo .blog-logo,
body.thankyou-page .header__logo .blog-logo {
  display: none;
  visibility: hidden
}

body.author-page .header__logo .blog-logo,
body.blog .header__logo .blog-logo,
body.blog-detail .header__logo .blog-logo {
  display: none;
  visibility: hidden
}

.header {
  z-index: 99;
  width: 100%
}

@media (min-width:1200px) {
  .header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(0);
    padding: 0
  }
}

@media (max-width:1199.98px) {
  .header {
    padding: 1.85em;
    position: fixed;
    top: 0;
    left: 0;
    transition: all .5s ease-in
  }
}

.header__container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media (min-width:1200px) {
  .header__container {
    padding: 0 6.25em 0;
    margin-top: 1.125em
  }
}

.header__container::before {
  contain: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  -webkit-backdrop-filter: blur(1.125em);
  backdrop-filter: blur(1.125em)
}

.header__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  transition: width .6s ease-in-out, padding .6s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0)
}

@media (min-width:1200px) {
  .header__wrapper {
    padding: 1.125em 0
  }
}

@media (max-width:1199.98px) {
  .header__wrapper {
    justify-content: space-between;
    align-items: center
  }
}

@media (min-width:1200px) {
  .header__logo {
    z-index: 1;
    transition: width .6s ease-in-out, padding .6s ease-in-out
  }
}

.header__logo a {
  display: block;
  width: 100%;
  height: 100%
}

.header__logo .logo-small {
  display: none;
  visibility: hidden
}

@media (max-width:1199.98px) {
  .header__navigation {
    position: fixed;
    right: -100%;
    width: 100%;
    max-width: 27.143em;
    height: 100vh;
    top: 0;
    background: rgba(var(--black-color), 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 7;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    box-shadow: 0 0 1.6875em .125em rgba(0, 0, 0, .5) inset, 0 .375em .25em -.3125em rgba(0, 0, 0, .5);
    transition: all .9s ease-in-out
  }
}

@media (max-width:575.98px) {
  .header__navigation {
    max-width: 100%
  }
}

@media (max-width:1199.98px) {
  .header__navigation.open {
    right: 0
  }
}

.header__navigation__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

@media (min-width:1200px) {
  .header__navigation__wrapper {
    margin: 0 auto
  }
}

@media (max-width:1199.98px) {
  .header__navigation__wrapper {
    padding: 11em 2em 2em;
    width: 100%
  }
}

@media (max-width:575.98px) {
  .header__navigation__wrapper {
    width: 100vw;
    height: 100vh;
    align-items: flex-start
  }
}

@media (max-width:1199.98px) {
  .header__cta {
    margin-left: auto;
    z-index: 10
  }
}

@media (max-width:375px) {
  .header__cta {
    display: none;
    visibility: hidden
  }
}

.header__cta__wrapper {
  display: flex;
  flex-wrap: wrap
}

@media (max-width:575.98px) {
  .header__cta__wrapper {
    width: 100%;
    justify-content: flex-end
  }
}

@media (max-width:375px) {
  .header__cta__wrapper {
    width: calc(100% - 4em)
  }
}

@media (max-width:320px) {
  .header__cta__wrapper {
    width: calc(100% - 4em)
  }
}

.header__cta__wrapper .cta {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: 1em
}

@media (max-width:575.98px) {
  .header__cta__wrapper .cta {
    align-items: flex-end
  }
}

.header__cta__wrapper .cta__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
  font-size: 1em
}

@media (min-width:576px) {
  .header__cta__wrapper .cta__item {
    padding-right: .625em
  }
}

@media (max-width:575.98px) {
  .header__cta__wrapper .cta__item {
    margin-bottom: 0
  }
}

.header__cta__wrapper .cta__item:last-child,
.header__cta__wrapper .cta__item:only-child {
  padding-right: 0
}

@media (max-width:375px) {

  .header__cta__wrapper .cta__item:last-child,
  .header__cta__wrapper .cta__item:only-child {
    margin-bottom: 0
  }
}

.header__cta__wrapper .cta__item--text-box {
  position: relative
}

.header__cta__wrapper .cta__item--circle {
  opacity: 1;
  display: flex;
  visibility: visible;
  transition: opacity 2s cubic-bezier(.135, .9, .15, 1), display 2s cubic-bezier(.135, .9, .15, 1), visibility 2s cubic-bezier(.135, .9, .15, 1)
}

@media (max-width:575.98px) {
  .header__cta__wrapper .cta__item--circle {
    display: none;
    visibility: hidden
  }
}

.header__cta__wrapper .cta__item--circle a {
  position: relative;
  padding: 0;
  width: 2.875em;
  height: 2.875em
}

@media (min-width:1200px) {
  .header__cta__wrapper .cta__item--circle a {
    display: flex;
    align-items: center;
    justify-content: center
  }
}

.header__cta__wrapper .cta__item--circle a .img-wrapper {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: .8125em
}

.header__cta__wrapper .cta__item--circle a .img-wrapper img,
.header__cta__wrapper .cta__item--circle a .img-wrapper svg {
  position: relative;
  z-index: 1
}

.header__cta__wrapper .cta__item--circle a .img-wrapper img path,
.header__cta__wrapper .cta__item--circle a .img-wrapper svg path {
  transition: all .5s ease
}

.header__cta__wrapper .cta__item--circle a .img-wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 2.877625em;
  border: 1px solid rgba(172, 172, 172, .3);
  background: rgba(0, 0, 0, .1);
  -webkit-backdrop-filter: blur(.625em);
  backdrop-filter: blur(.625em);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  transition: all .5s ease
}

.header__cta__wrapper .cta__item--circle a:hover .img-wrapper svg path {
  fill: rgba(var(--violet-crayola), 1)
}

.header__cta__wrapper .cta__item--circle a:hover .img-wrapper::after {
  background: #fff
}

.header__cta__wrapper .cta__link {
  position: relative;
  height: 2.875em;
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

@media (min-width:1200px) {
  .header__cta__wrapper .cta__link {
    padding: .5em 1.25em;
    padding: .625em 1.25em .375em
  }
}

.header__cta__wrapper .cta__link::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 2.4375em;
  border: 1px solid rgba(172, 172, 172, .3);
  background: rgba(0, 0, 0, .1);
  -webkit-backdrop-filter: blur(.625em);
  backdrop-filter: blur(.625em);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  transition: all .5s ease
}

.header__cta__wrapper .cta__link .img-wrapper {
  width: 100%;
  height: 100%
}

.header__cta__wrapper .cta__link .content {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.6667em;
  color: rgba(var(--white-color), 1);
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transition: all .5s ease
}

.header__cta__wrapper .cta__link .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.header__cta__wrapper .cta__link:hover:after {
  background: rgba(var(--white-color), 1)
}

.header__cta__wrapper .cta__link:hover .content {
  color: rgba(var(--violet-crayola), 1)
}

.header__cta__wrapper .anchor-wrapper {
  display: flex;
  flex-wrap: wrap
}

.header__cta__wrapper .anchor-wrapper a {
  position: relative;
  background-color: rgba(var(--brown-yellow), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.36em;
  font-size: 1em
}

@media (max-width:575.98px) {
  .header__cta__wrapper .anchor-wrapper a {
    padding: 0 .8em
  }
}

@media (max-width:375px) {
  .header__cta__wrapper .anchor-wrapper a {
    padding: 0 .62em
  }
}

@media (max-width:320px) {
  .header__cta__wrapper .anchor-wrapper a {
    padding: 0 .62em
  }
}

.header__cta__wrapper .anchor-wrapper a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 0;
  height: 100%;
  background: rgba(var(--white-color), 1);
  left: auto;
  transition: .5s
}

.header__cta__wrapper .anchor-wrapper a span {
  color: rgba(var(--white-color), 1);
  font-weight: 700;
  transition: .5s;
  z-index: 1;
  font-size: 1em
}

.header__cta__wrapper .anchor-wrapper a svg {
  width: 1.625em;
  z-index: 1
}

@media (max-width:575.98px) {
  .header__cta__wrapper .anchor-wrapper a svg {
    width: 1.25em
  }
}

.header__cta__wrapper .anchor-wrapper a svg path {
  transition: .5s
}

.header__cta__wrapper .anchor-wrapper a:hover svg path {
  fill: rgba(var(--brown-yellow), 1);
  transition: .5s
}

.header__cta__wrapper .anchor-wrapper a:hover::before {
  left: 0;
  width: 100%
}

.header__cta__wrapper .anchor-wrapper a:hover span {
  color: rgba(var(--brown-yellow), 1)
}

.header__cta__wrapper .anchor-wrapper.project-anchor a {
  background: rgba(var(--white-color), 1)
}

.header__cta__wrapper .anchor-wrapper.project-anchor a span {
  color: rgba(var(--brown-yellow), 1)
}

.header__cta__wrapper .anchor-wrapper.project-anchor a::before {
  background: rgba(var(--brown-yellow), 1)
}

.header__cta__wrapper .anchor-wrapper.project-anchor a:hover span {
  color: rgba(var(--white-color), 1)
}

.header .navigation {
  display: flex;
  flex-wrap: wrap
}

@media (min-width:1200px) {
  .header .navigation {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%
  }
}

@media (max-width:1199.98px) {
  .header .navigation {
    width: 100%
  }
}

@media (max-width:575.98px) {
  .header .navigation {
    width: 100%
  }
}

.header .navigation .main-menu {
  list-style-type: none
}

@media (min-width:1200px) {
  .header .navigation .main-menu {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    font-size: 1em;
    height: 100%
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu {
    width: 100%;
    height: 100%;
    margin-bottom: 0
  }
}

@media (max-width:575.98px) {
  .header .navigation .main-menu {
    width: 100%
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 100%;
    font-size: 1em;
    padding: 0;
    margin: 0
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100vh;
    padding: 9.5em 2em 2em;
    overflow: hidden;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    background: rgba(var(--black-color), 1);
    transition: all .9s ease
  }
}

@media (max-width:575.98px) {
  .header .navigation .main-menu__dropdown {
    width: 100vw;
    height: 100vh;
    padding: 9.5em 2em 2em
  }
}

.header .navigation .main-menu__dropdown__wrapper {
  width: 100%;
  height: 100%;
  list-style-type: none;
  font-size: 1em;
  margin-bottom: 0
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper {
    padding: 1.5625em 3.125em 3.125em;
    position: relative
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper::after {
    content: "";
    width: calc(100% + 2px);
    height: 100%;
    background: rgba(var(--charleston-green-sec), 1);
    -webkit-backdrop-filter: blur(1.125em);
    backdrop-filter: blur(1.125em);
    position: absolute;
    left: -1px;
    top: 0;
    z-index: -2
  }
}

.header .navigation .main-menu__dropdown__wrapper .category-close-trigger {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1em;
  padding: 1em 1em 1em 1.5em;
  position: relative
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-close-trigger {
    height: 100%;
    padding: 2.1875em 2.5em 2.8125em
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper .category-close-trigger {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.5em;
    color: rgba(var(--white-color), 1);
    padding: 1em 0 1em 0
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper .category-close-trigger::before {
    content: "";
    position: absolute;
    top: 50%;
    left: .5em;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid rgba(var(--white-color), 1);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: .214286em;
    transform: rotate(-225deg) translate(0, 60%);
    height: 0;
    width: 0;
    transition: .25s all ease
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper .category-close-trigger__text {
    margin-left: 1.5em
  }
}

.header .navigation .main-menu__dropdown__wrapper .category-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
  font-size: 1em
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper {
    justify-content: space-between;
    position: relative
  }
}

.header .navigation .main-menu__dropdown__wrapper .category-wrapper__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: auto;
  margin-bottom: 0
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper__item {
    z-index: 0
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper__item {
    width: 100%;
    border-top: 1px solid rgba(var(--white-color), 1)
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper__item.active {
    z-index: 1
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper__item.active .main-menu__dropdown__wrapper__outer {
    opacity: 1;
    visibility: visible
  }
}

.header .navigation .main-menu__dropdown__wrapper .category-wrapper__item.categorymenu-active .parent-category-trigger::after {
  transform: rotate(-225deg) translate(0, 60%) !important
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper__item.categorymenu-active .main-menu__dropdown__wrapper__outer {
    left: 0
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .glider {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    height: 100%;
    background: rgba(var(--black-color), 1);
    border-radius: 1.25em 1.25em 0 0;
    z-index: -1;
    will-change: transform, width;
    pointer-events: none;
    opacity: 0;
    transition: transform .3s ease, width .3s ease, opacity .2s ease
  }
}

.header .navigation .main-menu__dropdown__wrapper .category-wrapper .category-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1em;
  padding: 1em 1em 1em 1.5em
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .category-item {
    height: 100%;
    padding: 2.1875em 2.5em 2.8125em
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .category-item {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.5em;
    color: rgba(var(--white-color), 1);
    padding: 1em 0 1em 0
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .category-item .parent-category-trigger {
    display: flex;
    flex-wrap: wrap;
    width: 1.42857em;
    height: 1.42857em;
    margin-left: auto;
    border: 1px solid rgba(var(--white-color), 1);
    position: relative
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .category-item .parent-category-trigger::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid rgba(var(--white-color), 1);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: .214286em;
    padding: .171429em;
    transform: rotate(-45deg) translate(-15%, -85%);
    height: 0;
    width: 0;
    transition: .25s all ease
  }
}

.header .navigation .main-menu__dropdown__wrapper .category-wrapper .category-item.active .parent-category-trigger:after {
  transform: rotate(-135deg) translate(45%, -22%)
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .parent-category {
    --circle-size: 0.566667em;
    --circle-space-txt: 0.75em;
    display: flex;
    flex-wrap: wrap;
    padding-left: calc(var(--circle-size) + var(--circle-blur) + var(--circle-space-txt));
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    font-weight: 700;
    line-height: normal;
    color: rgba(var(--white-color), 1)
  }
}

@media (min-width:1200px) {

  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .parent-category::after,
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .parent-category::before {
    content: "";
    width: var(--circle-size);
    height: var(--circle-size);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: var(--circle-radius);
    background: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%)
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .parent-category::before {
    left: .277778em;
    filter: blur(var(--circle-blur))
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper .category-wrapper .parent-category::after {
    left: var(--circle-blur)
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper__outer {
    width: 100%;
    position: absolute;
    top: 5.9375em;
    left: 0;
    background: rgba(var(--black-color), 1);
    padding: 1.875em 2.5em;
    border-radius: 1.25em;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    height: 37em
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper__outer {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 109%;
    top: 0;
    z-index: 2;
    background: rgba(var(--black-color), 1);
    padding: 9.5em 2em 2em;
    transition: all .9s ease
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__dropdown__wrapper__inner {
    width: 20.4611%
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper__inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%
  }
}

.header .navigation .main-menu__dropdown__wrapper__inner .subchild-close-trigger {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1em;
  padding: 1em 1em 1em 1.5em;
  position: relative
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper__inner .subchild-close-trigger {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.5em;
    color: rgba(var(--white-color), 1);
    padding: 1em 0 1em 0
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper__inner .subchild-close-trigger::before {
    content: "";
    position: absolute;
    top: 50%;
    left: .5em;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid rgba(var(--white-color), 1);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: .214286em;
    transform: rotate(-225deg) translate(0, 60%);
    height: 0;
    width: 0;
    transition: .25s all ease
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown__wrapper__inner .subchild-close-trigger__text {
    margin-left: 1.5em
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__dropdown.active {
    left: 0
  }
}

.header .navigation .main-menu__item {
  font-size: 1em;
  margin: 0
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item {
    height: 100%;
    padding: 0 1.25em
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(var(--white-color), 1);
    overflow: hidden
  }
}

.header .navigation .main-menu__item:last-child,
.header .navigation .main-menu__item:only-child {
  border-bottom: none
}

.header .navigation .main-menu__item__parent {
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.5em;
  color: rgba(var(--white-color), 1)
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__parent {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__parent {
    padding: 1em 0
  }
}

.header .navigation .main-menu__item__parent:after {
  background: rgba(var(--white-color), 1);
  bottom: 0
}

.header .navigation .main-menu__item__parent.active:after {
  transform: scaleX(1)
}

.header .navigation .main-menu__item__submenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1em
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu {
    padding: 1.75em 0
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu {
    width: 100%
  }
}

.header .navigation .main-menu__item__submenu__item {
  font-size: 1em;
  margin: 0
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item {
    border-top: 1px solid rgba(var(--white-color), 1);
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item .subchildmenu-trigger {
    display: flex;
    flex-wrap: wrap;
    width: 1.78571em;
    height: 1.78571em;
    margin-left: auto;
    border: 1px solid rgba(var(--white-color), 1);
    position: relative
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item .subchildmenu-trigger::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid rgba(var(--white-color), 1);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: .214286em;
    transform: rotate(-45deg) translate(-15%, -85%);
    height: 0;
    width: 0;
    transition: .25s all ease
  }
}

.header .navigation .main-menu__item__submenu__item.subchildmenu-active .subchildmenu-trigger::after {
  transform: rotate(-225deg) translate(0, 60%) !important
}

.header .navigation .main-menu__item__submenu__item.subchildmenu-active .main-menu__item__submenu__item__box {
  left: 0
}

.header .navigation .main-menu__item__submenu__item a {
  font-size: 1em;
  line-height: normal;
  color: currentColor
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item a {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    color: rgba(var(--white-color), 1);
    font-size: 1.5em;
    font-weight: 500;
    line-height: normal;
    line-height: 1.29167em;
    padding: 1.125em 0;
    transition: .4s;
    position: relative;
    transition-property: all;
    transition-timing-function: cubic-bezier(.135, .9, .15, 1);
    transition-duration: .9s
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item a {
    font-size: 1.25em;
    font-weight: 500;
    padding: 1em 0 1em 3em;
    padding: 1em 0 1em 1.5em;
    line-height: 1.5em;
    max-width: calc(100% - 2em)
  }
}

.header .navigation .main-menu__item__submenu__item a span {
  position: relative
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item a span::after {
    content: "";
    position: absolute;
    background: currentColor;
    height: 1px;
    pointer-events: none;
    right: 0;
    bottom: -.25em;
    left: auto;
    width: 0;
    transition-property: width;
    transition-timing-function: cubic-bezier(.135, .9, .15, 1);
    transition-duration: .9s
  }
}

.header .navigation .main-menu__item__submenu__item a:hover {
  color: rgba(var(--white-color), 1)
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item a:hover {
    color: currentColor
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item a:hover span::after {
    left: 0;
    right: auto;
    width: 100%
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item a:hover .icon-wrapper {
    opacity: 1
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item a:hover .icon-wrapper svg path {
    fill: rgba(var(--white-color), 1)
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item .submenu-text {
    position: relative
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item .icon-wrapper {
    transition: .4s;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -32%)
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item .icon-wrapper {
    display: none;
    visibility: hidden
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box {
    position: absolute;
    top: 0;
    left: 22.76657%;
    width: 77.23343%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 109%;
    top: 0;
    z-index: 3;
    background: rgba(var(--black-color), 1);
    padding: 9.5em 2em 2em;
    transition: all .9s ease
  }
}

.header .navigation .main-menu__item__submenu__item__box__wrapper {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__wrapper {
    padding: 2.8125em 0;
    padding: 1.75em 0
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__wrapper {
    height: 100%
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__left {
    width: 56.71361%;
    padding: 2.1875em 3.75em;
    position: relative
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__left {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__left::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    background: url(../svg/line-vector-third.svg) no-repeat;
    background-position: left top;
    background-size: cover
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__left::after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(0, 0);
    background: url(../svg/line-vector-third.svg) no-repeat;
    background-position: right top;
    background-size: cover
  }
}

.header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu {
  font-size: 1em;
  margin: 0;
  padding: 0;
  list-style-type: none
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu {
    -moz-columns: 2;
    columns: 2
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu {
    width: 100%;
    height: 100%;
    height: calc(100% - 5em);
    overflow: auto;
    padding-bottom: .25em
  }
}

.header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu li {
  font-size: 1em;
  margin: 0
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px solid rgba(var(--white-color), 1)
  }
}

.header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu a {
  font-weight: 400
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu a {
    padding: .68181em 0;
    padding: .45454em 0;
    font-size: 1.375em;
    line-height: 1.40909em;
    color: rgba(var(--white-color), .8);
    transition: color .3s ease;
    font-weight: 300
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu a {
    padding: 1em 0 1em 0;
    line-height: 1.5em;
    font-size: 1.25em;
    max-width: 100%;
    width: 100%
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu a .submenu-text {
    position: relative
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu a .submenu-text::after {
    content: "";
    position: absolute;
    background: currentColor;
    height: 1px;
    pointer-events: none;
    right: 0;
    bottom: -.25em;
    left: auto;
    width: 0;
    transition-property: width;
    transition-timing-function: cubic-bezier(.135, .9, .15, 1);
    transition-duration: .9s
  }
}

.header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu a:hover {
  color: rgba(var(--white-color), 1)
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__left .sub-child-menu a:hover span::after {
    left: 0;
    right: auto;
    width: 100%
  }
}

.header .navigation .main-menu__item__submenu__item__box__left .childmenu-close-trigger {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1em;
  padding: 1em 1em 1em 1.5em;
  position: relative
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__left .childmenu-close-trigger {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.5em;
    color: rgba(var(--white-color), 1);
    padding: 1em 0 1em 0
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__left .childmenu-close-trigger::before {
    content: "";
    position: absolute;
    top: 50%;
    left: .5em;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid rgba(var(--white-color), 1);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: .214286em;
    transform: rotate(-225deg) translate(0, 60%);
    height: 0;
    width: 0;
    transition: .25s all ease
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__left .childmenu-close-trigger__text {
    margin-left: 1.5em
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__right {
    display: flex;
    flex-wrap: wrap;
    width: 43.28639%;
    padding: 2.8125em 4.0625em;
    padding: 2.8125em 2.5em 2.8125em 3.75em
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__right {
    display: none;
    visibility: hidden
  }
}

.header .navigation .main-menu__item__submenu__item__box__right .generic-panel__content {
  margin-bottom: 0;
  height: calc(100% - 30px)
}

.header .navigation .main-menu__item__submenu__item__box__right .blog-post-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%
}

.header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul {
  font-size: 1em;
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative
}

.header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2em;
  height: 2em
}

.header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li {
  font-size: 1em;
  margin: 0
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li {
    margin: .625em 0 1.875em
  }
}

.header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li:last-child,
.header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li:only-child {
  margin-bottom: 0
}

.header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li .post-item {
  display: flex;
  flex-wrap: wrap
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li .img-wrapper {
    width: 5.375em;
    height: 4.375em;
    overflow: hidden;
    border-radius: .375em;
    display: flex;
    flex-wrap: wrap
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li .img-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li .post-title {
    display: flex;
    flex-wrap: wrap;
    width: 100%
  }
}

.header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li .post-title a {
  font-size: 1.375em;
  font-weight: 300;
  line-height: normal;
  padding: 0;
  overflow: hidden;
  height: auto;
  letter-spacing: normal;
  color: rgba(var(--white-color), .8);
  transition: all .5s ease
}

.header .navigation .main-menu__item__submenu__item__box__right .blog-post-list ul li .post-title a:hover {
  color: rgba(var(--white-color), 1)
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item__box__bg {
    right: 43.28639%;
    bottom: -4.3125em;
    position: absolute;
    z-index: -1
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item__box__bg {
    display: none;
    visibility: hidden
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item.active>a {
    color: rgba(var(--white-color), 1)
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item.active>a span::after {
    left: 0;
    right: auto;
    width: 100%
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item.active>a .icon-wrapper {
    opacity: 1
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__item__submenu__item.active>a .icon-wrapper svg path {
    fill: rgba(var(--white-color), 1)
  }
}

.header .navigation .main-menu__item__submenu__item.active .main-menu__item__submenu__item__box {
  opacity: 1;
  visibility: visible
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__item__submenu__item.active-submenu-droopdown .subchildmenu-trigger::after {
    transform: rotate(-135deg) translate(45%, -22%)
  }
}

.header .navigation .main-menu__item__submenu__item.active-submenu-droopdown .main-menu__item__submenu__item__box__left .sub-child-menu li {
  border-top: 1px solid rgba(var(--white-color), 1)
}

@media (min-width:1200px) {
  .header .navigation .main-menu__has-child .main-menu__dropdown {
    height: 0;
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: height .3s ease, opacity .3s ease, visibility .3s ease, display .3s ease
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__has-child .submenu-trigger {
    display: flex;
    flex-wrap: wrap;
    width: 1.78571em;
    height: 1.78571em;
    margin-left: auto;
    border: 1px solid rgba(var(--white-color), 1);
    position: relative
  }
}

@media (max-width:1199.98px) {
  .header .navigation .main-menu__has-child .submenu-trigger::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid rgba(var(--white-color), 1);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: .214286em;
    transform: rotate(-45deg) translate(-15%, -85%);
    height: 0;
    width: 0;
    transition: .25s all ease
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__has-child:hover .main-menu__dropdown {
    opacity: 1;
    visibility: visible;
    height: 100%
  }
}

@media (min-width:1200px) {
  .header .navigation .main-menu__has-child:hover.active .main-menu__dropdown {
    height: 47em;
    opacity: 1;
    visibility: visible;
    display: block
  }
}

@media (min-width:1200px) {

  .header .navigation .main-menu__has-child.active a::after,
  .header .navigation .main-menu__has-child.submenu-active a::after {
    transform: scaleX(1)
  }
}

@media (max-width:1199.98px) {

  .header .navigation .main-menu__has-child.active .submenu-trigger::after,
  .header .navigation .main-menu__has-child.submenu-active .submenu-trigger::after {
    transform: rotate(-225deg) translate(0, 60%)
  }
}

.header .navigation .main-menu__has-child.active .main-menu__dropdown,
.header .navigation .main-menu__has-child.submenu-active .main-menu__dropdown {
  left: 0
}

@media (min-width:1200px) {
  .header--full .header__container {
    position: relative;
    height: 100%
  }
}

@media (min-width:1200px) {
  .header--full .header__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
  }
}

@media (min-width:1200px) {
  .header--full .header__logo {
    width: 10.4375em;
    height: 4.4375em
  }
}

@media (min-width:1200px) {
  .header--full .header__navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: inline-flex;
    flex-wrap: wrap
  }
}

.header--full .header__navigation__wrapper {
  height: 100%
}

@media (min-width:1200px) {
  .header--full .header__cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    z-index: 1
  }
}

@media (min-width:1200px) {
  .header--full .header__right-side {
    width: 100%
  }
}

@media (min-width:1200px) {
  .header--full .navigation .main-menu__dropdown__wrapper {
    border-top: 1px solid rgba(var(--outer-space), 1)
  }
}

.header--full.menu-active::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(var(--black-color), .7);
  -webkit-backdrop-filter: blur(1.125em);
  backdrop-filter: blur(1.125em);
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

@media (min-width:1200px) {
  .header--small {
    transform: translateY(0);
    transition: transform 2s cubic-bezier(.135, .9, .15, 1)
  }
}

@media (min-width:1200px) {
  .header--small .header__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 79.375em;
    border-radius: 5em;
    border: 1px solid rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, .3);
    -webkit-backdrop-filter: blur(.65625em);
    backdrop-filter: blur(.65625em);
    padding: 1.125em 2.375em
  }
}

@media (min-width:1200px) {
  .header--small .header__logo {
    display: inline-flex;
    width: 6.375em
  }
}

@media (min-width:1200px) {
  .header--small .header__navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: inline-flex;
    flex-wrap: wrap
  }
}

@media (min-width:1200px) {
  .header--small .header__cta {
    display: inline-flex
  }
}

@media (min-width:1200px) {
  .header--small .header__cta__wrapper .cta__item {
    padding-right: 0
  }
}

@media (min-width:1200px) {
  .header--small .header__cta__wrapper .cta__item--circle {
    opacity: 0;
    display: none;
    visibility: hidden
  }
}

@media (min-width:1200px) {
  .header--small .navigation .main-menu__has-child .main-menu__dropdown {
    top: calc(100% + 1px)
  }
}

@media (min-width:1200px) {
  .header--small--hide {
    transform: translateY(-9.375em);
    transition: transform 2s cubic-bezier(.135, .9, .15, 1);
    overflow: hidden
  }
}

.header--mobile::before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, .3);
  -webkit-backdrop-filter: blur(.65625em);
  backdrop-filter: blur(.65625em);
  transition: height 1.2s ease
}

@media (max-width:1199.98px) {
  .header--mobile .header__logo {
    padding: 0;
    z-index: 10;
    transition: width .6s ease-in-out, z-index 1.1s ease
  }
}

@media (min-width:768px) and (max-width:1199.98px) {
  .header--mobile .header__logo {
    width: 9em
  }
}

@media (max-width:767.98px) {
  .header--mobile .header__logo {
    width: 8em
  }
}

@media (max-width:575.98px) {
  .header--mobile--sticky {
    padding: 1.25em 1.85em
  }
}

.header--mobile--sticky::before {
  height: 100%
}

@media (max-width:575.98px) {
  .header--mobile--sticky .header__logo {
    width: 7em
  }
}

@media (max-width:575.98px) {
  .header--mobile--open {
    padding: 1.25em 1.85em
  }
}

.header--mobile--open::before {
  height: 100%
}

@media (max-width:575.98px) {
  .header--mobile--open .header__logo {
    width: 7em
  }
}

.menuToggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 10;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 3.08514em;
  height: 3.08514em;
  background: 0 0;
  border: 0;
  margin-left: 1em
}

@media (min-width:1200px) {
  .menuToggle {
    display: none;
    visibility: hidden
  }
}

.menuToggle::before {
  content: "";
  border-radius: 2.6995em;
  background: rgba(var(--white-color), 1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.menuToggle span {
  display: block;
  width: 1.38357em;
  height: .14286em;
  margin-bottom: .27143em;
  position: relative;
  background: rgba(var(--black-color), 1);
  border-radius: .21429em;
  z-index: 1;
  transform-origin: .28571em 0;
  transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease
}

.menuToggle span:first-child {
  transform-origin: 0 0
}

.menuToggle span:nth-last-child(2) {
  transform-origin: 0 100%
}

.menuToggle span:last-child {
  margin-bottom: 0
}

.menuToggle input {
  display: block;
  width: 2.5em;
  height: 2em;
  position: absolute;
  top: -.4375em;
  left: -.3125em;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none
}

.menuToggle input:checked~span {
  opacity: 1;
  transform: rotate(45deg) translate(-.35714em, -.64286em);
  transform: rotate(45deg) translate(-.35714em, -.64286em);
  background: rgba(var(--black-color), 1)
}

.menuToggle input:checked~span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0) scale(.2, .2)
}

.menuToggle input:checked~span:nth-last-child(2) {
  transform: rotate(-45deg) translate(-2px, 7px);
  transform: rotate(-45deg) translate(-.142857em, .5em)
}

.menuToggle.active-mobile span {
  opacity: 1;
  transform: rotate(45deg) translate(-5px, -9px);
  transform: rotate(45deg) translate(-.35714em, -.64286em);
  background: rgba(var(--black-color), 1)
}

.menuToggle.active-mobile span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0) scale(.2, .2)
}

.menuToggle.active-mobile span:nth-last-child(2) {
  transform: rotate(-45deg) translate(-2px, 7px);
  transform: rotate(-45deg) translate(-.142857em, .5em)
}

.footer {
  background: radial-gradient(16.52% 16% at 50% 5.83%, #2f2f35 0, #141418 100%);
  padding: 0;
  min-height: 3em
}

.footer__brand-logo {
  width: 16.0625em;
  height: 6.9375em;
  margin-bottom: 2em
}

@media (min-width:1200px) {
  .footer__brand-logo {
    margin-bottom: 3.4375em
  }
}

@media (max-width:575.98px) {
  .footer__brand-logo {
    margin-left: auto;
    margin-right: auto
  }
}

.footer__top {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 2em 0 0
}

@media (min-width:576px) {
  .footer__top {
    padding: 3em 0 0
  }
}

@media (min-width:1200px) {
  .footer__top {
    padding: 5em 0 0
  }
}

@media (max-width:767.98px) {
  .footer .footer_links>div:nth-child(1) {
    order: 4
  }
}

@media (max-width:767.98px) {
  .footer .footer_links>div:nth-child(2) {
    order: 1
  }
}

@media (max-width:767.98px) {
  .footer .footer_links>div:nth-child(3) {
    order: 2
  }
}

@media (max-width:767.98px) {
  .footer .footer_links>div:nth-child(4) {
    order: 3
  }
}

.footer__box-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

@media (min-width:768px) {
  .footer__box-wrapper {
    margin-bottom: 3em
  }
}

@media (min-width:1200px) {
  .footer__box-wrapper {
    padding-right: 4em;
    margin-bottom: 0
  }
}

.footer__box-wrapper .heading {
  width: 100%;
  font-size: 1.25em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3em;
  padding-left: .5em;
  position: relative;
  margin-bottom: 1.5em;
  color: rgba(var(--white-color), 1)
}

@media (max-width:767.98px) {
  .footer__box-wrapper .heading {
    padding-left: 1.5625em;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    border-bottom: 1px solid rgba(var(--dark-liver), 1);
    margin: 0
  }
}

@media (max-width:575.98px) {
  .footer__box-wrapper .heading {
    padding-left: 2em;
    padding-right: 2em
  }
}

.footer__box-wrapper .heading::after,
.footer__box-wrapper .heading::before {
  position: absolute;
  background-color: rgba(var(--white-color), 1);
  transition: all .5s ease-in-out
}

.footer__box-wrapper .heading::before {
  content: "";
  left: 0;
  top: 0;
  width: 2px
}

@media (min-width:576px) {
  .footer__box-wrapper .heading::before {
    height: 20px
  }
}

@media (max-width:767.98px) {
  .footer__box-wrapper .heading::before {
    top: 50%;
    left: .4em;
    height: 16px;
    transform: translateY(-50%)
  }
}

@media (max-width:767.98px) {
  .footer__box-wrapper .heading::after {
    content: "";
    left: 0;
    top: 50%;
    width: 16px;
    height: 2px;
    transform: translate(0, -50%)
  }
}

@media (max-width:767.98px) {
  .footer__box-wrapper .heading.opened::before {
    transform: rotate(90deg) translateY(0);
    top: 38%
  }
}

@media (max-width:767.98px) {
  .footer__box-wrapper .heading.opened::after {
    transform: rotate(90deg);
    opacity: 0
  }
}

.footer__box-wrapper .heading.opened+ul {
  margin-top: 2em;
  margin-bottom: 2em
}

.footer__box-wrapper ul {
  list-style-type: none;
  font-size: 1em;
  margin: 0
}

@media (max-width:767.98px) {
  .footer__box-wrapper ul {
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease;
    margin-top: 0
  }
}

.footer__box-wrapper ul li {
  font-size: 1.125em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44444em;
  color: rgba(var(--white-color), 1);
  margin-bottom: 1.11111em
}

.footer__box-wrapper ul li:last-child,
.footer__box-wrapper ul li:only-child {
  margin-bottom: 0
}

.footer__box-wrapper ul li a {
  font-size: 1em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44444em;
  color: rgba(var(--white-color), 1)
}

.footer__bottom {
  background-color: #141418;
  border-top: 1px solid rgba(var(--bright-gray), .2);
  padding: 2em 0;
    margin-top: 60px;
}

@media (min-width:576px) {
  .footer__bottom {
    padding: 3em 0
  }
}

@media (min-width:1200px) {
  .footer__bottom {
    padding: 1.5625em 0
  }
}

.footer__bottom__left,
.footer__bottom__right {
  display: flex;
  flex-wrap: wrap
}

.footer__bottom__left ul,
.footer__bottom__right ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  font-size: 1em
}

@media (max-width:575.98px) {

  .footer__bottom__left ul,
  .footer__bottom__right ul {
    justify-content: center;
    width: 100%
  }
}

.footer__bottom__left ul li,
.footer__bottom__right ul li {
  font-size: 1em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.625em;
  position: relative;
  margin-bottom: 0;
  color: rgba(var(--white-color), 1)
}

@media (max-width:575.98px) {

  .footer__bottom__left ul li,
  .footer__bottom__right ul li {
    margin-bottom: 2em
  }
}

.footer__bottom__left ul li:nth-child(odd),
.footer__bottom__right ul li:nth-child(odd) {
  padding-right: 2em
}

@media (min-width:992px) {

  .footer__bottom__left ul li:nth-child(odd),
  .footer__bottom__right ul li:nth-child(odd) {
    padding-right: 2.1875em
  }
}

.footer__bottom__left ul li:nth-child(even),
.footer__bottom__right ul li:nth-child(even) {
  padding-left: 2em
}

@media (min-width:992px) {

  .footer__bottom__left ul li:nth-child(even),
  .footer__bottom__right ul li:nth-child(even) {
    padding-left: 2.1875em;
    margin-bottom: 0
  }
}

.footer__bottom__left ul li:last-child,
.footer__bottom__left ul li:only-child,
.footer__bottom__right ul li:last-child,
.footer__bottom__right ul li:only-child {
  padding-right: 0;
  margin-bottom: 0
}

.footer__bottom__left ul li:last-child:after,
.footer__bottom__left ul li:only-child:after,
.footer__bottom__right ul li:last-child:after,
.footer__bottom__right ul li:only-child:after {
  display: none;
  visibility: hidden
}

.footer__bottom__left ul li::after,
.footer__bottom__right ul li::after {
  content: "";
  width: 2px;
  background-color: rgba(var(--white-color), 1);
  height: 1.25em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

.footer__bottom__left ul li a,
.footer__bottom__right ul li a {
  font-size: 1em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.625em;
  color: rgba(var(--white-color), 1)
}

@media (min-width:576px) {
  .footer__bottom__right ul {
    margin-left: auto
  }
}

.footer .social-icons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.875em
}

@media (min-width:768px) and (max-width:1199.98px) {
  .footer .social-icons {
    margin-bottom: 3em
  }
}

@media (max-width:575.98px) {
  .footer .social-icons {
    justify-content: space-between
  }
}

.footer .social-icons .icon {
  position: relative;
  width: 3em;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}

.footer .social-icons .icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: linear-gradient(213deg, #51A699 -39.81%, #72B763 85.21%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 0;
  transition: .4s;
  z-index: -1
}

.footer .social-icons .icon:hover::before {
  transform: translate(-50%, -50%) scale(1)
}

.footer .social-icons .icon img {
  width: 45%;
  height: 45%
}

.footer .social-icons .icon svg {
  z-index: 1;
  width: 1.375em;
  height: 1.375em
}

.footer .footer-txt-overly {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    display: none;
}

@media (min-width:1200px) {
  .footer .footer-txt-overly {
    height: 23.625em
  }
}

@media (min-width:1400px) {
  .footer .footer-txt-overly {
    height: 19em
  }
}

.footer .footer-txt-overly::before {
  content: "";
  width: 84.28481em;
  height: 20.57725em;
  border-radius: 84.28481em;
  background: rgba(var(--royal-pink), .1);
  filter: blur(4.39375em);
  position: absolute;
  bottom: -12.14em;
  left: 50%;
  transform: rotate(174deg) translateX(50%);
  z-index: 0
}

.footer .footer-txt-overly:after {
  content: "";
  width: 38.46481em;
  height: 11.67262em;
  border-radius: 38.46481em;
  background: rgba(var(--royal-pink), .4);
  filter: blur(4.39375em);
  position: absolute;
  bottom: -8.8125em;
  left: 50%;
  transform: rotate(174deg) translateX(50%);
  z-index: 1
}

.footer .footer-txt-overly .img-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end
}

.footer .footer-txt-overly .img-wrapper::before {
  content: ""
}

@media (min-width:992px) {
  .footer .footer-txt-overly .img-wrapper::before {
    width: 17.20106em;
    height: 48.78143em;
    border-radius: 48.78143em;
    opacity: .3;
    background: #d056ea;
    filter: blur(2.91562em);
    position: absolute;
    top: 15%;
    transform: rotate(93deg) translateY(6.875em);
    right: 0;
    z-index: 0
  }
}

body .section--hero {
  width: 100vw;
  height: 100%;
  position: relative;
  padding-top: 10em;
  padding-bottom: 0
}

@media (min-width:1600px) {
  body .section--hero {
    padding-top: 0;
    padding-bottom: 0;
    height: 100vh
  }
}

@media (max-width:991.98px) {
  body .section--hero {
    padding-bottom: 16em
  }
}

body .section--hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%
}

body .section--hero__line-shade {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%
}

body .section--hero__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap
}

body .section--hero__content .container {
  width: 100%;
  height: 100%
}

@media (max-width:991.98px) {
  body .section--hero__content .container .custom-row {
    flex-direction: column-reverse
  }
}

@media (min-width:1200px) {
  body .section--hero__content .container .custom-row {
    overflow: hidden
  }
}

body .section--hero__content .container .generic-panel {
  margin-top: 2em
}

@media (min-width:576px) {
  body .section--hero__content .container .generic-panel {
    margin-top: 3em
  }
}

@media (min-width:1200px) {
  body .section--hero__content .container .generic-panel {
    margin-top: 0
  }
}

body .section--hero__btn,
body .section--hero__content {
  position: relative;
  z-index: 1
}

body .section--hero__image {
  width: 100%;
  height: 100%
}

@media (min-width:1200px) {
  body .section--hero__image {
    padding: 5.0625em 0 0;
    height: 100vh
  }
}

body .section--hero__image .img-wrapper {
  width: 100%;
  height: 100%;
  max-width: 56.6875em;
  margin: 0 auto
}

@media (min-width:1200px) {
  body .section--hero__image .img-wrapper img {
    -o-object-position: top;
    object-position: top
  }
}

@media (min-width:1200px) {
  body .section--hero.type-two .section--hero__content {
    padding-top: 14em
  }
}

body .section--hero.type-two .generic-panel__head .generic-heading__small-heading {
  margin-bottom: 6.38em
}

@media (min-width:1200px) {
  body .section--hero.type-two .generic-panel__content {
    padding: 0 6em
  }
}

@media (min-width:1200px) {
  body .section--project-info-box {
    padding: 5em 0
  }
}

body .section--project-info-box .shadow-box {
  width: 100.855625em;
  height: 22.0780625em;
  transform: rotate(3.36deg);
  position: absolute;
  top: -6.375em;
  right: -34.85em;
  z-index: -1
}

body .section--project-info-box .shadow-box__wrapper {
  position: relative;
  width: 100%;
  height: 100%
}

body .section--project-info-box .shadow-box__wrapper .right-shadow {
  position: relative;
  width: 100%;
  height: 100%
}

body .section--project-info-box .shadow-box__wrapper .right-shadow::before {
  content: "";
  width: 88.707875em;
  height: 18.6295625em;
  border-radius: 88.707875em;
  opacity: .2;
  background: linear-gradient(90deg, #51A699 0, #72B763 100%);
  filter: blur(6.8750004768em);
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(-174.39deg);
  z-index: 0
}

body .section--project-info-box .shadow-box__wrapper .right-shadow::after {
  content: "";
  width: 9.09375em;
  height: 46.4789375em;
  border-radius: 46.4789375em;
  opacity: .4;
  background: radial-gradient(50% 50% at 50% 50%, #fff 0, #5ca688 100%);
  filter: blur(6.8750004768em);
  display: block;
  position: absolute;
  top: -13em;
  left: 41.375em;
  transform: rotate(-93.91deg);
  z-index: 1
}

body .section--project-info-box .border-box {
  display: flex;
  flex-wrap: wrap;
  border-radius: 1.25em;
  border: 1px solid rgba(var(--white-color), 1)
}

@media (max-width:991.98px) {
  body .section--project-info-box .border-box {
    flex-direction: column-reverse
  }
}

body .section--project-info-box .border-box__top-area {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

body .section--project-info-box .border-box__top-area .project-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 2em
}

@media (min-width:768px) {
  body .section--project-info-box .border-box__top-area .project-info {
    width: 100%
  }
}

@media (min-width:992px) {
  body .section--project-info-box .border-box__top-area .project-info {
    width: 50%;
    padding: 1.375em 1.5em;
    border-right: 1px solid rgba(var(--white-color), 1)
  }
}

@media (min-width:1200px) {
  body .section--project-info-box .border-box__top-area .project-info {
    width: 66%
  }
}

body .section--project-info-box .border-box__top-area .project-info p {
  font-weight: 300;
  line-height: 1.35em;
  letter-spacing: -.05em;
  font-size: 1.5em
}

@media (min-width:992px) {
  body .section--project-info-box .border-box__top-area .project-info p {
    font-size: 1.5em
  }
}

@media (min-width:1200px) {
  body .section--project-info-box .border-box__top-area .project-info p {
    font-size: 2.5em
  }
}

body .section--project-info-box .border-box__top-area .project-info p:last-child,
body .section--project-info-box .border-box__top-area .project-info p:only-child {
  margin-bottom: 0
}

body .section--project-info-box .border-box__top-area .project-info-listing {
  width: 100%;
  padding: 1.375em 1.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

@media (min-width:768px) {
  body .section--project-info-box .border-box__top-area .project-info-listing {
    width: 100%
  }
}

@media (min-width:992px) {
  body .section--project-info-box .border-box__top-area .project-info-listing {
    width: 50%
  }
}

@media (min-width:1200px) {
  body .section--project-info-box .border-box__top-area .project-info-listing {
    width: 34%;
    padding: 2em
  }
}

body .section--project-info-box .border-box__top-area .project-info-listing ul {
  list-style-type: none;
  margin-bottom: 0;
  font-size: 1em;
  display: flex;
  flex-wrap: wrap
}

@media (min-width:768px) {
  body .section--project-info-box .border-box__top-area .project-info-listing ul {
    -moz-columns: 2;
    columns: 2
  }
}

body .section--project-info-box .border-box__top-area .project-info-listing ul li {
  display: flex;
  flex-wrap: wrap;
  font-size: 1em;
  margin-bottom: 1.5em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  width: 50%
}

@media (min-width:992px) {
  body .section--project-info-box .border-box__top-area .project-info-listing ul li:nth-child(3) {
    margin-bottom: 0
  }
}

body .section--project-info-box .border-box__top-area .project-info-listing ul li:last-child {
  margin-bottom: 0
}

@media (min-width:992px) {
  body .section--project-info-box .border-box__top-area .project-info-listing ul li {
    margin-bottom: 2.4375em
  }
}

body .section--project-info-box .border-box__top-area .project-info-listing .heading {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.875em;
  font-weight: 700;
  line-height: normal;
  color: rgba(var(--white-color), 1)
}

@media (max-width:575.98px) {
  body .section--project-info-box .border-box__top-area .project-info-listing .heading {
    font-size: 1.5em
  }
}

@media (max-width:375px) {
  body .section--project-info-box .border-box__top-area .project-info-listing .heading {
    font-size: 1.25em
  }
}

body .section--project-info-box .border-box__top-area .project-info-listing .text {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.4375em;
  font-weight: 300;
  line-height: normal;
  color: rgba(var(--white-color), .7)
}

@media (max-width:575.98px) {
  body .section--project-info-box .border-box__top-area .project-info-listing .text {
    font-size: 1.25em
  }
}

@media (max-width:375px) {
  body .section--project-info-box .border-box__top-area .project-info-listing .text {
    font-size: 1.1em
  }
}

body .section--project-info-box .border-box__bottom-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 2em;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

@media (min-width:576px) {
  body .section--project-info-box .border-box__bottom-area {
    padding: 3em
  }
}

@media (min-width:992px) {
  body .section--project-info-box .border-box__bottom-area {
    border-top: 1px solid rgba(var(--white-color), 1)
  }
}

@media (min-width:1200px) {
  body .section--project-info-box .border-box__bottom-area {
    padding: 5em 9.6875em
  }
}

@media (max-width:991.98px) {
  body .section--project-info-box .border-box__bottom-area {
    border-bottom: 1px solid rgba(var(--white-color), 1)
  }
}

body .section--project-info-box .border-box__bottom-area .play-btn-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  transition: opacity .3s ease
}

body .section--project-info-box .border-box__bottom-area .play-btn-box .img-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative
}

body .section--project-info-box .border-box__bottom-area .play-btn-box .img-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--black-color), .05);
  will-change: opacity;
  z-index: -1
}

body .section--project-info-box .border-box__bottom-area .play-btn-box .img-wrapper img {
  width: 4.75em;
  height: 4.75em
}

body .section--project-info-box .border-box__bottom-area picture {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background: rgba(var(--black-color), 1);
  will-change: opacity;
  transition: opacity .3s ease
}

@media (max-width:1199.98px) {
  body .section--project-info-box .border-box__bottom-area picture {
    width: auto;
    height: 100%
  }
}

@media (min-width:1200px) {
  body .section--project-info-box .border-box__bottom-area img {
    transform: translateZ(0)
  }
}

body .section--project-info-box .border-box__bottom-area .video-poster {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}

@media (min-width:1200px) {
  body .section--project-info-box .border-box__bottom-area .video-poster {
    height: 47.3125em
  }
}

@media (max-width:575.98px) {
  body .section--project-info-box .border-box__bottom-area .video-poster {
    height: 23.65625em;
    height: 12.65625em
  }
}

body .section--project-info-box .border-box__bottom-area .video-poster.video-playing .play-btn-box,
body .section--project-info-box .border-box__bottom-area .video-poster.video-playing picture {
  opacity: 0;
  visibility: hidden
}

body .section--project-info-box .border-box__bottom-area .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translateZ(0)
}

@media (max-width:575.98px) {
  body .section--project-info-box .border-box__bottom-area .video-wrapper {
    position: relative;
    width: 100vw;
    width: 100%;
    height: 100%
  }
}

body .section--project-info-box .border-box__bottom-area .video-wrapper video {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  left: 0;
  transform: none
}

@media screen and (min-width:2000px) {
  body .section--project-info-box .border-box__bottom-area .video-wrapper video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}

body .section--project-info-box .border-box__bottom-area .video-wrapper iframe {
  -o-object-fit: cover;
  object-fit: cover;
  right: 0;
  z-index: 0
}

@media (min-width:768px) {
  body .section--project-info-box .border-box__bottom-area .video-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

@media (max-width:767.98px) {
  body .section--project-info-box .border-box__bottom-area .video-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

body .section--front-line {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  padding: 0;
  overflow: hidden;
  position: fixed
}

@media (max-width:1199.98px) {
  body .section--front-line {
    display: none;
    visibility: hidden
  }
}

body .section--front-line .img-wrapper {
  width: 100%;
  height: 100%
}

body .section--front-line__wrapper {
  position: relative;
  width: 100vw;
  height: 100%
}

@media (min-width:1200px) {
  body .section--front-line__wrapper {
    height: 100vh
  }
}

body .section--front-line__wrapper .left-shadow {
  position: absolute;
  top: 29.463125em;
  left: 0;
  z-index: 0;
  width: 90em;
  height: 20em
}

@media (min-width:1200px) {
  body .section--front-line__wrapper .left-shadow {
    width: 88.707875em;
    height: 18.62956251em;
    top: 29.463125em;
    left: -17.3125em
  }
}

body .section--front-line__wrapper .left-shadow::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 88.707875em;
  opacity: .2;
  background: linear-gradient(90deg, #51A699 0, #72B763 100%);
  filter: blur(6.875em)
}

@media (min-width:1200px) {
  body .section--front-line__wrapper .left-shadow::before {
    transform: rotate(-169.89deg)
  }
}

body .section--front-line__wrapper .right-shadow {
  position: absolute;
  width: 40.665625em;
  height: 20.843125em;
  z-index: 0;
  top: 3.145625em
}

@media (min-width:1200px) {
  body .section--front-line__wrapper .right-shadow {
    right: -18.5625em
  }
}

body .section--front-line__wrapper .right-shadow::before {
  content: "";
  width: 35.93375em;
  height: 15.83625em;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 35.9375em;
  opacity: .2;
  background: linear-gradient(90deg, #51A699 0, #72B763 100%);
  filter: blur(6.875em);
  z-index: 0
}

@media (min-width:1200px) {
  body .section--front-line__wrapper .right-shadow::before {
    transform: rotate(-174deg)
  }
}

body .section--front-line__wrapper .right-shadow::after {
  content: "";
  width: 9.664375em;
  height: 18.93625em;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 18.9375em;
  opacity: .4;
  background: radial-gradient(50% 50% at 50% 50%, #fff 0, #5ca688 100%);
  filter: blur(6.875em);
  z-index: 1
}

@media (min-width:1200px) {
  body .section--front-line__wrapper .right-shadow::after {
    left: 10.8125em;
    transform: rotate(-92.75deg)
  }
}

body .section--front-line__wrapper .right-shadow.right-shadow-multi-layer {
  width: 100.855625em;
  height: 22.0780625em;
  transform: rotate(3.357deg)
}

body .section--front-line__wrapper .right-shadow.right-shadow-multi-layer::after {
  width: 88.707875em;
  height: 18.6295625em;
  border-radius: 88.707875em;
  opacity: .2;
  background: linear-gradient(90deg, #51A699 0, #72B763 100%);
  filter: blur(6.875em)
}

body .section--front-line__wrapper .img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 83%;
  z-index: 0
}

@media (min-width:1200px) {
  body .section--front-line__wrapper .img-wrapper {
    height: 100vh;
    max-height: 47.875em;
    overflow: hidden
  }
}

body .section .img-wrapper.img-wrapper--small-radius {
  border-radius: 1.25em;
  overflow: hidden
}

@media (min-width:1200px) {
  body .section--about-the-project {
    padding: 2.5em 0 0
  }
}

body .section--about-the-project .shadow-box {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 35.9375em;
  height: 15.9375em
}

@media (min-width:1200px) {
  body .section--about-the-project .shadow-box {
    right: -13em
  }
}

body .section--about-the-project .shadow-box__wrapper {
  width: 100%;
  height: 100%
}

body .section--about-the-project .shadow-box__wrapper .right-shadow {
  width: 100%;
  height: 100%;
  position: relative
}

body .section--about-the-project .shadow-box__wrapper .right-shadow::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  width: 35.934em;
  height: 15.83625em;
  border-radius: 35.934em;
  opacity: .2;
  background: linear-gradient(90deg, #51A699 0, #72B763 100%);
  filter: blur(6.8750004768em);
  transform: rotate(-174.04deg) translate(0, 0)
}

body .section--about-the-project .shadow-box__wrapper .right-shadow::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -3em;
  transform: rotate(92.75deg) translate(-50%, 3em);
  z-index: 1;
  width: 9.664125em;
  height: 18.9364375em;
  border-radius: 18.9364375em;
  opacity: .4;
  background: radial-gradient(50% 50% at 50% 50%, #fff 0, #5ca688 100%);
  filter: blur(6.8750004768em)
}

body .section--about-the-project__wrapper {
  position: relative;
  padding: 1.25em 0 1.875em
}

body .section--about-the-project__wrapper .section--hero__line-shade {
  z-index: -1
}

@media (min-width:992px) and (max-width:1199.98px) {
  body .section--about-the-project__wrapper .img-wrapper {
    height: 100%
  }
}

@media (max-width:575.98px) {
  body .section--about-the-project__wrapper .img-wrapper {
    height: 25em
  }
}

body .section--about-the-project .about-the-project-info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 1.25em;
  background: rgba(var(--chinese-black), 1);
  padding: 2em
}

@media (min-width:576px) {
  body .section--about-the-project .about-the-project-info {
    margin-bottom: 3em
  }
}

@media (min-width:992px) {
  body .section--about-the-project .about-the-project-info {
    margin-bottom: 0
  }
}

@media (min-width:1200px) {
  body .section--about-the-project .about-the-project-info {
    height: 100%;
    padding: 3.125em
  }
}

@media (max-width:575.98px) {
  body .section--about-the-project .about-the-project-info {
    margin-bottom: 2em
  }
}

body .section--about-the-project .about-the-project-info .generic-panel__content p {
  color: rgba(var(--white-color), 1);
  font-size: 1.4375em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.45em;
  letter-spacing: -.05em
}

body .section--about-the-project .about-the-project-info .img-wrapper {
  margin-left: auto
}

@media (min-width:1200px) {
  body .section--our-challenges {
    padding: 6.1875em 0 0
  }
}

body .section--our-challenges .border-box {
  display: flex;
  flex-wrap: wrap;
  border-radius: 1.25em;
  border: 1px solid rgba(var(--white-color), 1);
  margin-top: 1.25em
}

@media (max-width:991.98px) {
  body .section--our-challenges .border-box {
    flex-direction: column-reverse
  }
}

body .section--our-challenges .border-box__item {
  border-bottom: 1px solid rgba(var(--white-color), 1);
  padding: 2em
}

@media (min-width:1200px) {
  body .section--our-challenges .border-box__item {
    padding: 1.5625em 4.6875em;
    width: 100%
  }
}

@media (min-width:992px) {

  body .section--our-challenges .border-box__item:last-child,
  body .section--our-challenges .border-box__item:only-child {
    border-bottom: none
  }
}

@media (max-width:991.98px) {
  body .section--our-challenges .border-box__item:first-child {
    border-bottom: none
  }
}

body .section--our-challenges .border-box .generic-panel {
  flex-direction: column
}

@media (min-width:1200px) {
  body .section--our-challenges .border-box .generic-panel {
    flex-direction: row
  }
}

@media (min-width:1200px) {
  body .section--our-challenges .border-box .generic-panel__head {
    width: 59%;
    padding-right: 20.625em;
    justify-content: center
  }
}

body .section--our-challenges .border-box .generic-panel__head .generic-heading__lg-medium-heading-sec span {
  font-weight: 400;
  padding-left: calc(var(--circle-size) + var(--circle-blur) + .0001em)
}

body .section--our-challenges .border-box .generic-panel__head .generic-heading__lg-medium-heading-sec span::after,
body .section--our-challenges .border-box .generic-panel__head .generic-heading__lg-medium-heading-sec span::before {
  font-size: .4em
}

@media (min-width:1200px) {
  body .section--our-challenges .border-box .generic-panel__content {
    width: 41%
  }
}

@media (max-width:1199.98px) {
  body .section--our-challenges .border-box .generic-panel__content {
    padding: 3em 0 0
  }
}

@media (max-width:767.98px) {
  body .section--our-challenges .border-box .generic-panel__content {
    padding: 2em 0 0
  }
}

@media (min-width:1200px) {
  body .section--project-inner-pages {
    padding: 5em 0 0
  }
}

body .section--project-inner-pages .image-listing {
  margin: .625em 0 0
}

body .section--project-inner-pages .img-wrapper {
  width: 100%;
  display: block;
  margin: 1em 0
}

@media (min-width:576px) {
  body .section--project-inner-pages .img-wrapper {
    margin: 1.5em 0
  }
}

@media (min-width:992px) {
  body .section--project-inner-pages .img-wrapper {
    height: 100%;
    margin: 0
  }
}

@media (min-width:1200px) {
  body .section--project-inner-pages .img-wrapper {
    height: 63.6875em
  }
}

body .section--project-solution {
  position: relative
}

@media (min-width:1200px) {
  body .section--project-solution {
    padding: 5em 0
  }
}

body .section--project-solution .section--hero__line-shade {
  opacity: .5
}

body .section--project-solution .grid-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2em;
  margin: 0 auto
}

@media (min-width:768px) {
  body .section--project-solution .grid-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25em
  }
}

@media (min-width:1200px) {
  body .section--project-solution .grid-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25em
  }
}

body .section--project-solution .grid-container .grid-item {
  border-radius: 1.25em;
  border: 1px solid rgba(255, 255, 255, .6);
  padding: 1.875em;
  display: flex;
  align-items: center;
  min-height: 14.375em;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden
}

body .section--project-solution .grid-container .grid-item::before {
  content: "";
  width: 19.7699375em;
  height: 8.7126875em;
  border-radius: 19.7699375em;
  opacity: .25;
  background: linear-gradient(0deg, #e064e0 0, #e064e0 100%);
  filter: blur(6.8750004768em);
  position: absolute;
  top: -2.5em;
  right: -2.75em;
  z-index: -1;
  transform: rotate(-174.04deg) translate(0, 0)
}

body .section--project-solution .grid-container .grid-item .checkmark {
  width: 1.75em;
  height: 1.75em;
  background-color: rgba(var(--white-color), 1);
  border-radius: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

body .section--project-solution .grid-container .grid-item .checkmark .img-wrapper svg {
  width: .6875em;
  height: .5625em
}

body .section--project-solution .grid-container .grid-item .feature-text {
  font-size: 1.875em;
  font-weight: 300;
  line-height: 1.25em;
  letter-spacing: -.05em
}

@media (max-width:991.98px) {
  body .section--project-solution .grid-container .grid-item .feature-text {
    font-size: 1.5em
  }
}

body .section--project-solution__images {
  margin-top: 2em;
  position: relative;
  z-index: 1
}

@media (min-width:576px) {
  body .section--project-solution__images {
    margin-top: 3em
  }
}

@media (min-width:1200px) {
  body .section--project-solution__images {
    margin-top: 6.25em
  }
}

body .section--project-solution__images .img-wrapper {
  width: 100%;
  height: 19em;
  border-radius: 1.25em;
  background: rgba(41, 41, 41, .4);
  overflow: hidden;
  margin: 1em 0
}

@media (min-width:576px) {
  body .section--project-solution__images .img-wrapper {
    margin: 1.5em 0
  }
}

@media (min-width:768px) {
  body .section--project-solution__images .img-wrapper {
    height: 33em
  }
}

@media (min-width:992px) {
  body .section--project-solution__images .img-wrapper {
    margin: 0
  }
}

@media (min-width:1200px) {
  body .section--project-solution__images .img-wrapper {
    height: 51.625em
  }
}

body .section--project-solution__images .project-solution-content {
  border-radius: 1.25em;
  background: #101010;
  padding: 4.0625em 3.125em;
  width: 100%;
  height: 100%
}

body .section--project-solution__images .project-solution-content .project-solution-content-box {
  margin-top: 1.5625em;
  padding-left: 2.1875em
}

@media (min-width:1200px) {
  body .section--result {
    padding-top: 0
  }
}

body .section--result .result-counter-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 2em
}

@media (min-width:576px) {
  body .section--result .result-counter-box {
    margin-top: 2.8125em
  }
}

body .section--result .result-counter-box .result-counter-box-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  padding: 1em 0
}

@media (min-width:768px) {
  body .section--result .result-counter-box .result-counter-box-item {
    width: 50%;
    padding: 1.5em 0
  }
}

@media (min-width:1200px) {
  body .section--result .result-counter-box .result-counter-box-item {
    width: 25%;
    padding: 0
  }
}

@media (min-width:768px) {
  body .section--result .result-counter-box .result-counter-box-item::after {
    content: "";
    width: 1px;
    height: 100%;
    background: url(../images/case-studies/line.webp);
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
  }
}

@media (max-width:1199.98px) {
  body .section--result .result-counter-box .result-counter-box-item:nth-child(2):after {
    display: none;
    visibility: hidden
  }
}

body .section--result .result-counter-box .result-counter-box-item:last-child:after {
  display: none;
  visibility: hidden
}

body .section--result .result-counter-box .heading {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.5625em;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  justify-content: center;
  text-align: center;
  padding: 0 1em
}

body .section--result .result-counter-box .counter-num-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 6.25em;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  justify-content: center
}

@media (max-width:1199.98px) {
  body .section--result .result-counter-box .counter-num-box {
    font-size: 3.125em;
    margin-top: .25em
  }
}

@media (max-width:575.98px) {
  body .section--result .result-counter-box .counter-num-box {
    font-size: 3.125em;
    margin-top: .25em
  }
}

body .section--circle-box {
  z-index: 0
}

@media (min-width:1200px) {
  body .section--circle-box {
    top: -13em;
    height: 50em
  }
}

@media (max-width:1199.98px) {
  body .section--circle-box {
    height: 52.0625em;
    width: 100%
  }
}

@media (max-width:767.98px) {
  body .section--circle-box {
    height: 52.0625em;
    width: 100%
  }
}

@media (min-width:1200px) {
  body .section--circle-box .bg-circle-box__black {
    top: 21.505em
  }
}

@media (max-width:1199.98px) {
  body .section--circle-box .bg-circle-box__black {
    top: 3em;
    width: 150%;
    left: 50%;
    transform: translate(-50%, 1em)
  }
}

@media (max-width:767.98px) {
  body .section--circle-box .bg-circle-box__black {
    top: 6em
  }
}

@media (max-width:1199.98px) {
  body .section--circle-box .bg-circle-box__pink-outer {
    width: 100%
  }
}

@media (max-width:767.98px) {
  body .section--circle-box .bg-circle-box__pink-outer {
    width: 100%
  }
}

@media (min-width:1200px) {
  body .section--circle-box .bg-circle-box__pink-one {
    top: 21.39125em
  }
}

@media (max-width:1199.98px) {
  body .section--circle-box .bg-circle-box__pink-one {
    top: 9em;
    width: 150%
  }
}

@media (max-width:767.98px) {
  body .section--circle-box .bg-circle-box__pink-one {
    top: 9em;
    width: 150%
  }
}

@media (min-width:1200px) {
  body .section--circle-box .bg-circle-box__pink-two {
    top: 21.39125em
  }
}

@media (max-width:1199.98px) {
  body .section--circle-box .bg-circle-box__pink-two {
    top: 3.95em;
    width: 150%
  }
}

@media (max-width:767.98px) {
  body .section--circle-box .bg-circle-box__pink-two {
    top: 6.97em;
    width: 150%
  }
}

body .section--testimonial-box {
  width: 100%;
  position: relative;
  overflow: hidden
}

@media (min-width:1200px) {
  body .section--testimonial-box {
    padding-top: 10em
  }
}

body .section--testimonial-box .generic-panel__head .generic-heading__small-heading--left-icon--center-txt {
  margin: 0 auto
}

body .section--testimonial-box .testimonial-slider {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 2em
}

@media (min-width:576px) {
  body .section--testimonial-box .testimonial-slider {
    margin-top: 3em
  }
}

@media (min-width:1200px) {
  body .section--testimonial-box .testimonial-slider {
    margin-top: 3.75em
  }
}

body .section--testimonial-box .client-testimonial {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

body .section--testimonial-box .client-rating {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

body .section--testimonial-box .client-rating ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1px;
  width: 100%;
  font-size: 1em
}

body .section--testimonial-box .client-rating ul li {
  width: 3.1875em;
  height: 3.1875em;
  display: flex;
  flex-wrap: wrap;
  font-size: 1em;
  margin-bottom: 0
}

body .section--testimonial-box .client-rating ul li .img-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center
}

body .section--testimonial-box .client-rating ul li svg {
  width: 2em;
  height: 2em
}

body .section--testimonial-box .client-rating ul li svg path {
  fill: #fbbc04
}

body .section--testimonial-box .what-client-say {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 2em
}

@media (min-width:576px) {
  body .section--testimonial-box .what-client-say {
    margin-bottom: 3em
  }
}

@media (min-width:1200px) {
  body .section--testimonial-box .what-client-say {
    margin-bottom: 6.1875em
  }
}

body .section--testimonial-box .what-client-say p {
  font-size: 1.75em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.33333em;
  text-align: center
}

@media (min-width:1200px) {
  body .section--testimonial-box .what-client-say p {
    font-size: 2.8125em
  }
}

@media (max-width:991.98px) {
  body .section--testimonial-box .what-client-say p {
    font-size: 1.5em
  }
}

@media (max-width:575.98px) {
  body .section--testimonial-box .what-client-say p {
    font-size: 1.25em
  }
}

body .section--testimonial-box .what-client-say p:last-child,
body .section--testimonial-box .what-client-say p:only-child {
  margin-bottom: 0
}

body .section--testimonial-box .client-info {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

body .section--testimonial-box .client-info ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1px;
  list-style-type: none;
  width: 100%;
  font-size: 1em;
  margin-bottom: 0
}

body .section--testimonial-box .client-info ul li {
  font-size: 1em;
  margin-bottom: 0
}

body .section--testimonial-box .client-info ul li.name {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.875em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.266667em;
  margin-bottom: .5em
}

body .section--testimonial-box .client-info ul li.post {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5625em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.52em;
  color: rgba(var(--white-color), .7)
}

@media (max-width:991.98px) {
  body .section--testimonial-box .client-info ul li.post {
    font-size: 1.25em;
    text-align: center
  }
}

body .section--project-img {
  width: 100%;
  padding-bottom: 0
}

@media (min-width:1200px) {
  body .section--project-img {
    padding-top: 3.75em;
    padding-bottom: 0
  }
}

body .section--project-img .img-wrapper {
  width: 100%;
  border-radius: 1.25em;
  overflow: hidden;
  margin: 1em 0
}

@media (min-width:576px) {
  body .section--project-img .img-wrapper {
    margin: 1.5em 0
  }
}

@media (min-width:768px) {
  body .section--project-img .img-wrapper {
    height: 33em
  }
}

@media (min-width:992px) {
  body .section--project-img .img-wrapper {
    margin: 0
  }
}

@media (min-width:1200px) {
  body .section--project-img .img-wrapper {
    height: 47.9625625em
  }
}

body .section--project-img .img-wrapper.border-box {
  border: 1px solid rgba(var(--white-color), 1)
}

body .section--next-project {
  width: 100%
}

@media (min-width:1200px) {
  body .section--next-project {
    padding: 6.75em 0 0
  }
}

body .section--next-project .next-project-txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  text-align: center;
  margin-bottom: 3.4375em
}

body .section--next-project .next-project-txt a {
  font-size: 5em;
  font-weight: 700;
  line-height: .94573em;
  color: rgba(var(--white-color), 1);
  color: currentColor
}

@media (min-width:1200px) {
  body .section--next-project .next-project-txt a {
    font-size: 12.5em
  }
}

body .section--next-project .next-project-img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media (max-width:991.98px) {
  body .section--next-project .next-project-img {
    padding: 0 3em
  }
}

@media (max-width:575.98px) {
  body .section--next-project .next-project-img {
    padding: 0 2em
  }
}

body .section--next-project .next-project-img a {
  display: flex;
  flex-wrap: wrap
}

body .section--next-project .next-project-img a .img-wrapper {
  display: flex;
  flex-wrap: wrap;
  border-radius: 1.25em;
  overflow: hidden;
  width: 100%;
  height: 19em;
  margin: 1em 0;
  transition: all .5s ease
}

@media (min-width:576px) {
  body .section--next-project .next-project-img a .img-wrapper {
    margin: 1.5em 0
  }
}

@media (min-width:768px) {
  body .section--next-project .next-project-img a .img-wrapper {
    height: 33em;
    margin: 0
  }
}

@media (min-width:1200px) {
  body .section--next-project .next-project-img a .img-wrapper {
    width: 66.94825em;
    height: 40.375em
  }
}

@media (min-width:1200px) {
  body .section--next-project .next-project-img a:hover .img-wrapper {
    height: auto;
    transform: scale(1.2)
  }
}

@media (min-width:1200px) {
  body .section--logo-img-box {
    padding: 3.125em 0 1.25em
  }
}

body .section--logo-img-box .square-img-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

@media (max-width:575.98px) {
  body .section--logo-img-box .square-img-box {
    margin: 2em 0 0
  }
}

body .section--logo-img-box .square-img-box.space-top {
  margin-top: 2em
}

@media (min-width:1200px) {
  body .section--design-brief-section {
    padding: 5em 0 1.25em
  }
}

@media (min-width:1200px) {
  body .section--design-brief-section .square-img-box.space-top {
    margin-top: 5em
  }
}

@media (min-width:1200px) {
  body .section--concept-development {
    padding: 5em 0 1.25em
  }
}

@media (min-width:992px) {
  body .section--concept-development .img-wrapper {
    height: 100%
  }
}

body .section--branding-image-box {
  padding: 0
}

@media (min-width:1200px) {
  body .section--branding-image-box {
    padding: 5em 0 1.25em
  }
}

@media (min-width:1200px) {
  body .section--branding-image-box .custom-row:only-child {
    margin-top: -5em
  }
}

body .section--branding-image-box .square-img-box {
  margin-bottom: 2em
}

@media (min-width:1200px) {
  body .section--branding-image-box .square-img-box {
    margin-bottom: 0
  }
}

@media (min-width:1200px) {
  body .section--branding-image-box .square-img-box.space-top {
    margin-top: 5em
  }
}

body .section--typography-color-box .col_lg_6 {
  position: relative
}

@media (min-width:992px) {
  body .section--typography-color-box .col_lg_6:first-child::after {
    content: "";
    width: 1px;
    height: 100%;
    background: url(../svg/line-separator.svg);
    position: absolute;
    right: -1px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
  }
}

@media (min-width:992px) {
  body .section--typography-color-box .typography-color-info {
    padding-right: 4em
  }
}

@media (min-width:1200px) {
  body .section--typography-color-box .typography-color-info {
    padding-right: 7.1875em
  }
}

body .section--typography-color-box .color-palette {
  margin-bottom: 4em;
  margin-top: 1em
}

@media (min-width:1200px) {
  body .section--typography-color-box .color-palette {
    margin-top: 5.4375em;
    margin-bottom: 0
  }
}

body .section--typography-color-box .color-palette ul {
  font-size: 1em;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative
}

body .section--typography-color-box .color-palette ul li {
  font-size: 1em;
  border-radius: 50%;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 10em;
  height: 10em;
  padding-left: 1.25em;
  margin-left: -3.4em
}

@media (min-width:992px) {
  body .section--typography-color-box .color-palette ul li {
    width: 8em;
    height: 8em;
    padding-left: .5em;
    margin-left: -2.75em
  }
}

@media (min-width:1200px) {
  body .section--typography-color-box .color-palette ul li {
    width: 15.625em;
    height: 15.625em;
    padding-left: 2.5em;
    margin-left: -6.625em
  }
}

@media (max-width:575.98px) {
  body .section--typography-color-box .color-palette ul li {
    width: 8em;
    height: 8em;
    padding-left: .75em;
    margin-left: -3.4em
  }
}

body .section--typography-color-box .color-palette ul li span {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.35em;
  letter-spacing: -.05em
}

@media (max-width:575.98px) {
  body .section--typography-color-box .color-palette ul li span {
    font-size: 1em
  }
}

body .section--typography-color-box .color-palette ul li:nth-child(5n+1) {
  margin-left: 0
}

@media (min-width:1200px) {
  body .section--typography-color-box .color-palette ul li:nth-child(1n+5) {
    margin-top: 1em
  }
}

@media (min-width:992px) {
  body .section--typography-color-box .font-family-box-wrapper {
    padding-left: 5em
  }
}

@media (min-width:1200px) {
  body .section--typography-color-box .font-family-box-wrapper {
    padding-left: 5em
  }
}

@media (min-width:1200px) {
  body .section--typography-color-box .font-family-box-wrapper .font-family-box {
    margin-bottom: 3.125em
  }
}

@media (min-width:1200px) {
  body .section--typography-color-box .font-family-box-wrapper .font-family-box .generic-panel__head .generic-heading__small-heading {
    margin-bottom: 1.3125em
  }
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box .generic-heading__xxlarge-heading {
  font-weight: 400;
  margin-bottom: .75em
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box .generic-panel__content p {
  font-style: normal;
  font-weight: 400;
  line-height: 174%;
  letter-spacing: -.05em
}

@media (min-width:1200px) {
  body .section--typography-color-box .font-family-box-wrapper .font-family-box .generic-panel__content p {
    font-size: 1.968875em
  }
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-souvenir .generic-heading__xxlarge-heading,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-souvenir .generic-panel__content {
  font-family: Souvenir, -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-souvenir .generic-heading__xxlarge-heading p,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-souvenir .generic-panel__content p {
  font-family: Souvenir, -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-poppins .generic-heading__xxlarge-heading,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-poppins .generic-panel__content {
  font-family: Poppins, -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-poppins .generic-heading__xxlarge-heading p,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-poppins .generic-panel__content p {
  font-family: Poppins, -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-lato .generic-heading__xxlarge-heading,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-lato .generic-panel__content {
  font-family: Lato, -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-lato .generic-heading__xxlarge-heading p,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-lato .generic-panel__content p {
  font-family: Lato, -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-the-future .generic-heading__xxlarge-heading,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-the-future .generic-panel__content {
  font-family: "The Future", -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-the-future .generic-heading__xxlarge-heading p,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-the-future .generic-panel__content p {
  font-family: "The Future", -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-baskervville .generic-heading__xxlarge-heading,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-baskervville .generic-panel__content {
  font-family: Baskervville, -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-baskervville .generic-heading__xxlarge-heading p,
body .section--typography-color-box .font-family-box-wrapper .font-family-box.font-family-baskervville .generic-panel__content p {
  font-family: Baskervville, -apple-system, BlinkMacSystemFont, system-ui, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Oxygen, sans-serif;
  font-weight: 400
}

@media (min-width:1200px) {
  body .section--website-presentation {
    padding: 3.125em 0
  }
}

body .section--website-presentation .project-info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 1.25em;
  background: rgba(var(--chinese-black), 1);
  padding: 2em
}

@media (min-width:576px) {
  body .section--website-presentation .project-info {
    margin-bottom: 3em
  }
}

@media (min-width:992px) {
  body .section--website-presentation .project-info {
    margin-bottom: 0
  }
}

@media (min-width:1200px) {
  body .section--website-presentation .project-info {
    height: 100%;
    padding: 3.125em
  }
}

@media (max-width:575.98px) {
  body .section--website-presentation .project-info {
    margin-bottom: 2em
  }
}

@media (min-width:992px) {
  body .section--website-presentation .img-wrapper {
    height: 100%
  }
}

body .testimonial-box {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 9em 0 14em
}

@media (max-width:991.98px) {
  body .testimonial-box {
    padding: 10em 0 5em
  }
}

@media (max-width:575.98px) {
  body .testimonial-box {
    padding: 12em 0 5em
  }
}