.w_150 {
  width: 150px;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;

  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

/* ================= TEXT STYLE ================= */

.fs_32_fw_600 {
  font-family: Poppins;
  font-size: 32px;
  /* 👈 responsive */
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  /* 👈 responsive */
}

.fs_20_fw_500 {
  font-family: Poppins;
  font-size: 20px;
  /* 👈 responsive */
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
}

.fs_16_fw_400 {
  font-family: Poppins;
  font-size: 16px;
  /* 👈 responsive */
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.fw_400{
  font-weight: 400 !important;
}

.fs_18_fw_400 {
  font-family: Poppins;
  font-size: 18px;
  /* 👈 responsive */
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.fs_16_fw_600 {
  font-family: Poppins;
  font-size: 16px;
  /* 👈 responsive */
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}

.fs_16_fw_500 {
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.fs_14_fw_400 {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.italic_text_style {
  font-family: Poppins;
  font-size: 14px;
  /* 👈 responsive */
  font-style: italic;
  font-weight: 300;
  /* text-indent: 2px; */
}

.indent_0 {
  text-indent: 0px !important;
}

.indent_2 {
  text-indent: 2px !important;
}

.indent_5 {
  text-indent: 5px !important;
}

.indent_10 {
  text-indent: 10px !important;
}

/* ================= COLORS ================= */

.c_secondry {
  background: var(
    --New2,
    linear-gradient(
      180deg,
      #02161a 0%,
      #02161a 15%,
      #02161a 30%,
      #01283b 70%,
      #02344b 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c_1313 {
  color: #131313 !important;
}

.c_3614 {
  color: #364153 !important;
}

.c_3641 {
  color: #364153;
}

.c_2c2d {
  color: #2c2d2d !important;
}

.c_1314 {
  color: #131415 !important;
}

.c_3c3c {
  color: #3c3c3c !important;
}

.c_1b5b {
  color: #1b5b7e !important;
}

.c_007cba {
  color: #007cba !important;
}

.radius_24{
  border-radius: 24px !important;
}

.primary_linear_color {
  background: var(
    --Gradient,
    linear-gradient(180deg, #1b5b7e 0%, #105479 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*custom height  */
.h_75 {
  height: 75px !important;
  width: auto !important;
}
/* ================= BUTTON STYLE ================= */

.out_line_btn {
  display: flex;
  height: clamp(40px, 4vw, 48px);
  /* 👈 responsive */
  padding: clamp(10px, 1vw, 12px) clamp(15px, 3vw, 36px);
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--Primary, #1b5b7e);
  background: var(--White, #fff);

  color: var(--Primary, #1b5b7e);
  font-family: Poppins;
  font-size: 16px;
  /* 👈 responsive */
  font-weight: 500;
  transition: all 0.3s ease;
}

.out_line_btn:hover {
  background: var(--Primary, #1b5b7e);
  color: var(--White, #fff);
  transform: translateY(-2px);
}

.primary_btn {
  display: flex;
  padding: clamp(10px, 1vw, 12px) clamp(20px, 3vw, 35px);
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--Primary, #1b5b7e);

  color: var(--White, #fff);
  font-family: Poppins;
  font-size: 16px;
  /* 👈 responsive */
  font-weight: 500;
  transition: all 0.3s ease;
}

.book_btn {
  min-width: 220px;
  max-width: 100%;
  padding: 12px 32px;
  border-radius: 8px;
  background: var(--Primary, #1b5b7e);
  border: 1px solid var(--Primary, #1b5b7e);

  color: var(--White, #fff);
  text-overflow: ellipsis;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.3s ease;
}

.book_btn:hover {
  border: 1px solid var(--Primary, #1b5b7e);
  background-color: var(--White, #fff);
  color: var(--Primary, #1b5b7e);
  transform: translateY(-2px);
}

.primary_btn:hover {
  border: 1px solid var(--Primary, #1b5b7e);
  background-color: var(--White, #fff);
  color: var(--Primary, #1b5b7e);
  transform: translateY(-2px);
}

.secondry_btn {
  display: flex;
  padding: clamp(10px, 1vw, 12px) clamp(20px, 3vw, 35px);
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #fff;

  color: var(--Primary, #1b5b7e);
  font-family: Poppins;
  font-size: 16px;
  /* 👈 responsive */
  font-weight: 500;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.secondry_btn:hover {
  background: #f5f7fa;
  color: var(--Primary, #1b5b7e);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.bg_blue_light {
  background: var(--Blue_Light, #ddecff);
}

.gray_bg {
  display: flex;
  padding: 32px;
  flex-direction: column;
  background: #f9fafb;
  border-radius: 7px;
}

/* other css */

.bg_business_woman {
  background-image: url("/assets/images/others/bg__business-woman-start-up-small-business.png");
  background-repeat: no-repeat;
  background-size: cover;
  /* 👈 important */
  background-position: center;
  /* 👈 better alignment */

  min-height: clamp(280px, 40vw, 430px);
  /* 👈 responsive height */
  border-radius: 24px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery_card {
  width: 100%;
  height: 100%;
  min-height: 200px;
  border-radius: 10px;
  background: #fff;
  padding: 25px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px -1px rgba(0, 0, 0, 0.1);

  transition: all 0.3s ease;
  /* 👈 smooth hover */
  cursor: pointer;
}

.border_c_e3e3 {
  border: 1px solid #e3e3e3 !important;
}
.gallery_card.bg_f3f4 {
  background-color: #fef4ff !important;
}

.gallery_card.bg_f4f7 {
  background-color: #f4f7ff !important;
}

.gallery_card.bg_ffef {
  background-color: #ffefef !important;
}

.gallery_card.bg_f3fb {
  background-color: #f3fbff !important;
}

.gallery_card.bg_f3ff {
  background-color: #f3fffb !important;
}

.gallery_card:hover {
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.15),
    0 6px 6px rgba(0, 0, 0, 0.1);

  transform: translateY(-5px);
  /* 👈 better than margin */
}

.gallery_card .icon {
  width: clamp(50px, 6vw, 80px);
}

.gallery_card .title {
  color: #1b5b7e;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: none;
  /* 150% */
}

.gallery_card .description {
  color: var(--Label-text, #4a5565);
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

.footer_bg {
  display: flex;
  padding: clamp(40px, 6vw, 60px) clamp(10px, 2vw, 60px);
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background: var(--Primary, #1b5b7e);
}

.sec_chip {
  padding: 4px 16px;
  gap: 2px;
  text-align: center;
  border-radius: 36px;
  background: rgba(0, 124, 186, 0.1);
  box-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05);
  /* text style */
  color: var(--Theme, #007cba);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  /* 128.571% */
  /* text-transform: uppercase; */
}

.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

/* form style */
.book_demo_form .form-label {
  color: var(--Black-3, #3c3c3c);
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.book_demo_form input {
  padding: 12px 15px;

  border-radius: 8px;
  border: 1px solid var(--Grey, #afafaf);
  background: var(--White, #fff);
  /* text style */
  color: var(--Black-3, #3c3c3c);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.book_demo_form input::placeholder {
  color: var(--Black-3, #3c3c3c);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.6;
}

.book_demo_form .iti--separate-dial-code .iti__selected-flag {
  /* background-color: #f6f8fa; */
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.footer_bg .book_demo_form .form-label {
  text-overflow: ellipsis;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  color: #fff;
}

.footer_bg .book_demo_form input {
  padding: 12px 15px;
  border-radius: 8px;
  border: 1px solid var(--Screen-background, #f6f8fa);
  background: rgba(255, 255, 255, 0.4);
  /* text style */
  color: var(--Black-3, #fff);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer_bg .book_demo_form input::placeholder {
  color: var(--Black-3, #fff);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.8;
}

.footer_bg .book_demo_form .iti--separate-dial-code .iti__selected-flag {
  background: rgba(246, 248, 250, 0.4);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.footer_bg .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
  background: rgba(246, 248, 250, 0.4);

}

.footer_bg .book_btn {
  min-width: 220px;
  max-width: 100%;
  padding: 12px 32px;
  border-radius: 8px;
  background: var(--Primary, #fff);
  border: 1px solid var(--Primary, #fff);

  color: var(--White, #1b5b7e);
  text-overflow: ellipsis;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.3s ease;
}

.iti {
  width: 100%;
}

/* media responsive style */
@media (max-width: 576px) {
  /* Your CSS here */
}

@media (max-width: 768px) {
  /* Your CSS here */
  .px-32 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 992px) {
  /* Your CSS here */
}

@media (max-width: 992px) {
  /* Your CSS here */
  .px-32 {
    padding-left: 22px;
    padding-right: 22px;
  }
}