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

* {
  padding: 0;
  margin: 0;
  font-family: "DM Sans", sans-serif;
  box-sizing: border-box;
}
body {
  background-color: #f5f5f5;
}
a {
  text-decoration: none;
}
ul {
  list-style: none;
}

:root {
  --secondary-white: rgb(247, 247, 247);
  --primary-gray: #777777;
  --gray-white: rgba(238, 238, 238, 1);
  --primary-black: #333333;
  --primary-red: rgb(229, 0, 25);
  --primary-blue: #0699ec;
  --secondary-blue: #0670ec;
  --footer-blue: #095078;
  --footer-dark-blue: #063d5b;
  --footer-black: #111111;
  --dark-blue: rgba(18, 26, 80, 1);
  --brown: #bb5d5d;
  --orange: #fd7900;
  --violet: #4b56a5;
  --pink: #b83885;
  --green: #afb42b;

  --heading-font-weight: 700;
  --secondary-heading-font-weight: 600;
}

/* Colors  */
.bg-red {
  background-color: var(--primary-red) !important;
}

.bg-sec-white {
  background-color: var(--secondary-white) !important;
}
.bg-dark-blue {
  background-color: var(--dark-blue) !important;
}

.color-black {
  color: var(--primary-black);
}
.color-gray {
  color: var(--primary-gray);
}
.color-red {
  color: var(--primary-red);
}
.color-blue {
  color: var(--primary-blue);
}
.color-sec-blue {
  color: var(--secondary-blue);
}
.color-dark-blue {
  color: var(--dark-blue);
}
.color-yellow {
  color: yellow;
}

.wraper {
  width: 100%;
}
.max-container {
  max-width: 1200px;
  margin: auto;
  @media (width < 768px) and (width > 570px) {
    max-width: 90%;
  }
}
.max-w-100 {
  max-width: 100%;
}

.section-margin {
  margin: 3rem 0;
}

.mb-50 {
  margin-bottom: 100px;
}

.p-100 {
  padding: 100px 0;
  @media (width < 992px) {
    padding: 60px 0;
  }
}
.pt-100 {
  padding-top: 100px;
  @media (width < 992px) {
    padding-top: 60px;
  }
}
.pb-100 {
  padding-bottom: 100px;
  @media (width < 992px) {
    padding-bottom: 60px;
  }
}
.pl-100 {
  padding-left: 100px;
  @media (width < 992px) {
    padding-left: 60px;
  }
}
.pr-100 {
  padding-right: 100px;
  @media (width < 992px) {
    padding-right: 60px;
  }
}

.p-80 {
  padding: 80px 0;
}
.pt-80 {
  padding-top: 80px;
}
.pb-80 {
  padding-bottom: 80px;
}

.p-60 {
  padding: 60px 0;
}
.pt-60 {
  padding-top: 60px;
}
.pb-60 {
  padding-bottom: 60px;
}
.p-40 {
  padding: 40px 0;
}
.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}

.mt-200 {
  margin-top: 200px;
  /* @media (width < 992px) {
    padding-bottom: 60px;
  } */
}

.g-2rem {
  gap: 2rem;
}

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

.flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-align-start {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.flex-end {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
}

.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row-start {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 12px;
}
.flex-row-center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.flex-row-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 12px;
}
.flex-row-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.flex-v-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.align-center {
  display: flex;
  align-items: center;
}

.minus-index {
  z-index: -1 !important;
}

.min-h-800 {
  min-height: 800px;
}

/* TEXT */
.big-heading {
  font-size: 4rem;
  font-weight: 700;
  @media (width < 992px) {
    font-size: 3rem;
  }
}
.medium-big-heading {
  font-size: 3rem;
  font-weight: 600;
  @media (width < 992px) {
    font-size: 2.5rem;
  }
}
.medium-heading {
  font-size: 2rem;
  font-weight: 600;
  @media (width < 992px) {
    font-size: 1.7rem;
  }
}
.small-heading {
  font-size: 1.7rem;
  font-weight: 600;
  @media (width < 992px) {
  }
}

.text-grdiant-blue {
  background: linear-gradient(94.76deg, #118cd1 0%, #0b527a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-justify {
  text-align: justify;
}

/* Buttons */
.primary-btn {
  display: inline-block;
  padding: 10px 25px;
  font-weight: 500;
  transition: all 0.5s ease;
  text-decoration: none;
  color: black;
  background-color: white;
  &:hover {
    color: white;
    background-color: black;
  }
}
.black_btn {
  display: inline-block;
  padding: 10px 25px;
  font-weight: 500;
  transition: all 0.5s ease;
  text-decoration: none;
  color: white;
  background-color: black;
  &:hover {
    background-color: rgb(41, 41, 41);
  }
}

.btn-p {
  padding: 10px 15px;
}

/* TEXT */
.text-balance {
  text-wrap: balance;
}
.line_through {
  text-decoration: line-through;
}