/* Auto generated from Theme Settings Panel. Do not edit manually. */
:root {
  --font: "Quicksand", sans-serif;
  --font2: "Manrope", sans-serif;

  --pri: #D01E23;
  --sec: #1D1F22;
  --text-color: #1E2023;
  --text-muted: #8d9eb5;
  --text-light: #8c8c8c;
  --para-color: #545454;
  --border-color: #e3e3e3;
  --white: #ffffff;
  --off-white: #f4f4f4;
  --deep-black: #000;
  --black: #212529;

  --pri-rgb: 12, 26, 228;
  --sec-rgb: 8, 33, 45;

  --bs-primary: #0082ff;
  --bs-success: #03b562;
  --bs-info: #0fbcf9;
  --bs-warning: var(--pri);
  --bs-danger: #dc3545;
  --bs-primary-rgb: 0, 130, 255;
  --bs-success-rgb: 3, 181, 98;
  --bs-info-rgb: 15, 188, 249;
  --bs-warning-rgb: 12, 26, 228;
  --bs-danger-rgb: 220, 53, 69;

  --body-size: 14px;
  --paragraph-size: 14px;
  --section-title-size: 30px;
  --content-h1-size: 25px;
  --content-h2-size: 20px;
  --content-h4-size: 18px;
  --button-size: 14px;
  --menu-size: 14px;
  --footer-title-size: 20px;

  --section-padding: 60px;
  --section-padding-mobile: 35px;
  --container-width: 1350px;
  --button-radius: 12px;
  --card-radius: 8px;
  --banner-radius: 20px;
  --form-radius: 4px;
}

body {
  font-size: var(--body-size);
  font-family: var(--font2);
  color: var(--para-color);
}

p {
  font-size: var(--paragraph-size);
}

.head-sec .tt {
  font-size: var(--section-title-size);
}

.content-sec h1 {
  font-size: var(--content-h1-size);
}

.content-sec h2,
.content-sec h3,
.content-sec .tt {
  font-size: var(--content-h2-size);
}

.content-sec h4,
.content-sec h5,
.content-sec h6 {
  font-size: var(--content-h4-size);
}

.main-btn,
.w-btn {
  font-size: var(--button-size);
  border-radius: var(--button-radius);
}

.navigation .menu-list > li > a {
  font-size: var(--menu-size);
}

.ft-bx .ft-tt {
  font-size: var(--footer-title-size);
}

.form-control,
.form-select,
.SumoSelect > .CaptionCont {
  border-radius: var(--form-radius);
}

.lead-sure-section,
.market-sec {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}

@media (min-width: 1400px) {
  .container {
    max-width: var(--container-width);
  }
}

.blog-bx,
.feat-icon-bx,
.contact-container,
.table-of-con,
.abt-vid-bx,
.reels-vid,
.contactBx-container,
.custom-from-row {
  border-radius: var(--card-radius);
}


@media (max-width: 480px) {
  .lead-sure-section,
  .market-sec {
    padding-top: var(--section-padding-mobile);
    padding-bottom: var(--section-padding-mobile);
  }
}