/* Custom Code css */

@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital@0;1&display=swap");

:root {
  --white: #ffffff;

  --border: #cac4d0;

  --primary-color: #ed1c24;

  --text-hover: #ed1c24;

  --text-color: #121212;

  --sub-bg-color: #f6f3f0;

  --bg-color: #ffffff;

  --ff-instrument: "Instrument Sans", sans-serif;
}

body {
  position: relative;

  font-size: 16px;

  font-weight: 400;

  color: var(--text-color);

  background-color: var(--bg-color);

  font-family: var(--ff-instrument);

  box-sizing: border-box;
  padding-top: 108px;
}

.Instrument_Serif {
  font-family: "Instrument Serif", serif;
}

.container {
  width: 100%;

  max-width: 1920px;

  /* max-width: 100%; */

  margin-left: auto;

  margin-right: auto;

  padding-left: 80px;

  padding-right: 80px;

  box-sizing: border-box;
}

.sectionWidth {
  width: 100%;

  max-width: 1187px;

  margin-left: auto;

  margin-right: auto;
}

.sectionPadding {
  padding-top: 70px;

  padding-bottom: 70px;
}

iframe,
video,
img {
  max-width: 100%;
}

button,
a {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

h1 {
  font-size: clamp(30px, 4vw, 55px);
}

h2 {
  font-size: clamp(28px, 4vw, 40px);
  /* font-size: clamp(28px, 4vw, 45px); */
}
h2 > span {
  font-size: clamp(32px, 5vw, 45px);
}

h3 {
  font-size: clamp(18px, 2.5vw, 26px);
}

h4 {
  font-size: clamp(18px, 3.5vw, 22px);
}

h5 {
  font-size: clamp(16px, 2vw, 18px);
}

h6 {
  font-size: 16px;
}

/* -------- ------------------------------------------

             social icon hover color Css Start 

 ---------- ------------------------------------------*/

.social_icon {
  transition: filter 0.3s ease;
}

.social_link:hover .social_icon {
  filter: brightness(0) saturate(100%) invert(31%) sepia(100%) saturate(5000%)
    hue-rotate(0deg);
}

/* -------- ------------------------------------------

                  Scrollbar Hide Css Start 

 ---------- ------------------------------------------*/

.scrollbarHide::-webkit-scrollbar {
  display: none;
}

.scrollbarHide {
  -ms-overflow-style: none;

  scrollbar-width: none;
}

/* -------- ------------------------------------------

            Video play and full screen Css Start 

 ---------- ------------------------------------------*/

.videoPlayBtnWithFullScreen.active .videoContainer video {
  object-fit: contain;
}

/* Demo by Arif */

.ajax-loader {
  position: fixed;

  inset: 0;

  background: rgba(255, 255, 255, 0.9);

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9999;
}

.ajax-loader img {
  width: 120px;

  animation: zoomInOut 3s ease-in-out infinite;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);

    opacity: 0.7;
  }

  50% {
    transform: scale(1.25);

    opacity: 1;
  }

  100% {
    transform: scale(1);

    opacity: 0.7;
  }
}

.ForminatorcontactUsForm label.forminator-label {
  font-size: 16px !important;

  font-weight: 500 !important;

  margin-bottom: 8px !important;
}

.ForminatorcontactUsForm .forminator-field {
  width: 100%;
}

.ForminatorcontactUsForm input {
  width: 100%;

  min-height: 50px !important;

  padding: 15px !important;

  border: none !important;

  outline: none !important;

  background: #ffffff !important;
}

.ForminatorcontactUsForm .select2-selection.select2-selection--single {
  width: 100%;

  padding-left: 7px !important;

  padding-right: 7px !important;

  min-height: 50px !important;

  border: none !important;

  outline: none !important;

  background: #ffffff !important;
}

.ForminatorcontactUsForm #select-3,
.ForminatorcontactUsForm #select-4,
.ForminatorcontactUsForm #select-2,
.ForminatorcontactUsForm #date-1,
.ForminatorcontactUsForm #name-3,
.ForminatorProjectForm #select-1,
.ForminatorcontactUsForm #name-2,
.ForminatorcontactUsForm #text-1,
.ForminatorcontactUsForm #name-1,
.ForminatorcontactUsForm #email-1,
.ForminatorcontactUsForm #phone-1 {
  width: 48%;

  display: inline-flex;

  margin-bottom: 0;
}

.ForminatorcontactUsForm #select-4,
.ForminatorcontactUsForm #date-1,
.ForminatorProjectForm #select-1,
.ForminatorcontactUsForm #name-2,
.ForminatorcontactUsForm #text-1,
.ForminatorcontactUsForm #phone-1 {
  margin-left: 4%;
}

.ForminatorcontactUsForm #name-5,
.ForminatorcontactUsForm #name-6,
.ForminatorcontactUsForm #name-7 {
  width: 32%;

  display: inline-flex;

  margin-bottom: 0;
}

.ForminatorcontactUsForm #name-6,
.ForminatorcontactUsForm #name-7 {
  margin-left: 4%;
}

.ForminatorcontactUsForm
  .forminator-ui.forminator-design--default
  .forminator-textarea {
  width: 100%;

  padding: 15px !important;

  border: none !important;

  outline: none !important;

  background: #ffffff !important;
}

.ForminatorcontactUsFormMessage
  .forminator-ui.forminator-design--default
  .forminator-description,
.forminator-ui.forminator-design--default .forminator-description p {
  display: none !important;
}

.ForminatorcontactUsForm .forminator-button {
  font-size: 16px !important;

  font-weight: 500 !important;

  border: 1px solid #000 !important;

  border-radius: 8px !important;

  padding: 10px 19px !important;

  margin-top: 14px !important;

  box-shadow: none !important;

  transition: 0.4s !important;
}

.ForminatorcontactUsForm .forminator-button:hover {
  background-color: var(--primary-color) !important;

  border-color: var(--primary-color) !important;

  color: var(--white) !important;
}

.ForminatorcontactUsForm
  .forminator-ui.forminator-custom-form:not(
    .forminator-size--small
  )[data-grid="open"]
  .forminator-row,
.forminator-ui.forminator-custom-form:not(
    .forminator-size--small
  )[data-grid="open"]
  .forminator-row-inside {
  margin-right: 0 !important;

  margin-left: 0 !important;
}

.ForminatorcontactUsForm
  .forminator-ui.forminator-custom-form:not(
    .forminator-size--small
  )[data-grid="open"]
  .forminator-col {
  padding-left: 0 !important;

  padding-right: 0 !important;
}

.ForminatorcontactUsForm
  .forminator-ui.forminator-custom-form:not(
    .forminator-size--small
  )[data-grid="open"]
  .forminator-row-inside:not(:last-child),
.forminator-ui.forminator-custom-form:not(
    .forminator-size--small
  )[data-grid="open"]
  .forminator-row:not(:last-child) {
  margin-bottom: 20px !important;
}

.ForminatorProjectForm .forminator-title {
  font-size: 16px !important;

  font-weight: 500 !important;

  text-align: center !important;

  margin: 14px 0 !important;
}

.ForminatorProjectForm .horizontalLine {
  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;
}

.ForminatorProjectForm .horizontalLine::before,
.ForminatorProjectForm .horizontalLine::after {
  content: "";

  position: absolute;

  flex: 1;

  width: 34%;

  height: 1px;

  background: #a7a7a7;
}

.ForminatorProjectForm .horizontalLine::before {
  left: 0;
}

.ForminatorProjectForm .horizontalLine::after {
  right: 0;
}

.ForminatorProjectForm
  .forminator-ui#forminator-module-257.forminator-design--default
  .forminator-description,
.ForminatorProjectForm
  .forminator-ui#forminator-module-257.forminator-design--default
  .forminator-description
  p {
  font-size: 14px !important;

  font-style: italic !important;

  color: #979797e8 !important;

  margin-bottom: 8px;

  margin-top: -8px;
}

.ForminatorProjectForm .forminator-row-last .forminator-field {
  text-align: center;
}

.ForminatorProjectForm .forminator-button {
  margin-left: auto !important;

  margin-right: auto !important;
}

.forminator-ui.forminator-custom-form[data-design="default"]
  select.forminator-select2
  + .forminator-select
  .selection
  span[role="combobox"].select2-selection--multiple
  .select2-selection__arrow
  [class*="forminator-icon-"]:before,
.forminator-ui.forminator-custom-form[data-design="default"]
  select.forminator-select2
  + .forminator-select
  .selection
  span[role="combobox"].select2-selection--single
  .select2-selection__arrow
  [class*="forminator-icon-"]:before {
  display: block;

  color: #000 !important;
}

.forminator-select-dropdown-container--open
  .forminator-custom-form-156.forminator-dropdown--default,
.forminator-select-dropdown-container--open
  .forminator-custom-form-257.forminator-dropdown--default {
  background-color: var(--white) !important;
}

.forminator-select-dropdown-container--open
  .forminator-custom-form-257.forminator-dropdown--default,
.forminator-select-dropdown-container--open
  .forminator-custom-form-156.forminator-dropdown--default {
  border-color: #000 !important;
}

.forminator-select-dropdown-container--open
  .forminator-custom-form-257.forminator-dropdown--default
  .select2-results
  .select2-results__options
  .select2-results__option.select2-results__option--selected,
.forminator-select-dropdown-container--open
  .forminator-custom-form-257.forminator-dropdown--default
  .select2-results
  .select2-results__options
  .select2-results__option.select2-results__option--selected
  span:not(.forminator-checkbox-box),
.forminator-select-dropdown-container--open
  .forminator-custom-form-257.forminator-dropdown--default
  .select2-results
  .select2-results__options
  .select2-results__option:not(
    .select2-results__option--selected
  ).select2-results__option--highlighted,
.forminator-select-dropdown-container--open
  .forminator-custom-form-257.forminator-dropdown--default
  .select2-results
  .select2-results__options
  .select2-results__option:not(
    .select2-results__option--selected
  ).select2-results__option--highlighted
  span:not(.forminator-checkbox-box),
.forminator-select-dropdown-container--open
  .forminator-custom-form-156.forminator-dropdown--default
  .select2-results
  .select2-results__options
  .select2-results__option.select2-results__option--selected,
.forminator-select-dropdown-container--open
  .forminator-custom-form-156.forminator-dropdown--default
  .select2-results
  .select2-results__options
  .select2-results__option.select2-results__option--selected
  span:not(.forminator-checkbox-box) {
  background-color: var(--sub-bg-color) !important;

  color: var(--text-color) !important;
}

.forminator-select-dropdown-container--open
  .forminator-custom-form-257.forminator-dropdown--default
  .select2-results
  .select2-results__options
  .select2-results__option.select2-results__option--highlighted,
.forminator-select-dropdown-container--open
  .forminator-custom-form-156.forminator-dropdown--default
  .select2-results
  .select2-results__options
  .select2-results__option.select2-results__option--highlighted {
  outline: 1px solid var(--sub-bg-color) !important;

  outline-offset: -1px !important;
}

.ForminatorcontactUsForm #date-1 .forminator-icon-calendar {
  left: auto;

  right: 17px;
}

.ForminatorProjectForm {
  max-width: 745px;

  width: 100%;
}

.pagination {
  margin-top: 40px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.pagination li:not(:last-child) {
  margin-right: 8px;
}

.pagination a svg {
  height: 18px;

  width: 18px;
}

.pagination .link {
  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  min-width: 45px;

  width: 45px;

  height: 45px;

  background-color:;

  border-radius: 5px;

  cursor: pointer;

  border: 1px solid rgba(0, 0, 0, 0.5);
}

.pagination .current {
  background-color: var(--primary-color);

  border-color: var(--primary-color);

  color: var(--white);
}

.pagination .disabled,
.pagination .dot {
  cursor: not-allowed;

  pointer-events: none;
}

.pagination .disabled {
  opacity: 0.3;
}

@media (max-width: 1280px) {
  .container {
    padding-left: 50px;

    padding-right: 50px;
  }

  .sectionPadding {
    padding-top: 60px;

    padding-bottom: 60px;
  }
}

@media (max-width: 1024px) {
  .container {
    padding-left: 30px;

    padding-right: 30px;
  }

  .sectionPadding {
    padding-top: 50px;

    padding-bottom: 50px;
  }

  .ForminatorProjectForm {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 20px;

    padding-right: 20px;
  }

  .sectionPadding {
    padding-top: 40px;

    padding-bottom: 40px;
  }

  .ForminatorcontactUsForm #name-5,
  .ForminatorcontactUsForm #name-6,
  .ForminatorcontactUsForm #name-7,
  .ForminatorcontactUsForm #select-3,
  .ForminatorcontactUsForm #select-4,
  .ForminatorcontactUsForm #select-2,
  .ForminatorcontactUsForm #date-1,
  .ForminatorcontactUsForm #name-3,
  .ForminatorProjectForm #select-1,
  .ForminatorcontactUsForm #name-2,
  .ForminatorcontactUsForm #text-1,
  .ForminatorcontactUsForm #name-1,
  .ForminatorcontactUsForm #email-1,
  .ForminatorcontactUsForm #phone-1 {
    width: 100%;
  }

  .ForminatorcontactUsForm #name-6,
  .ForminatorcontactUsForm #name-7,
  .ForminatorcontactUsForm #select-4,
  .ForminatorcontactUsForm #date-1,
  .ForminatorProjectForm #select-1,
  .ForminatorcontactUsForm #name-2,
  .ForminatorcontactUsForm #text-1,
  .ForminatorcontactUsForm #phone-1 {
    margin-left: 0;

    margin-top: 20px;
  }
}

@media (max-width: 450px) {
  .container {
    padding-left: 16px;

    padding-right: 16px;
  }

  .ForminatorProjectForm .horizontalLine::before,
  .ForminatorProjectForm .horizontalLine::after {
    width: 24%;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  body {
    padding-top: 96.63px;
  }
}
@media (max-width: 639px) {
  body {
    padding-top: 91.05px;
  }
}
