:root {
  /* div */
  --containerValue: 100%;
  --negativeMarginX: -0.75rem;
  --basePadding: 1.5rem;
  --bs-body-color: #323232;
  --bodyFont: 'Inter', sans-serif;
  --sliderFont: 'Montserrat';
  /* colors */
  /* old blu */
  /* --color_main: #2874a6; */
  --color_main: #3BA7DF;
  /*blu*/
  --color_secondary: #FFC300;
  /*orange*/
  --text: #323232;
  --black: #000;
  --white: #FFFFFF;
  /* --grey: #999999; */
  --grey: #EAEAEA;
  --gray_dark: #666;
  --grey_light: #F7F7F7;
  --grey_fake: #EEEEEf;
  /* --green: #A0BF38; */
  --green: #ACD945;
  --green_dark: #95c229;
  --lightblue: #68A7DD;
  --lightblue_light: #D5F1FF;
  --lightblue_light2: #ADDDF5;
  --pink: #FFC8CC;
  --orange: #CC5A1C;
  /* fonts */
  --serif: 'Times New Roman';
  --sans-serif: 'Roboto';
  /* --border_radius: 2rem; */
  --border_radius: 30px;
  /* --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e); */
  --bs-accordion-btn-icon: url(data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.13184%2013.6999C0.415341%2014.1199%200.169501%2015.03%200.583213%2015.75C0.996926%2016.47%201.9143%2016.71%202.6308%2016.3L1.13184%2013.6999ZM20.6373%205.38999C20.8521%204.58999%2020.3775%203.77002%2019.578%203.55002L6.54709%200.0600314C5.74764%20-0.159969%204.92518%200.319968%204.71133%201.11997C4.49648%201.91997%204.97121%202.73992%205.77065%202.94992L17.3535%206.06003L14.2507%2017.6499C14.0359%2018.4499%2014.5105%2019.27%2015.31%2019.49C16.1094%2019.7%2016.9319%2019.2299%2017.1457%2018.4299L20.6373%205.38999ZM2.6308%2016.3L19.9398%206.30002L18.4408%203.69992L1.13184%2013.6999L2.6308%2016.3Z%22%20fill%3D%22%23323232%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
  --negativeMarginX: -0.75rem;
  --positiveMarginX: 0.75rem;
  --facebook: #3b5998;
  --instagram: #FF7C5A;
  --youtube: #cd201f;
  --linkedin: #0077b5;
}

@media screen and (min-width: 1400px) {
  :root {
    --containerValue: calc(1320px - var(--basePadding));
    --negativeMarginX: calc((var(--viewportWidth) - var(--containerValue)) / -2);
    --positiveMarginX: calc(-1*var(--negativeMarginX));
  }
}