//Font


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&display=swap');



$font-outfit: "Outfit", sans-serif;
$font-dmsans: "DM Sans", sans-serif;

//Color
$color-white: #fff;
$color-black: #212529;
$color-primary: #197bff;
$color-secoundary: #11ce8e;
$color-orange: #ff6347;
$color-text: #6b7483;
$color-border: #e7e6e6;
$gradient: var(
  --Gradiant,
  linear-gradient(71deg, #217bfe 27.31%, #11ce8e 69.17%)
);

// text color
.cl-gradient {
  background: var(
    --Gradiant,
    linear-gradient(71deg, #217bfe 27.31%, #11ce8e 69.17%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cl-primary {
  color: $color-primary;
}
.cl-secoundary {
  color: $color-secoundary;
}
.cl-orange {
  color: $color-orange;
}
.cl-text {
  color: $color-text;
}
.cl-white {
  color: $color-white;
}
.cl-black {
  color: $color-black;
}
.cl-orange {
  color: $color-orange;
}
.cl-primary {
  color: $color-primary;
}
.cl-secondary {
  color: $color-secoundary;
}

.bg_orange {
  background: $color-orange;
}
.bg_secondary {
  background: $color-secoundary;
}
.bg_primary {
  background: $color-primary;
}

// ==== bg color =======
.bg_primary {
  background: $color-primary;
}
.bg_secoundary {
  background: $color-secoundary;
}
.bg_orange {
  background: $color-orange;
}

//Media Query
$max1920: "only screen and (max-width: 1920px)";
// $max1850: "only screen and (max-width: 1850px)";
$max1800: "only screen and (max-width: 1800px)";
// $max1760: "only screen and (max-width: 1760px)";
$max1650: "only screen and (max-width: 1650px)";
$max1399: "only screen and (max-width: 1399.98px)";
$max1366: "only screen and (max-width: 1366px)";
$max1280: "only screen and (max-width: 1280px)";
$max1199: "only screen and (max-width: 1199.98px)";
$max991: "only screen and (max-width: 991.98px)";
$max767: "only screen and (max-width: 767.98px)";
$max575: "only screen and (max-width: 575.98px)";
$max480: "only screen and (max-width: 480px)";
$max374: "only screen and (max-width: 374.98px)";