/* Articulat CF - Heavy */
@font-face {
  font-family: "Articulat CF";
  src: url("./fonts/ArticulatCF/ArticulatCF-Heavy.eot");
  src: url("./fonts/ArticulatCF/ArticulatCF-Heavy.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/ArticulatCF/ArticulatCF-Heavy.woff2") format("woff2"),
    url("./fonts/ArticulatCF/ArticulatCF-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Articulat CF - Medium */
@font-face {
  font-family: "Articulat CF";
  src: url("./fonts/ArticulatCF/ArticulatCF-Medium.eot");
  src: url("./fonts/ArticulatCF/ArticulatCF-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/ArticulatCF/ArticulatCF-Medium.woff2") format("woff2"),
    url("./fonts/ArticulatCF/ArticulatCF-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Articulat CF - Regular */
@font-face {
  font-family: "Articulat CF";
  src: url("./fonts/ArticulatCF/ArticulatCF-Regular.eot");
  src: url("./fonts/ArticulatCF/ArticulatCF-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/ArticulatCF/ArticulatCF-Regular.woff2") format("woff2"),
    url("./fonts/ArticulatCF/ArticulatCF-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Articulat CF - Light */
@font-face {
  font-family: "Articulat CF";
  src: url("./fonts/ArticulatCF/ArticulatCF-Light.eot");
  src: url("./fonts/ArticulatCF/ArticulatCF-Light.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/ArticulatCF/ArticulatCF-Light.woff2") format("woff2"),
    url("./fonts/ArticulatCF/ArticulatCF-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Articulat CF - Bold */
@font-face {
  font-family: "Articulat CF";
  src: url("./fonts/ArticulatCF/ArticulatCF-Bold.eot");
  src: url("./fonts/ArticulatCF/ArticulatCF-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/ArticulatCF/ArticulatCF-Bold.woff2") format("woff2"),
    url("./fonts/ArticulatCF/ArticulatCF-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Articulat CF - Thin */
@font-face {
  font-family: "Articulat CF";
  src: url("./fonts/ArticulatCF/ArticulatCF-Thin.eot");
  src: url("./fonts/ArticulatCF/ArticulatCF-Thin.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/ArticulatCF/ArticulatCF-Thin.woff2") format("woff2"),
    url("./fonts/ArticulatCF/ArticulatCF-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Articulat CF - DemiBold */
@font-face {
  font-family: "Articulat CF Demi";
  src: url("./fonts/ArticulatCF/ArticulatCF-DemiBold.eot");
  src: url("./fonts/ArticulatCF/ArticulatCF-DemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/ArticulatCF/ArticulatCF-DemiBold.woff2") format("woff2"),
    url("./fonts/ArticulatCF/ArticulatCF-DemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Articulat CF - ExtraLight */
@font-face {
  font-family: "Articulat CF Extra";
  src: url("./fonts/ArticulatCF/ArticulatCF-ExtraLight.eot");

  src: url("./fonts/ArticulatCF/ArticulatCF-ExtraLight.eot");
  src: url("./fonts/ArticulatCF/ArticulatCF-ExtraLight.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/ArticulatCF/ArticulatCF-ExtraLight.woff2") format("woff2"),
    url("./fonts/ArticulatCF/ArticulatCF-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Articulat CF - ExtraBold */
@font-face {
  font-family: "Articulat CF Extra";
  src: url("./fonts/ArticulatCF/ArticulatCF-ExtraBold.eot");
  src: url("./fonts/ArticulatCF/ArticulatCF-ExtraBold.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/ArticulatCF/ArticulatCF-ExtraBold.woff2") format("woff2"),
    url("./fonts/ArticulatCF/ArticulatCF-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto/Roboto-Regular.woff2") format("woff2"),
    url("./assets/fonts/Roboto/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto/Roboto-Italic.woff2") format("woff2"),
    url("./assets/fonts/Roboto/Roboto-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
.border-radius-12-border-6-white {
  border-radius: 12px;
  border: 6px solid white;
}

.text-linear {
  background: var(--Linear, linear-gradient(180deg, #fe5455 0%, #a3211b 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.reliability .right {
  max-width: clamp(26.25rem, -2.9167rem + 38.8889vw, 43.75rem);
  width: 100%;
  order: 1;
}
.reliability .row {
  gap: 2rem;
  width: 100%;
  margin: 0 auto;
}
.reliability .right h3 {
  font-size: clamp(2.25rem, 1.0833rem + 2.4306vw, 4rem);
  font-style: normal;
  font-weight: 700;
  line-height: 111.1%; /* 71.104px */
  letter-spacing: -1.28px;
  text-transform: capitalize;
  color: #1f2024;
}

.reliability .right p {
  color: #212225;
  font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem);
  font-style: normal;
  font-weight: 400;
  line-height: 144%; /* 28.8px */
  font-family: "Articulat CF";
}

.reliability .left {
  max-width: clamp(30.625rem, 19.1667rem + 15.2778vw, 37.5rem);
  width: 100%;
  text-align: center;
  order: 2;
}

.reliability .left img {
  width: 100%;
  border-radius: 39.66px;
}
.become-member-new {
  position: relative;
  background-color: #1d88d0;
  min-height: 820px;
}

.become-member-new .top-cont {
  padding-top: clamp(3.125rem, 1.0417rem + 4.3403vw, 6.25rem);
  padding-bottom: clamp(3.125rem, 1.0417rem + 4.3403vw, 6.25rem);
}

.become-member-new .top-cont .inner-cont {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.become-member-new .top-cont .inner-cont .ttitle {
  color: var(--White, #fff);
  font-family: "El Messiri";
  font-size: clamp(2.125rem, 0.875rem + 2.6042vw, 4rem);
  font-style: normal;
  font-weight: 700;
  line-height: 111.1%;
  /* 71.104px */
  letter-spacing: -1.28px;
  max-width: 813.875px;
  width: 100%;
  margin: 0;
}

.become-member-new .top-cont .inner-cont .ddesc {
  color: var(--White, #fff);
  font-family: "Articulat CF";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 134.1%;
  /* 32.184px */
  margin: 0;
}

.become-member-new .top-cont .inner-cont ul {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  margin: 0;
  padding: 0;
}

.become-member-new .top-cont .inner-cont ul li {
  width: calc(50% - 40px);
  display: flex;
  align-items: center;
  gap: 35px;
  color: white;
  font-family: "Articulat CF";
}

.become-member-new .top-cont .inner-cont ul li picture {
  max-width: clamp(2.8125rem, 2.3958rem + 0.8681vw, 3.4375rem) !important;
  width: 100%;
}

.become-member-new .top-cont .inner-cont ul li picture img {
  width: 100%;
  flex-shrink: 0;
}

.become-member-new .top-cont .inner-cont ul li h4 {
  font-size: clamp(1.5rem, 1rem + 1.0417vw, 2.25rem);

  font-style: normal;
  font-weight: 700;
  line-height: 111.1%;
  /* 39.996px */
  letter-spacing: -0.72px;
  margin: 0;
}

.become-member-new .top-cont .inner-cont ul li p {
  margin: 0;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 161.6%;
  /* 29.088px */
}

.grp-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.grp-btn a {
  width: 207px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Articulat CF";
  color: var(--White, #fff);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
  text-decoration: none;
}

.grp-btn a:first-child {
  background: var(--Dark-Grey, #1f2024);
}

.grp-btn a:hover:first-child {
  opacity: 0.8;
}

.grp-btn a:last-child {
  background: var(--Linear, linear-gradient(180deg, #fe5455 0%, #a3211b 100%));
  transition: all 0.3s;
}

.grp-btn a:hover:last-child {
  background: white;
  border: 2px solid #fe5455;
  color: #fe5455;
}

.become-member-new .bottom-cont {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #1d1d1d;
}

.become-member-new .bottom-cont .ccontent {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}

.become-member-new .bottom-cont .ccontent h3 {
  color: #fff;
  font-family: "El Messiri";
  font-size: clamp(2.125rem, 0.875rem + 2.6042vw, 4rem);
  font-style: normal;
  font-weight: 700;
  line-height: 111.1%;
  /* 71.104px */
  letter-spacing: -1.28px;
}

.become-member-new .bottom-cont .ccontent .signature {
  max-width: clamp(15rem, 12.7083rem + 4.7743vw, 18.4375rem) !important;
  width: 100%;
}

.become-member-new .bottom-cont .ccontent .signature img {
  width: 100%;
}

.become-member-new .bottom-cont .ccontent a {
  position: relative;
}

.become-member-new .bottom-cont .ccontent a .owner {
  border-radius: clamp(0.9375rem, 0.3125rem + 1.3021vw, 1.875rem);
  border: 4px solid #fe5455;
  overflow: hidden;
  max-width: 940px;
  width: 100%;
}

.icon-new {
  max-width: 120px !important;
  height: 120px;
  width: 100%;
  margin-top: 1.25rem;
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
.icon-new img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.row.same-height> div {
    min-height: 122px !important;
}
.card-deck > .custom-card {
    align-items: flex-end;
     box-shadow: 0 5px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
  .reliability .right,
  .reliability .left {
    max-width: unset;
    order: unset;
  }
  .become-member-new .top-cont .inner-cont ul li {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .grp-btn a {
    width: 100%;
  }
}
.range_section .card-body {
    background: hsl(0deg 0% 0% / 10%) !important;
}