@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --navy: #232323;
    --navy-2: #2f2f2f;

    --green: #d0aa66;
    --green-dark: #b98f4f;
    --gold: #d0aa66;

    --text: #232323;
    --muted: #706b64 !important;

    --line: #e7ded1;

    --soft: #f8f5f0;
    --soft-2: #f1ece5;

    --white: #ffffff;

    --shadow:
        0 18px 50px rgba(35, 35, 35, 0.08);

    --shadow-lg:
        0 28px 80px rgba(35, 35, 35, 0.14);

    --radius: 18px;

    --font-primary: "Montserrat", sans-serif !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}
.ipro-vakalat-landing {
    font-family: 'Montserrat', sans-serif !important;
}
html,
body {
    font-family: var(--font-primary);
}

body {
    margin: 0;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;

    font-family: "Montserrat", sans-serif;

    color: var(--text);

    background: #fff;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;
}

img {
    display: block;

    max-width: 100%;
}

a {
    color: inherit;

    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}

.container {
    width: min(1300px, calc(100% - 36px));

    margin-inline: auto;
}

      :root {
        --navy: #232323;
        --navy-2: #2f2f2f;
        --green: #d0aa66;
        --green-dark: #b98f4f;
        --gold: #d0aa66;
        --red: #d0aa66;
        --text: #232323;
        --muted: #706b64;
        --line: #e7ded1;
        --soft: #f8f5f0;
        --soft-2: #f1ece5;
        --white: #fff;
        --shadow: 0 18px 50px rgba(35, 35, 35, 0.08);
        --shadow-lg: 0 28px 80px rgba(35, 35, 35, 0.14);
        --radius: 18px;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        font-family: "Montserrat", sans-serif;
        color: var(--text);
        background: #fff;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
      }
      .color-black {
        color: #333 !important;
      }
      img {
        display: block;
        max-width: 100%;
      }
      a {
        text-decoration: none;
        color: inherit;
      }
      button,
      input,
      textarea {
        font: inherit;
      }

      .container {
        width: min(1300px, calc(100% - 36px));
        margin: auto;
      }

      .serif {
        font-family: "Montserrat", serif;
      }
      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 11px;
        border-radius: 999px;
        /* background:#F5E8D2; */
        color: #fff;
        border: 1px solid #e8d4b1;
        text-transform: uppercase;
        letter-spacing: 0.11em;
        font-size: 10px;
        /* font-weight:800; */
      }

      .section {
        padding: 92px 0;
      }

      .section-head {
        text-align: center;
        max-width: 760px;
        margin: 0 auto 42px;
      }
      .section-head h2 {
        margin: 14px 0 12px;
        font-family: "Montserrat", serif;
        font-size: clamp(34px, 4vw, 54px);
        line-height: 1.08;
        letter-spacing: -0.03em;
      }
      .section-head p {
        margin: 0;
        color: var(--muted);
        line-height: 1.75;
        font-size: 15px;
      }

      .btn {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 11px 18px;
        border-radius: 9px;
        border: 1px solid transparent;
        font-size: 14px;
        font-weight: 800;
        transition: 0.25s;
        cursor: pointer;
      }
      .btn:hover {
        transform: translateY(-2px);
      }
      .btn-primary {
        background: var(--red);
        color: #fff;
        box-shadow: 0 12px 26px rgba(143, 15, 36, 0.18);
      }
      .btn-navy {
        background: var(--navy);
        color: #fff;
      }
      .btn-outline {
        background: #fff;
        color: var(--navy);
        border-color: #d9d0c4;
      }
      .btn-green {
        background: var(--green);
        color: #fff;
      }
      .btn-gold {
        background: var(--gold);
        color: #231f18;
      }
/* =========================================================
   IPROVAKALAT — MONTSERRAT TYPOGRAPHY SYSTEM
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Base font */
.ipro-vakalat-landing {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
}

/* Everything inherits Montserrat */
.ipro-vakalat-landing *,
.ipro-vakalat-landing *::before,
.ipro-vakalat-landing *::after {
    font-family: inherit !important;
}


/* =========================================================
   HEADINGS — BOLD
========================================================= */

.ipro-vakalat-landing h1,
.ipro-vakalat-landing h2,
.ipro-vakalat-landing h3,
.ipro-vakalat-landing h4,
.ipro-vakalat-landing h5,
.ipro-vakalat-landing h6 {
    font-weight: 700 !important;
}

.ipro-vakalat-landing h1 *,
.ipro-vakalat-landing h2 *,
.ipro-vakalat-landing h3 *,
.ipro-vakalat-landing h4 *,
.ipro-vakalat-landing h5 *,
.ipro-vakalat-landing h6 * {
    font-weight: inherit !important;
}


/* =========================================================
   BUTTONS / NAVIGATION — BOLD
========================================================= */

.ipro-vakalat-landing button,
.ipro-vakalat-landing .btn,
.ipro-vakalat-landing .menu a,
.ipro-vakalat-landing nav a,
.ipro-vakalat-landing strong,
.ipro-vakalat-landing b {
    font-weight: 700 !important;
}


/* =========================================================
   BODY TEXT — REGULAR
========================================================= */

.ipro-vakalat-landing p,
.ipro-vakalat-landing li,
.ipro-vakalat-landing small,
.ipro-vakalat-landing blockquote {
    font-weight: 400;
}


/* =========================================================
   LABELS / EYEBROWS / UI TEXT
========================================================= */

.ipro-vakalat-landing .eyebrow,
.ipro-vakalat-landing .kicker,
.ipro-vakalat-landing label {
    font-weight: 600 !important;
}


/* =========================================================
   FORM ELEMENTS
========================================================= */

.ipro-vakalat-landing input,
.ipro-vakalat-landing textarea,
.ipro-vakalat-landing select,
.ipro-vakalat-landing option {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
}

@media (max-width: 700px) {
  .mobile-hidden {
    display: none !important;
  }
}
@media (max-width: 360px) {
  .mobile-hidden {
    display: none !important;
  }
}
@media (max-width: 412px) {
  .mobile-hidden {
    display: none !important;
  }
}