:root {
  /* colors */
  --white-color: #fff !important;
  --blue-color: #1596dd;
  --gray-color: #f2f5f7;
  --dark-blue-color: #132a40;
  --dark-blue-color-easy: #132a40bd;
  --gradient: linear-gradient(
    180deg,
    #33bae7 0,
    var(--blue-color) 40%,
    var(--blue-color) 60%,
    #33bae7 100%
  );
  --gradient-webkit: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#33bae7),
    color-stop(40%, var(--blue-color)),
    color-stop(60%, var(--blue-color)),
    to(#33bae7)
  );
  --purple-color: #4054b2;
  /* border-radius */
  --rounded-smallest: 5px;
  --rounded-small: 6px;
  --rounded-small-2: 8px;
  --rounded-small-3: 10px;
  --rounded-md: 12px;
  --rounded-large: 20px;
  --rounded-xl: 30px;
  --rounded-2xl: 50px;
  --rounded-half: 50%;
  /* border */
  --border-sm: 1px;
  --border-mg: 2px;
  --border-lg: 3px;
  /* margin and padding */
  --blog-card-padding-top: 50px;
  --padding-bottom: 50px;
  --smallest-margin-bottom: 10px;
  --small-margin-bottom: 15px;
  --md-margin-bottom: 20px;
  --prelg-margin-bottom: 25px;
  --lg-margin-bottom: 30px;
  --xl-margin-bottom: 35px;
  --xl-margin-bottom-2: 40px;
  --xl-margin-bottom-3: 40px;
  --xx-margin-bottom: 70px;
  --xx-margin-bottom-2: 75px;
  --big-margin-bottom: 100px;
  --smallest-margin-top: 15px;
  --sm-margin-top: 20px;
  --sm-margin-top-2: 25px;
  --md-margin-top: 30px;
  --lg-margin-top: 40px;
  --xl-margin-top: 50px;
  --xl-margin-top-2: 55px;
  --xl-margin-top-3: 75px;
  --big-margin-tom: 100px;
  --biggest-margin-top: 170px;
  --margin-auto: 0px auto;
  --margin-auto-2: 20px auto;
  --margin-auto-3: 50px auto;
  --margin-y: 20px 0;
  --blue-card-margin: 140px auto 70px;
  --breadcrams-margin: -20px 0 20px 0;
  --search-margin: 20px auto 40px auto;
  /* -------------- */
  --red-outline-padding: 8px 55px;
  --white-link-padding: 12px 38.275px;
  --search-output-padding: 10px;
  --blue-card-padding: 72px 20px;
  --default-padding: 0 20px;
  --comments-paffing: 12px 20px 11px;
}