/*
Theme Name: Timecamp - new
Theme URI: https://timecamp.com
Author: dawid panfil
Description: Nowy szablon TC
Version: 0.1
Text Domain: tcnew
*/

/** import fonts**/

:root {
    --white: #fff;
    --black: #000;
    --tufts_blue: #3c91e6;
    --tufts_blue_hover: #1b78d4;
    --selective_yellow: #f7b801;
    --selective_yellow_hover: #dfa601;
    --sizzling_red: #eb5160;
    --sizzling_red_hover: #dd2c3e;
    --basic_dark: #1b1b20;
    --basic_dark_hover: var(--black);
    --green: #00bf71;
    --green_hover: #008a51;
    --malachite: #25cf60;
    --malachite_hover: #1da44c;
    --grey: #f3f3f3;
    --grey_hover: #d9d9d9;
    --baby_powder: #fafffd;
    --baby_powder_hover: #ecf1ef;
    --big_border_radius: 26px;
    --small_border_radius: 6px;
    --text_opacity: 0.6;
    --text_font_family: "Nunito Sans", sans-serif;
    --header_font_family: "Lato", sans-serif;
    /*tag colors*/
    /*used*/
    --red-orange: #ff3c00;
    --dirty-blue: #4092ac;
    --warm-grey: #8a8a8a;
    --leather: #b68539;
    --ocean-green: #3a7762;
    --dusk-87: rgba(65, 65, 105, 0.87);
    --dark-taupe: #6b543d;
    --mauve: #ad7e8a;
    --greenish: #4bb063;
    --dark-tan: #aa973c;
    --dusty-teal-87: rgba(66, 126, 126, 0.87);
    --dark-slate-blue: #21366c;
    --black-two: #393939;
    /*not used*/
    --greyish-brown: #4f4f4f;
    --cool-grey: #8a9ba5;
    --white-three: #dbdbdb;
    --very-light-pink: #c3c3c3;
    --white-seven: #f9f9f9;
    --white-two: #eaeaea;
    --brownish-grey: #6b6b6b;
    --white-four: #f8f8f8;
    --silver: #d6d9e1;
    --grey-teal: #5f9d8c;
    --light-forest-green: #4b985b;
    --warm-grey-two: #9c8776;
    --twilight: #5d5290;
    --ugly-blue: #336589;
    --mid-blue: #2364a9;
    --dirty-blue-two: #44939e;
    --white-five: #fafafa;
    --dark-grey: #222324;
}

* {
    font-family: var(--text_font_family);
}

a {
    font-weight: 700;
    color: var(--green);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--header_font_family);
}

h4 {
    font-size: 18px;
}

p {
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    font-family: var(--text_font_family);
}

img {
    max-width: 100%;
    height: auto;
}

main#main {
    max-width: 1210px;
    margin: 3rem auto 0 auto;
    width: 100%;
}

/** main styles */

body {
    background: var(--white);
    overflow-x: hidden;
}

/** OLD HEADER PLACE **/


.btn-filled {
    border-radius: var(--big_border_radius);
    padding: 12px 0;
    color: var(--white);
    font-weight: 700;
    border: none;
}

.btn-filled.green,
.tcgreen {
    background-color: var(--green);
}

.btn-filled.green:hover,
.btn-filled.green:focus,
.tcgreen:hover,
.tcgreen:focus {
    color: var(--white) !important;
    background-color: var(--green_hover);
    text-decoration: none;
}

.btn-filled.blue,
.btn-filled.blue,
.tcblue {
    background-color: var(--tufts_blue);
}

.btn-filled.blue:hover,
.btn-filled.blue:focus,
.tcblue:hover,
.tcblue:focus {
    color: var(--white) !important;
    background: var(--tufts_blue_hover);
    text-decoration: none;
}

.btn-filled.red,
.btn-filled.red,
.tcred {
    background-color: var(--sizzling_red);
}

.btn-filled.red:hover,
.btn-filled.red:focus,
.tcred:hover,
.tcred:focus {
    color: var(--white) !important;
    background: var(--sizzling_red_hover);
    text-decoration: none;
}

.btn-filled.yellow,
.tcyellow {
    background-color: var(--selective_yellow);
}

.btn-filled.yellow:hover,
.btn-filled.yellow:focus,
.tcyellow:hover,
.tcyellow:focus {
    color: var(--white) !important;
    background: var(--selective_yellow_hover);
    text-decoration: none;
}

.btn-highlighted {
    border: 1px solid var(--tufts_blue);
    font-weight: 700;
    border-radius: var(--big_border_radius);
    color: var(--tufts_blue);
    background-color: unset;
}

.btn-highlighted:hover,
.btn-highlighted:focus {
    border: 1px solid var(--tufts_blue_hover);
    color: var(--tufts_blue_hover);
    text-decoration: none;
}

.btn-read-more {
    background: var(--grey);
    border-radius: var(--big_border_radius);
    color: var(--basic_dark);
    font-size: 14px;
    font-family: var(--text_font_family);
    font-weight: 700;
    border: none;
    padding: 12px 37px;
}

/* Seach form */

div.categories.row {
    margin: 1rem auto;
}

div.categories.row .col-sm-12 {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

div.categories.row .col-sm-12 a {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

div.categories.row .col-sm-12 a:hover {
    text-decoration: none;
    color: var(--green_hover);
}

div.form {
    margin-bottom: 2rem;
    width: 30%;
    margin: 0 auto;
}

div.form form label {
    text-align: center;
    display: flex;
}

div.form input.search-field {
    color: var(--basic_dark);
    opacity: var(--text_opacity);
    outline: none;
    border-radius: var(--big_border_radius);
    border: solid 2px var(--grey);
    padding: 13px 0 13px 16px;
    width: 84%;
}

div.form button.search-button {
    outline: 0;
    border-radius: var(--big_border_radius);
    background-color: var(--grey);
    font-size: 18px;
    font-weight: 700;
    padding: 13px 50px;
    border: none;
    position: relative;
    right: 4rem;
}

div.form button.search-button:hover {
    cursor: pointer;
    background-color: var(--grey_hover);
}

div.form button.search-button i {
    color: var(--green);
    text-align: center;
    line-height: 1.3;
}

/** posts list **/

span.dots {
    color: var(--basic_dark);
}

.posts-list .card span.meta-category a {
    font-weight: bold;
    font-size: 16px;
}

span.meta-category a.business {
    color: var(--warm-grey);
}

span.meta-category a.company {
    color: var(--red-orange);
}

span.meta-category a.compare {
    color: var(--leather);
}

span.meta-category a.comparisons {
    color: var(--dirty-blue);
}

span.meta-category a.customers {
    color: var(--ocean-green);
}

span.meta-category a.guest-posts {
    color: var(--dusk-87);
}

span.meta-category a.management {
    color: var(--dark-taupe);
}

span.meta-category a.podcasts {
    color: var(--mauve);
}

span.meta-category a.updates {
    color: var(--greenish);
}

span.meta-category a.productivity {
    color: var(--dark-tan);
}

span.meta-category a.timecamp-experience {
    color: var(--dusty-teal-87);
}

span.meta-category a.tools {
    color: var(--dark-slate-blue);
}

span.meta-category a.uncategorized {
    color: var(--black-two);
}

.latest {
    display: flex;
    margin-bottom: 164px;
}

.latest article {
    max-width: 490px;
    width: 100%;
    margin: 15px;
    margin-top: 0;
}

.latest article span.date {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.38;
}

.latest article h1 {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.3;
}

.latest article a.read,
.latest2x article a.read,
.card-body a.read {
    display: block;
    text-align: center;
    line-height: 52px;
    margin: 1rem 0 0 0;
    padding: 0;
    border-radius: var(--big_border_radius);
    border-style: solid;
    border-width: 2px;
    border-color: var(--tufts_blue);
    color: var(--tufts_blue);
    font-size: 16px;
    font-weight: bold;
    width: 60%;
}

.latest2x span.dots {
    color: var(--white);
}

.latest2x article a.btn-highlighted.latesttwopost {
    width: 30%;
    line-height: 30px;
}

.card-body a.btn-highlighted.singlepost {
    width: 45%;
    line-height: 30px;
}

.latest article a.read:hover {
    text-decoration: none;
}

.latest .thumb {
    max-width: 630px;
    width: 100%;
    margin-left: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.latest .thumb img {
    max-width: 630px !important;
    width: 100%;
    height: auto;
}



/*Latest 2x*/

.latest2x{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    background-color: var(--basic_dark);
    position: relative;
    padding: 81px 15px;
    margin-bottom: 113px;
}
.latest2x:before {
    border-top: solid 1px #979797;
    left: -50%;
    pointer-events: none;
    top: 0;
    width: 100vw;
    max-width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    content: "";
    background-color: var(--basic_dark);
    border-top: solid 1px #979797;
}
.latest2x:after{
    border-top: solid 1px #979797;
    left: 50%;
    pointer-events: none;
    top: 0;
    width: 100vw;
    max-width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    content: "";
    background-color: var(--basic_dark);
    border-top: solid 1px #979797;  
}
.latest2x * {
    color: #fff;
}
.latest2x .thumb{
    display: flex;
    width: 100%;
    height: 280px;
    margin-bottom: 40px;
    border-radius: 6px;
    overflow: hidden;
}
.latest2x .thumb img{
    width: 100%;
    object-fit: cover;
}
.latest2x article {
    padding: 0 1rem;
}
.latest2x article h2 {
   min-height: 81px;
}
.latest2x article h2 a {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.42;
}
.latest2x article h2 a:hover {
    color: #fff;
}
.latest2x article p {
    margin-top: 1rem;
    font-size: 16px;
}
.latest2x article span.meta-category > * {
    color: #25cf60;
}



.posts-list .card h3 {
    margin: 17px 0;
}

.posts-list .card h3 a {
    color: var(--basic_dark);
    font-size: 24px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
}

.posts-list .card {
    border: none;
    background: none;
    margin-bottom: 113px;
}

.posts-list .card .card-body {
    padding: 0 30px;
    padding-top: 32px;
}

.posts-list .card .card-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.67;
}

.posts-list .pagination {
    text-align: center;
    margin-bottom: 180px;
    border: none;
}

.posts-list .pagination span {
    border-radius: var(--big_border_radius);
    border-style: solid;
    border-width: 2px;
    border-color: var(--tufts_blue);
    color: var(--tufts_blue);
    margin-left: auto;
    line-height: 1;
    text-decoration: none;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

/** try tc styles */

.try-tc {
    border-radius: var(--big_border_radius);
    background-color: var(--grey);
    padding-top: 81px;
    padding-bottom: 84px;
    text-align: center;
    position: relative;
}

.try-tc h2 {
    margin: 0 auto 3rem auto;
    font-size: 42px;
    font-weight: 800;
    text-align: center;
    color: var(--basic_dark);
    line-height: 1.5;
}

.greenSmallSkewCircle,
.redSmallCircle,
.blueSmallCircle,
.greenSmallCircle {
    position: absolute;
    z-index: 1;
}

.greenSmallSkewCircle {
    top: -3rem;
    left: 19rem;
}

.redSmallCircle {
    top: -1rem;
    right: 10rem;
}

.blueSmallCircle {
    left: 4rem;
    bottom: 4rem;
}

.greenSmallCircle {
    right: 6rem;
    bottom: 5rem;
}

.try-tc a.yellow {
    border-radius: var(--big_border_radius);
    font-size: 16px;
    padding: 13px 30px;
    text-align: center;
    color: var(--basic_dark);
}

.try-tc div.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem auto 0 auto;
    width: 70%;
}

.try-tc a.btn-highlighted {
    border-radius: var(--big_border_radius);
    font-size: 16px;
    border: 2px solid var(--selective_yellow);
    text-align: center;
    color: var(--basic_dark);
    padding: 13px 45px;
    margin-left: 2rem;
}

.try-tc a.btn-highlighted:hover,
.try-tc a.btn-highlighted:focus {
    border: 2px solid var(--selective_yellow_hover);
}


p.related-posts {
    font-family: var(--header_font_family);
    font-size: 20px;
    margin: 61px 28px;
}

/** ------------------------------------ NAVBAR ------------------------------------ **/
#nav-container {
	 height: 90px;
	 width: 100%;
}
 #nav-container * {
	 font-family: "pretendard", sans-serif;
}
 #nav-container .new-label {
	 position: relative;
}
 #nav-container .new-label::after {
	 content: attr(new-data-label);
	 position: absolute;
	 top: -1px;
	 left: calc(100% + 8px);
	 padding: 2px 8px;
	 color: white;
	 font-size: 14px;
	 font-weight: 700;
	 background-color: #25cf60;
	 border-radius: 1000px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 #nav-container .new-label-green::after {
	 background-color: #25cf60;
}
 #nav-container #navbar {
	 z-index: 9999;
	 position: fixed;
	 width: 100%;
	 top: 0;
	 right: 0;
	 left: 0;
}
 #nav-container #navbar ul {
	 padding: 0;
	 margin: 0;
}
 #nav-container #navbar ul li {
	 list-style: none;
}
 #nav-container #navbar a:hover {
	 cursor: pointer;
}
 #nav-container #navbar a.underline-button {
	 width: fit-content;
	 font-weight: 600 !important;
	 font-size: 18px;
	 padding: 0.3rem 0;
	 transition: all 0.2s ease-in-out;
}
 #nav-container #navbar a.underline-button-green {
	 color: #25cf60;
}
 #nav-container #navbar a.underline-button-green:hover > span {
	 margin-left: 10px;
	 transition: all 0.2s ease-in-out;
}
 #nav-container #navbar a.underline-button-blue {
	 color: #2d80eb;
}
 #nav-container #navbar a.underline-button-blue:hover > span {
	 margin-left: 10px;
	 transition: all 0.2s ease-in-out;
}
 #nav-container #navbar a.underline-button-blue::after {
	 display: none;
}
 #nav-container #navbar a.underline-button img {
	 margin-left: 0.4rem;
}
 #nav-container #navbar .cta-register {
	 font-size: 18px;
	 padding: 16px 36px 17px 36px;
	 background-color: #25cf60 !important;
	 transition: background-color 0.2s ease-in-out;
	 color: #fff;
	 font-weight: 600;
	 border-radius: 36px;
}
 #nav-container #navbar .cta-register:hover {
	 background-color: #17b54e !important;
}
 #nav-container #navbar .gradient-background {
	 border-top: 1px solid #dbdbdb;
	 width: 100%;
	 background: #fff;
	 background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(245, 245, 245, 1) 58%);
}
 #nav-container #navbar .container {
	 display: flex;
	 flex-direction: column;
	 align-items: normal !important;
	 width: 100%;
}
 @media (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 768px) and (max-width: 1150px), (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .container {
		 padding: 1.2rem 15px;
	}
}
 #nav-container #navbar .navbar {
	 background-color: white !important;
	 transition: box-shadow 0.3s ease-in-out;
	 width: 100%;
	 padding: 0;
}
 #nav-container #navbar .navbar__header {
	 display: flex;
	 align-items: center;
}
 #nav-container #navbar .navbar__header .onSmallScreen {
	 display: none;
}
 @media (min-width: 768px) and (max-width: 1150px), (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .navbar__header .onSmallScreen {
		 margin-left: auto;
		 display: block;
		 margin-right: 2rem;
	}
}
 #nav-container #navbar .navbar__header-logo img {
	 fill: white;
}
 #nav-container #navbar .navbar__header-links {
	 margin-left: 4rem;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .navbar__header-links {
		 display: none;
	}
}
 #nav-container #navbar .navbar__header-register {
	 margin-left: auto;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .navbar__header-register {
		 display: none;
	}
}
 #nav-container #navbar .navbar__header-burger {
	 display: none;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .navbar__header-burger {
		 display: block;
	}
}
 @media (max-width: 767px) {
	 #nav-container #navbar .navbar__header-burger {
		 margin-left: auto;
	}
}
 #nav-container #navbar .navbar__header-burger-line {
	 width: 34px;
	 height: 4px;
	 margin: 8px;
	 border-radius: 100px;
	 background-color: #222324;
}
 #nav-container #navbar .navbar__header-burger-active .navbar__header-burger-line:first-of-type {
	 transform: translateY(13px) rotate(-45deg);
}
 #nav-container #navbar .navbar__header-burger-active .navbar__header-burger-line:nth-of-type(2) {
	 visibility: hidden;
}
 #nav-container #navbar .navbar__header-burger-active .navbar__header-burger-line:last-of-type {
	 transform: translateY(-10px) rotate(45deg);
}
 #nav-container #navbar .navbar__list {
	 display: flex;
	 align-items: center;
	 padding: 1.4rem 0;
}
 #nav-container #navbar .navbar__list-item {
	 list-style: none;
	 padding: 0.6rem 1.2rem;
}
 #nav-container #navbar .navbar__list-item--border {
	 border-right: 0.5px solid #222324 !important;
}
 #nav-container #navbar .navbar__list-item--last {
	 padding: 0.6rem 0 0.6rem 1.2rem;
}
 #nav-container #navbar .navbar__link {
	 font-weight: 600;
	 color: #222324 !important;
}
 #nav-container #navbar .content {
	 width: 100%;
	 height: 100vh;
	 opacity: 1;
	 visibility: visible;
	 background-color: rgba(0, 0, 0, 0.5);
	 transition: all 0.4s ease-in-out;
	 position: relative;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content {
		 height: 100%;
		 margin-top: 2rem;
	}
}
 #nav-container #navbar .content .active-link {
	 font-weight: 800;
}
 #nav-container #navbar .content-notDisplayed {
	 position: absolute;
	/* Użyj absolutnego pozycjonowania, aby kontrolować położenie ukrytego elementu */
	 left: 0;
	 opacity: 0;
	 visibility: hidden;
	 transition: all 0.4s ease-in-out;
}
 #nav-container #navbar .content__product {
	 display: flex;
	 max-width: 1400px;
	 margin: 0 auto 0 auto;
}
 @media (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .content__product {
		 padding-left: 0 !important;
		 padding-right: 0 !important;
	}
}
 @media (min-width: 992px) and (max-width: 1440px), (min-width: 1441px) and (max-width: 1919px) {
	 #nav-container #navbar .content__product {
		 padding-left: 5rem;
		 padding-right: 5rem;
	}
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content__product {
		 flex-direction: column;
		 min-height: 100%;
		 overflow-y: scroll;
		 margin: 0;
	}
}
 #nav-container #navbar .content__product img {
	 width: 24px;
	 height: 24px;
	 margin-right: 0.5rem;
}
 #nav-container #navbar .content__product svg {
	 margin-right: 0.5rem;
}
 #nav-container #navbar .content__product__white {
	 width: 70%;
	 background-color: #fff;
	 display: flex;
	 padding: 3rem 0;
}
 @media (min-width: 992px) and (max-width: 1440px), (min-width: 1441px) and (max-width: 1919px), (min-width: 1920px) {
	 #nav-container #navbar .content__product__white {
		 padding: 0;
	}
}
 @media (min-width: 768px) and (max-width: 1150px), (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .content__product__white {
		 width: 100%;
		 padding: 3rem;
		 flex-direction: column;
	}
}
 @media (max-width: 767px) {
	 #nav-container #navbar .content__product__white {
		 width: 100%;
		 padding: 2rem 3rem;
		 flex-direction: column;
	}
}
 #nav-container #navbar .content__product__white-firstColumn {
	 border-right: 1px solid #e9e9e9;
	 padding-right: 4rem;
}
 @media (min-width: 992px) and (max-width: 1440px), (min-width: 1441px) and (max-width: 1919px), (min-width: 1920px) {
	 #nav-container #navbar .content__product__white-firstColumn {
		 padding-top: 3rem;
		 padding-bottom: 3rem;
		 padding-right: 4rem;
	}
}
 @media (min-width: 768px) and (max-width: 1150px) {
	 #nav-container #navbar .content__product__white-firstColumn {
		 width: 100%;
		 display: grid;
		 grid-template-columns: repeat(2, 1fr);
		 padding-right: 0;
		 border-right: 0;
		 border-bottom: 1px solid #e9e9e9;
		 padding-bottom: 1.5rem;
	}
}
 @media (max-width: 767px) {
	 #nav-container #navbar .content__product__white-firstColumn {
		 width: 100%;
		 display: grid;
		 grid-template-columns: 1fr;
		 padding-right: 0;
		 border-right: 0;
		 border-bottom: 1px solid #e9e9e9;
		 padding-bottom: 1.5rem;
	}
}
 #nav-container #navbar .content__product__white-firstColumn div {
	 display: flex;
	 flex-direction: column;
}
 #nav-container #navbar .content__product__white-firstColumn-element-header {
	 margin-top: 2rem;
	 display: flex;
	 flex-direction: row !important;
}
 #nav-container #navbar .content__product__white-firstColumn-element-header svg {
	 color: #323232;
}
 #nav-container #navbar .content__product__white-firstColumn-element-header a {
	 font-size: 18px;
	 color: #323333;
	 font-weight: 700 !important;
	 margin-bottom: 0.7rem;
}
 #nav-container #navbar .content__product__white-firstColumn-element-header:hover a {
	 color: #25cf60;
	 font-weight: 700 !important;
}
 #nav-container #navbar .content__product__white-firstColumn-element-header:hover svg {
	 color: #25cf60;
}
 #nav-container #navbar .content__product__white-firstColumn-element-header-malachite {
	 margin-top: 0rem !important;
}
 #nav-container #navbar .content__product__white-firstColumn-element-header-malachite svg {
	 color: #25cf60 !important;
}
 #nav-container #navbar .content__product__white-firstColumn-element-header-malachite a {
	 color: #25cf60 !important;
}
 @media (min-width: 768px) and (max-width: 1150px) {
	 #nav-container #navbar .content__product__white-firstColumn-element {
		 margin-top: 1.5rem;
	}
}
 #nav-container #navbar .content__product__white-firstColumn-element-header {
	 display: flex;
	 text-transform: uppercase;
}
 #nav-container #navbar .content__product__white-firstColumn-element ul li a {
	 font-weight: 400;
	 font-size: 18px;
	 color: #323333;
	 padding: 0 0 0 1rem;
}
 #nav-container #navbar .content__product__white-secondColumn {
	 width: 60%;
	 padding-left: 4rem;
	 display: flex;
	 flex-direction: column;
}
 @media (min-width: 992px) and (max-width: 1440px), (min-width: 1441px) and (max-width: 1919px), (min-width: 1920px) {
	 #nav-container #navbar .content__product__white-secondColumn {
		 padding-top: 3rem;
		 padding-bottom: 3rem;
		 padding-left: 4rem;
	}
}
 @media (min-width: 768px) and (max-width: 1150px) {
	 #nav-container #navbar .content__product__white-secondColumn {
		 width: 100%;
		 display: grid;
		 grid-template-columns: repeat(2, 1fr);
		 padding-left: 0;
		 padding-top: 1.5rem;
	}
}
 @media (max-width: 767px) {
	 #nav-container #navbar .content__product__white-secondColumn {
		 width: 100%;
		 display: grid;
		 grid-template-columns: 1fr;
		 padding-left: 0;
		 padding-top: 1.5rem;
	}
}
 #nav-container #navbar .content__product__white-secondColumn-element:first-of-type ul {
	 display: grid;
	 grid-template-rows: repeat(6, auto);
	 grid-template-columns: repeat(2, 1fr);
	 grid-auto-flow: column;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content__product__white-secondColumn-element:first-of-type ul {
		 width: 100%;
		 grid-template-rows: unset;
		 grid-auto-flow: unset;
		 grid-template-columns: repeat(2, 1fr);
		 grid-template-columns: 1fr;
	}
}
 @media (min-width: 768px) and (max-width: 1150px) {
	 #nav-container #navbar .content__product__white-secondColumn-element:first-of-type {
		 margin-top: 2rem;
	}
}
 #nav-container #navbar .content__product__white-secondColumn-element:not(:first-of-type) {
	 margin-top: 2rem;
}
 #nav-container #navbar .content__product__white-secondColumn-element-header {
	 display: flex;
}
 #nav-container #navbar .content__product__white-secondColumn-element-header svg {
	 color: #323232;
}
 #nav-container #navbar .content__product__white-secondColumn-element-header a {
	 font-size: 18px;
	 color: #323333;
	 font-weight: 700 !important;
	 text-transform: uppercase;
	 margin-bottom: 0.7rem;
}
 #nav-container #navbar .content__product__white-secondColumn-element-header:hover a {
	 color: #25cf60;
}
 #nav-container #navbar .content__product__white-secondColumn-element-header:hover svg {
	 color: #25cf60;
}
 #nav-container #navbar .content__product__white-secondColumn-element ul {
	 display: grid;
	 grid-template-columns: 1fr;
}
 #nav-container #navbar .content__product__white-secondColumn-element ul li a {
	 font-weight: 400;
	 font-size: 18px;
	 color: #323333;
	 padding: 0 0 0 1rem;
	 display: inline-block;
	 width: 100%;
}
 #nav-container #navbar .content__product__white .content__product__white-firstColumn-element ul li, #nav-container #navbar .content__product__white .content__product__white-secondColumn-element ul li {
	 max-width: 300px;
	 padding: 0.3rem 0;
}
 #nav-container #navbar .content__product__white .content__product__white-firstColumn-element ul li:hover, #nav-container #navbar .content__product__white .content__product__white-secondColumn-element ul li:hover {
	 background-color: #25cf60;
	 border-radius: 8px;
}
 #nav-container #navbar .content__product__white .content__product__white-firstColumn-element ul li:hover a, #nav-container #navbar .content__product__white .content__product__white-secondColumn-element ul li:hover a {
	 color: white;
	 display: inline-block;
	 width: 100%;
}
 #nav-container #navbar .content__product__grey {
	 width: 30%;
	 background-color: #f5f5f5;
	 padding: 3rem 0 3rem 3rem;
	 display: flex;
	 justify-content: center;
}
 @media (min-width: 768px) and (max-width: 1150px), (min-width: 768px) and (max-width: 991px), (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .content__product__grey {
		 width: 100%;
		 padding: 3rem;
	}
}
 #nav-container #navbar .content__product__grey-element {
	 max-width: 350px;
	 display: flex;
	 flex-direction: column;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content__product__grey-element {
		 max-width: 100%;
	}
}
 #nav-container #navbar .content__product__grey-element-header {
	 display: flex !important;
	 flex-direction: row !important;
	 margin-bottom: 2rem;
}
 #nav-container #navbar .content__product__grey-element-header a {
	 color: #2d80eb;
	 text-transform: uppercase;
	 font-weight: 700;
	 font-size: 18px;
	 cursor: inherit;
}
 #nav-container #navbar .content__product__grey-element .underline-button-blue:hover > span {
	 margin-left: 10px;
	 transition: all 0.2s ease-in-out;
}
 #nav-container #navbar .content__product__grey-element div {
	 display: grid;
	 grid-template-columns: 1fr;
}
 @media (min-width: 768px) and (max-width: 1150px) {
	 #nav-container #navbar .content__product__grey-element div {
		 grid-template-columns: repeat(2, 1fr);
	}
}
 @media (max-width: 767px) {
	 #nav-container #navbar .content__product__grey-element div {
		 grid-template-columns: 1fr;
	}
}
 #nav-container #navbar .content__product__grey-element p {
	 font-weight: 500;
	 font-size: 18px;
	 color: #323333;
	 margin-bottom: 3rem;
}
 #nav-container #navbar .content__product__grey-element ul {
	 margin-bottom: 3rem;
}
 #nav-container #navbar .content__product__grey-element ul li {
	 padding: 0.3rem 0;
}
 #nav-container #navbar .content__product__grey-element ul li:hover {
	 background-color: #2d80eb;
	 border-radius: 8px;
}
 #nav-container #navbar .content__product__grey-element ul li:hover svg {
	 color: #fff;
}
 #nav-container #navbar .content__product__grey-element ul li:hover a {
	 color: #fff;
}
 #nav-container #navbar .content__product__grey-element ul li span {
	 display: flex;
	 padding: 0 0 0 10px;
}
 #nav-container #navbar .content__product__grey-element ul li span svg {
	 color: #323232;
}
 #nav-container #navbar .content__product__grey-element ul li span a {
	 font-weight: 400;
	 font-size: 18px;
	 color: #323333;
	 display: inline-block;
	 width: 100%;
}
 #nav-container #navbar .content__product__grey-element ul li span a::after {
	 display: none;
}
 #nav-container #navbar .content__integrations {
	 display: flex;
	 max-width: 1400px;
	 margin: 0 auto 0 auto;
}
 @media (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .content__integrations {
		 padding-left: 0 !important;
		 padding-right: 0 !important;
	}
}
 @media (min-width: 992px) and (max-width: 1440px), (min-width: 1441px) and (max-width: 1919px) {
	 #nav-container #navbar .content__integrations {
		 padding-left: 5rem;
		 padding-right: 5rem;
	}
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content__integrations {
		 flex-direction: column;
		 min-height: 100%;
		 overflow-y: scroll;
	}
}
 #nav-container #navbar .content__integrations__white {
	 width: 70%;
	 padding: 3rem 0;
	 background-color: #fff;
	 display: flex;
	 flex-direction: column;
}
 @media (min-width: 768px) and (max-width: 1150px) {
	 #nav-container #navbar .content__integrations__white {
		 width: 100%;
		 padding: 3rem;
		 flex-direction: column;
	}
}
 @media (max-width: 767px) {
	 #nav-container #navbar .content__integrations__white {
		 width: 100%;
		 padding: 2rem 3rem;
		 flex-direction: column;
	}
}
 #nav-container #navbar .content__integrations__white-firstRow p {
	 color: #323333;
	 font-weight: 700;
	 font-size: 18px;
	 text-transform: uppercase;
}
 #nav-container #navbar .content__integrations__white-firstRow ul {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
}
 @media (max-width: 767px) {
	 #nav-container #navbar .content__integrations__white-firstRow ul {
		 grid-template-columns: 1fr;
	}
}
 #nav-container #navbar .content__integrations__white-firstRow ul li {
	 max-width: 300px;
	 padding: 0.3rem 0;
}
 #nav-container #navbar .content__integrations__white-firstRow ul li span {
	 display: flex;
}
 #nav-container #navbar .content__integrations__white-firstRow ul li a {
	 color: #323333;
	 font-weight: 400;
	 font-size: 18px;
	 padding: 0 0 0 0.7rem;
}
 #nav-container #navbar .content__integrations__white-firstRow ul li:hover a {
	 color: #25cf60;
	 font-weight: 400 !important;
}
 #nav-container #navbar .content__integrations__white-secondRow {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 margin-top: 2rem;
}
 @media (max-width: 767px) {
	 #nav-container #navbar .content__integrations__white-secondRow {
		 grid-template-columns: 1fr;
	}
}
 #nav-container #navbar .content__integrations__white-secondRow ul p {
	 color: #323333;
	 font-weight: 700;
	 font-size: 18px;
	 text-transform: uppercase;
	 margin-top: 3rem;
}
 #nav-container #navbar .content__integrations__white-secondRow ul p:nth-of-type(1) {
	 margin-top: 1rem;
}
 #nav-container #navbar .content__integrations__white-secondRow ul li {
	 max-width: 300px;
	 padding: 0.3rem 0;
}
 #nav-container #navbar .content__integrations__white-secondRow ul li span {
	 display: flex;
}
 #nav-container #navbar .content__integrations__white-secondRow ul li a {
	 color: #323333;
	 font-weight: 400;
	 font-size: 18px;
	 padding: 0 0 0 0.7rem;
}
 #nav-container #navbar .content__integrations__white-secondRow ul li:hover a {
	 color: #25cf60;
	 font-weight: 400 !important;
}
 #nav-container #navbar .content__integrations__grey {
	 width: 30%;
	 background-color: #f5f5f5;
	 padding: 3rem 0rem 3rem 3rem;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content__integrations__grey {
		 width: 100%;
		 padding: 3rem;
	}
}
 #nav-container #navbar .content__integrations__grey-header p {
	 color: #25cf60;
	 font-size: 18px;
	 font-weight: 700;
	 text-transform: uppercase;
}
 #nav-container #navbar .content__integrations__grey-grid {
	 display: grid;
	 grid-template-columns: 1fr;
}
 @media (min-width: 768px) and (max-width: 1150px) {
	 #nav-container #navbar .content__integrations__grey-grid {
		 grid-template-columns: repeat(2, 1fr);
		 gap: 3rem;
	}
}
 @media (max-width: 767px) {
	 #nav-container #navbar .content__integrations__grey-grid {
		 grid-template-columns: 1fr;
	}
}
 #nav-container #navbar .content__integrations__grey-grid div:first-of-type {
	 display: flex;
	 flex-direction: column;
	 gap: 24px;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content__integrations__grey-grid div:first-of-type {
		 justify-content: space-between;
		 gap: unset;
	}
}
 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span {
	 border-radius: 12px;
	 max-height: 100px;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span {
		 margin: 0;
	}
}
 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span:first-of-type {
	 background-color: #fff;
}
 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span:first-of-type p {
	 color: #323333;
}
 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span:last-of-type {
	 background-color: #25cf60;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span:last-of-type {
		 margin-top: 1rem;
	}
}
 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span:last-of-type p {
	 color: #fff;
}
 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span p {
	 padding: 0;
	 margin: 0;
	 font-weight: 700;
	 font-size: 18px;
	 margin-left: 1.5rem;
}
 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span a {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 #nav-container #navbar .content__integrations__grey-grid div:first-of-type span a::after {
	 display: none;
}
 #nav-container #navbar .content__integrations__grey-grid div:last-of-type {
	 display: flex;
	 flex-direction: column;
	 margin-top: 2.5rem;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content__integrations__grey-grid div:last-of-type {
		 margin: 1.5rem 0 0 0;
	}
}
 #nav-container #navbar .content__integrations__grey-grid div:last-of-type img {
	 margin-bottom: 1.5rem;
	 width: 32px;
	 height: 32px;
}
 #nav-container #navbar .content__integrations__grey-grid div:last-of-type h3 {
	 line-height: normal;
	 color: #323333;
	 font-weight: 700;
	 font-size: 18px;
	 margin-bottom: 1rem;
}
 #nav-container #navbar .content__integrations__grey-grid div:last-of-type p {
	 color: #6b6b6b;
	 font-weight: 400;
	 font-size: 18px;
	 margin-bottom: 1.5rem;
}
 #nav-container #navbar .content__integrations__grey-grid div:last-of-type a {
	 width: fit-content;
}
 #nav-container #navbar .content__integrations__grey-grid div:last-of-type a::after {
	 display: none;
}
 #nav-container #navbar .content-mobile {
	 width: 100%;
	 height: 100vh !important;
	 background-color: rgba(0, 0, 0, 0.5);
	 margin-top: -2px;
	 display: none;
	 padding-bottom: 3.5rem;
}
 @media (min-width: 768px) and (max-width: 1150px), (max-width: 767px) {
	 #nav-container #navbar .content-mobile {
		 height: 100%;
		 display: block;
		 overflow-y: scroll;
	}
}
 @media (min-width: 992px) and (max-width: 1199px) {
	 #nav-container #navbar .content-mobile {
		 display: block;
		 height: 100%;
	}
}
 #nav-container #navbar .content-mobile-notDisplayed {
	 display: none !important;
}
 #nav-container #navbar .content-mobile-list {
	 background-color: white !important;
}
 #nav-container #navbar .content-mobile-list-item {
	 padding: 0.8rem 0;
}
 #nav-container #navbar .content-mobile-list-item-text {
	 color: #222324 !important;
	 margin: 0 3rem;
	 color: #fff;
	 font-weight: 700;
	 font-size: 16px;
}
 #nav-container #navbar .content-mobile-list-item-button {
	 margin: 0 3rem;
	 max-width: 100% !important;
	 display: block;
	 text-align: center;
}
 #nav-container #navbar .arrow-active::after {
	 content: "" !important;
	 margin-left: 0.6rem !important;
	 top: 8px !important;
	 position: absolute !important;
	 width: 0 !important;
	 height: 0 !important;
	 border-left: 4px solid transparent !important;
	 border-right: 4px solid transparent !important;
	 border-bottom: 6px solid #fff !important;
	 transform: rotate(0deg) !important;
	 transition: all 0.4s ease-in-out;
}
 #nav-container #navbar .arrow-active-mobile a::after {
	 content: "";
	 margin-left: 0.6rem;
	 top: 8px;
	 position: absolute;
	 width: 0;
	 height: 0;
	 border-left: 4px solid transparent;
	 border-right: 4px solid transparent;
	 border-bottom: 6px solid #fff;
	 transform: rotate(0deg) !important;
	 transition: all 0.4s ease-in-out;
}
 #nav-container #navbar .toggle-product-arrow, #nav-container #navbar .toggle-integrations-arrow {
	 position: relative;
	 padding-right: 10px;
}
 #nav-container #navbar .toggle-product-arrow::after, #nav-container #navbar .toggle-integrations-arrow::after {
	 content: "";
	 margin-left: 0.6rem;
	 top: 8px;
	 position: absolute;
	 width: 0;
	 height: 0;
	 border-left: 4px solid transparent;
	 border-right: 4px solid transparent;
	 border-bottom: 6px solid #222324 !important;
	 transform: rotate(180deg);
	 transition: all 0.4s ease-in-out;
}
 #nav-container #navbar .toggle-mobile-product-button a.content-mobile-list-item-text, #nav-container #navbar .toggle-mobile-integrations-button a.content-mobile-list-item-text {
	 position: relative;
}
 #nav-container #navbar .toggle-mobile-product-button a.content-mobile-list-item-text::after, #nav-container #navbar .toggle-mobile-integrations-button a.content-mobile-list-item-text::after {
	 content: "";
	 margin-left: 0.6rem;
	 top: 8px;
	 position: absolute;
	 width: 0;
	 height: 0;
	 border-left: 4px solid transparent;
	 border-right: 4px solid transparent;
	 border-bottom: 6px solid #222324 !important;
	 transform: rotate(180deg);
	 transition: all 0.4s ease-in-out;
}
.navbar__link{
	text-decoration: none !important;
}
.cta-register{
	text-decoration: none !important;
}

/** ------------------------------------ FOOTER ------------------------------------ **/

#footer-redesign {
	 margin-top: 6rem;
	 font-family: "your-text-font-family" !important;
}
 #footer-redesign * {
	 font-family: "pretendard", sans-serif;
}
 #footer-redesign .container {
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
}
 #footer-redesign .container ul li a {
	 font-weight: 400 !important;
	 color: #323333;
}
 #footer-redesign .container ul li a:hover {
	 color: #01ff70 !important;
}
 #footer-redesign .footer-top {
	 display: flex;
	 margin-bottom: 4rem;
	 justify-content: space-between;
	 width: 100%;
}
 #footer-redesign .footer-top__content {
	 display: grid;
	 grid-template-columns: repeat(5, 182px);
	 gap: 62px;
}
 @media only screen and (max-width: 1400px) {
	 #footer-redesign .footer-top__content {
		 width: 100%;
		 gap: 2rem;
		 grid-template-columns: repeat(3, 1fr);
	}
}
 @media only screen and (max-width: 767px) {
	 #footer-redesign .footer-top__content {
		 width: 100%;
		 gap: 2rem;
		 grid-template-columns: repeat(2, 1fr);
	}
}
 #footer-redesign .footer-top .social-pictograms {
	 display: flex;
	 gap: 18px;
	 justify-content: flex-end;
	 height: fit-content;
}
 @media only screen and (min-width: 1400px) and (max-width: 1919px) {
	 #footer-redesign .footer-top .social-pictograms {
		 justify-content: flex-start;
		 flex-direction: column;
	}
}
 @media only screen and (max-width: 1400px) {
	 #footer-redesign .footer-top .social-pictograms {
		 display: grid;
		 justify-content: flex-start;
		 grid-template-columns: repeat(3, 40px);
		 gap: 18px;
		 height: fit-content;
	}
}
 #footer-redesign .footer-top h2 {
	 font-family: inherit;
	 font-weight: 700;
	 font-size: 18px;
	 color: #222324;
	 margin: 0;
	 padding: 0 !important;
}
 #footer-redesign .footer-top ul {
	 padding: 0;
	 margin-top: 1.5rem;
}
 #footer-redesign .footer-top ul li {
	 padding: 6px 0;
	 list-style: none;
}
 #footer-redesign .footer-top ul li .dropDown {
	 position: relative;
	 width: 100%;
	 display: flex;
	 align-items: center;
	 flex-direction: column;
}
 #footer-redesign .footer-top ul li .dropDown-button {
	 align-self: flex-start;
	 font-size: 16px;
	 font-weight: 600;
	 color: #323333;
}
 #footer-redesign .footer-top ul li .dropDown-button:hover {
	 color: #25cf60;
	 cursor: pointer;
}
 #footer-redesign .footer-top ul li .dropDown-button:hover + .dropDown-list {
	 display: block;
}
 #footer-redesign .footer-top ul li .dropDown-button::after {
	 content: "";
	 top: 9px;
	 right: -15px;
	 position: absolute;
	 width: 0;
	 height: 0;
	 border-left: 4px solid transparent;
	 border-right: 4px solid transparent;
	 border-bottom: 6px solid #323333;
	 transform: rotate(180deg);
}
 #footer-redesign .footer-top ul li .dropDown-button:hover::after {
	 border-bottom: 6px solid #25cf60;
}
 #footer-redesign .footer-top ul li .dropDown-list {
	 z-index: 999;
	 position: absolute;
	 display: none;
	 min-width: 210px;
	 width: max-content;
	 border: 1px solid #e9e9e9;
	 background-color: white;
	 border-radius: 13px;
	 padding: 1rem;
	 text-align: left;
}
 #footer-redesign .footer-top ul li .dropDown-list:hover {
	 display: block;
}
 #footer-redesign .footer-top ul li .dropDown-list li a {
	 font-size: 16px;
	 font-weight: 600;
	 color: #323333;
}
 #footer-redesign .footer-top ul li .dropDown-list li a:hover {
	 color: #25cf60;
	 cursor: pointer;
}
 #footer-redesign .footer-top ul li a {
	 position: relative;
	 font-family: inherit;
	 font-size: 16px;
	 font-weight: 600;
	 color: #323333;
}
 #footer-redesign .footer-top ul li a:hover {
	 color: #25cf60 !important;
}
 #footer-redesign .footer-bottom {
	 width: 100%;
	 display: flex;
	 align-items: flex-start;
	 justify-content: center;
	 flex-direction: column;
}
 #footer-redesign .footer-bottom__headers {
	 display: grid;
	 gap: 62px;
	 grid-template-columns: repeat(5, 182px);
}
 @media only screen and (max-width: 1400px) {
	 #footer-redesign .footer-bottom__headers {
		 gap: 2rem;
		 grid-template-columns: repeat(1, 1fr);
	}
}
 #footer-redesign .footer-bottom__headers .button-active {
	 font-weight: 700;
	 color: #000;
}
 #footer-redesign .footer-bottom__headers .button-active::after {
	 transform: rotate(0deg);
	 border-bottom: 6px solid #000;
}
 #footer-redesign .footer-bottom__headers button {
	 text-align: left;
	 width: max-content;
	 padding: 0 !important;
	 font-family: inherit;
	 font-weight: 400;
	 font-size: 16px;
	 color: #323333;
	 outline: 0;
	 border: none;
	 background-color: white;
	 transition: all 0.05s ease-in-out;
	 position: relative;
	 cursor: pointer;
}
 #footer-redesign .footer-bottom__headers button::after {
	 content: "";
	 margin-left: 0.4rem;
	 top: 10px;
	 position: absolute;
	 width: 0;
	 height: 0;
	 border-left: 4px solid transparent;
	 border-right: 4px solid transparent;
	 border-bottom: 6px solid #323333;
	 transform: rotate(180deg);
}
 #footer-redesign .footer-bottom__headers ul {
	 padding: 0;
	 margin-top: 1.5rem;
	 display: grid;
	 column-gap: 2rem;
	 text-align: left;
	 grid-template-columns: repeat(4, 1fr);
}
 @media only screen and (max-width: 1150px) {
	 #footer-redesign .footer-bottom__headers ul {
		 grid-template-columns: repeat(3, 1fr);
		 column-gap: 1rem;
		 text-align: left;
	}
}
 @media only screen and (max-width: 767px) {
	 #footer-redesign .footer-bottom__headers ul {
		 grid-template-columns: repeat(2, 1fr);
	}
}
 #footer-redesign .footer-bottom__headers ul li {
	 padding: 0.7rem 0;
	 list-style: none;
}
 #footer-redesign .footer-bottom__headers ul li:last-of-type {
	 padding: 0.7rem 0 0 0;
}
 #footer-redesign .footer-bottom__headers ul li a {
	 font-family: inherit;
	 font-size: 16px;
	 font-weight: 600;
	 color: #323333;
}
 #footer-redesign .footer-bottom__headers ul li a:hover {
	 color: #25cf60 !important;
}
 #footer-redesign .footer-bottom__content {
	 margin-top: 2rem;
	 width: 100%;
}
 #footer-redesign .footer-bottom__content ul {
	 position: relative;
	 display: grid;
	 column-gap: 62px;
	 padding: 0;
	 grid-template-columns: repeat(5, 182px);
}
 @media only screen and (max-width: 1400px) {
	 #footer-redesign .footer-bottom__content ul {
		 grid-template-columns: repeat(2, 1fr);
		 text-align: center;
	}
}
 @media only screen and (max-width: 767px) {
	 #footer-redesign .footer-bottom__content ul {
		 grid-template-columns: 1fr;
		 text-align: center;
	}
}
 #footer-redesign .footer-bottom__content ul li {
	 padding: 0.5rem 0;
	 list-style: none;
	 height: 60px;
	 max-width: 100%;
}
 #footer-redesign .footer-bottom__content ul li a {
	 font-family: inherit;
	 font-size: 16px;
	 font-weight: 600;
	 color: #323333;
}
 #footer-redesign .footer-bottom__content ul li a:hover {
	 color: #25cf60 !important;
}
 #footer-redesign .dropdown {
	 width: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
	 margin-top: 1rem;
	 margin-bottom: 3rem;
}
 @media only screen and (max-width: 767px) {
	 #footer-redesign .dropdown {
		 justify-content: center;
	}
}
 #footer-redesign .dropdown button.btn-highlighted {
	 -webkit-background-clip: unset;
	 -webkit-text-fill-color: unset;
	 background: #fff;
	 font-weight: 600;
	 border: 1px solid #000;
	 color: #000;
}
 #footer-redesign .dropdown button.btn-highlighted:hover, #footer-redesign .dropdown button.btn-highlighted:focus {
	 border: 1px solid #333;
}
 #footer-redesign .copy .container .row {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
	 font-size: 14px;
	 font-weight: 600;
	 opacity: 0.8;
	 margin-top: 1.5rem;
}
 #footer-redesign .copy .container .row p.cookies {
	 text-align: center;
	 font-size: 11px;
	 font-weight: normal;
	 opacity: 0.8;
}
 #footer-redesign .copy .container .row p.cookies a {
	 font-weight: bold;
}
 #footer-redesign .copy .container .row p.cookies a:hover {
	 color: #ffd700;
}
#footer-redesign a{
	text-decoration:  none;
}