*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
}

html, body {
  height: 100%;
}

a,
a:link,
a:link::after {
  text-decoration: unset;
}

input,
textarea {
  outline: none;
  border: none;
  background: none;
  resize: none;
}

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

button {
  outline: none;
  border: none;
  background: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

body {
  font-size: 100%;
  line-height: 1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
.border {
  border: 1px solid #dee2e6;
}
/* Colors */
/* Text Colors */
.text-dark {
  color: black !important;
}

/* Background Colors */
.bg-dark {
  background-color: black !important;
}

/* Border Colors */
.border-dark {
  border-color: black !important;
}

/* Text Colors */
.text-white {
  color: white !important;
}

/* Background Colors */
.bg-white {
  background-color: white !important;
}

/* Border Colors */
.border-white {
  border-color: white !important;
}

/* Text Colors */
.text-orange {
  color: #fb8d12 !important;
}

/* Background Colors */
.bg-orange {
  background-color: #fb8d12 !important;
}

/* Border Colors */
.border-orange {
  border-color: #fb8d12 !important;
}

/* Text Colors */
.text-lightOrange {
  color: #fff1e1 !important;
}

/* Background Colors */
.bg-lightOrange {
  background-color: #fff1e1 !important;
}

/* Border Colors */
.border-lightOrange {
  border-color: #fff1e1 !important;
}

/* Text Colors */
.text-primary {
  color: #225879 !important;
}

/* Background Colors */
.bg-primary {
  background-color: #225879 !important;
}

/* Border Colors */
.border-primary {
  border-color: #225879 !important;
}

/* Text Colors */
.text-ghost {
  color: #fbfbfb !important;
}

/* Background Colors */
.bg-ghost {
  background-color: #fbfbfb !important;
}

/* Border Colors */
.border-ghost {
  border-color: #fbfbfb !important;
}

/* Text Colors */
.text-dark-primary {
  color: #175176 !important;
}

/* Background Colors */
.bg-dark-primary {
  background-color: #175176 !important;
}

/* Border Colors */
.border-dark-primary {
  border-color: #175176 !important;
}

.text-start {
  text-align: start !important;
}

.text-center {
  text-align: center !important;
}

.text-end {
  text-align: end !important;
}

.text-justify {
  text-align: justify !important;
}

@media (min-width: 0) {
  .text-xs-start {
    text-align: start !important;
  }
}

@media (min-width: 576px) {
  .text-sm-start {
    text-align: start !important;
  }
}

@media (min-width: 768px) {
  .text-md-start {
    text-align: start !important;
  }
}

@media (min-width: 992px) {
  .text-lg-start {
    text-align: start !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-start {
    text-align: start !important;
  }
}

@media (min-width: 1400px) {
  .text-xxl-start {
    text-align: start !important;
  }
}

@media (min-width: 1600px) {
  .text-xxxl-start {
    text-align: start !important;
  }
}

@media (min-width: 0) {
  .text-xs-center {
    text-align: center !important;
  }
}

@media (min-width: 576px) {
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1600px) {
  .text-xxxl-center {
    text-align: center !important;
  }
}

@media (min-width: 0) {
  .text-xs-end {
    text-align: end !important;
  }
}

@media (min-width: 576px) {
  .text-sm-end {
    text-align: end !important;
  }
}

@media (min-width: 768px) {
  .text-md-end {
    text-align: end !important;
  }
}

@media (min-width: 992px) {
  .text-lg-end {
    text-align: end !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-end {
    text-align: end !important;
  }
}

@media (min-width: 1400px) {
  .text-xxl-end {
    text-align: end !important;
  }
}

@media (min-width: 1600px) {
  .text-xxxl-end {
    text-align: end !important;
  }
}

@media (min-width: 0) {
  .text-xs-justify {
    text-align: justify !important;
  }
}

@media (min-width: 576px) {
  .text-sm-justify {
    text-align: justify !important;
  }
}

@media (min-width: 768px) {
  .text-md-justify {
    text-align: justify !important;
  }
}

@media (min-width: 992px) {
  .text-lg-justify {
    text-align: justify !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-justify {
    text-align: justify !important;
  }
}

@media (min-width: 1400px) {
  .text-xxl-justify {
    text-align: justify !important;
  }
}

@media (min-width: 1600px) {
  .text-xxxl-justify {
    text-align: justify !important;
  }
}

/* Font Weights */
.font-300 {
  font-weight: 300;
}

.font-400 {
  font-weight: 400;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.font-700 {
  font-weight: 700;
}

.font-800 {
  font-weight: 800;
}

/* Font sizes */
.fs-12 {
  font-size: 12px;
  line-height: 14.4px;
}

.fs-14 {
  font-size: 14px;
  line-height: 16.8px;
}

.fs-16 {
  font-size: 16px;
  line-height: 19.2px;
}

.fs-18 {
  font-size: 18px;
  line-height: 21.6px;
}

.fs-20 {
  font-size: 20px;
  line-height: 24px;
}

.fs-22 {
  font-size: 22px;
  line-height: 26.4px;
}

.fs-24 {
  font-size: 24px;
  line-height: 28.8px;
}

.fs-26 {
  font-size: 26px;
  line-height: 31.2px;
}

.fs-28 {
  font-size: 28px;
  line-height: 33.6px;
}

.fs-30 {
  font-size: 30px;
  line-height: 36px;
}

.fs-32 {
  font-size: 32px;
  line-height: 38.4px;
}

.fs-34 {
  font-size: 34px;
  line-height: 40.8px;
}

.fs-36 {
  font-size: 36px;
  line-height: 43.2px;
}

.fs-38 {
  font-size: 38px;
  line-height: 45.6px;
}

.fs-40 {
  font-size: 40px;
  line-height: 48px;
}

.fs-42 {
  font-size: 42px;
  line-height: 50.4px;
}

.fs-44 {
  font-size: 44px;
  line-height: 52.8px;
}

.fs-46 {
  font-size: 46px;
  line-height: 55.2px;
}

.fs-60 {
  font-size: 60px;
  line-height: 72px;
}

.fs-56 {
  font-size: 56px;
  line-height: 67.2px;
}

@media (min-width: 0) {
  .fs-xs-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-xs-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-xs-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-xs-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-xs-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-xs-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-xs-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-xs-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-xs-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-xs-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-xs-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-xs-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-xs-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-xs-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-xs-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-xs-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-xs-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-xs-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-xs-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-xs-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 576px) {
  .fs-sm-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-sm-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-sm-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-sm-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-sm-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-sm-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-sm-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-sm-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-sm-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-sm-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-sm-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-sm-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-sm-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-sm-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-sm-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-sm-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-sm-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-sm-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-sm-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-sm-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 768px) {
  .fs-md-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-md-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-md-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-md-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-md-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-md-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-md-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-md-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-md-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-md-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-md-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-md-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-md-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-md-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-md-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-md-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-md-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-md-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-md-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-md-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 992px) {
  .fs-lg-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-lg-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-lg-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-lg-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-lg-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-lg-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-lg-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-lg-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-lg-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-lg-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-lg-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-lg-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-lg-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-lg-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-lg-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-lg-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-lg-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-lg-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-lg-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-lg-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 1200px) {
  .fs-xl-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-xl-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-xl-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-xl-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-xl-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-xl-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-xl-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-xl-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-xl-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-xl-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-xl-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-xl-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-xl-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-xl-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-xl-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-xl-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-xl-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-xl-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-xl-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-xl-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 1400px) {
  .fs-xxl-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-xxl-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-xxl-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-xxl-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-xxl-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-xxl-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-xxl-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-xxl-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-xxl-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-xxl-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-xxl-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-xxl-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-xxl-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-xxl-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-xxl-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-xxl-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-xxl-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-xxl-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-xxl-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-xxl-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
@media (min-width: 1600px) {
  .fs-xxxl-12 {
    font-size: 12px;
    line-height: 14.4px;
  }
  .fs-xxxl-14 {
    font-size: 14px;
    line-height: 16.8px;
  }
  .fs-xxxl-16 {
    font-size: 16px;
    line-height: 19.2px;
  }
  .fs-xxxl-18 {
    font-size: 18px;
    line-height: 21.6px;
  }
  .fs-xxxl-20 {
    font-size: 20px;
    line-height: 24px;
  }
  .fs-xxxl-22 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .fs-xxxl-24 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .fs-xxxl-26 {
    font-size: 26px;
    line-height: 31.2px;
  }
  .fs-xxxl-28 {
    font-size: 28px;
    line-height: 33.6px;
  }
  .fs-xxxl-30 {
    font-size: 30px;
    line-height: 36px;
  }
  .fs-xxxl-32 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .fs-xxxl-34 {
    font-size: 34px;
    line-height: 40.8px;
  }
  .fs-xxxl-36 {
    font-size: 36px;
    line-height: 43.2px;
  }
  .fs-xxxl-38 {
    font-size: 38px;
    line-height: 45.6px;
  }
  .fs-xxxl-40 {
    font-size: 40px;
    line-height: 48px;
  }
  .fs-xxxl-42 {
    font-size: 42px;
    line-height: 50.4px;
  }
  .fs-xxxl-44 {
    font-size: 44px;
    line-height: 52.8px;
  }
  .fs-xxxl-46 {
    font-size: 46px;
    line-height: 55.2px;
  }
  .fs-xxxl-60 {
    font-size: 60px;
    line-height: 72px;
  }
  .fs-xxxl-56 {
    font-size: 56px;
    line-height: 67.2px;
  }
}
/* Opacity */
.opacity-0 {
  opacity: .0;
}

.opacity-1 {
  opacity: .1;
}

.opacity-2 {
  opacity: .2;
}

.opacity-2 {
  opacity: .2;
}

.opacity-3 {
  opacity: .3;
}

.opacity-4 {
  opacity: .4;
}

.opacity-5 {
  opacity: .5;
}

.opacity-6 {
  opacity: .6;
}

.opacity-7 {
  opacity: .7;
}

.opacity-8 {
  opacity: .8;
}

.opacity-9 {
  opacity: .9;
}

/* Gaps sizes */
.gap-5 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-35 {
  gap: 35px;
}

.gap-40 {
  gap: 40px;
}

.gap-45 {
  gap: 45px;
}

.gap-50 {
  gap: 50px;
}

.gap-55 {
  gap: 55px;
}

@media (min-width: 0) {
  .gap-xs-5 {
    font-size: 5px;
  }
  .gap-xs-10 {
    font-size: 10px;
  }
  .gap-xs-15 {
    font-size: 15px;
  }
  .gap-xs-20 {
    font-size: 20px;
  }
  .gap-xs-25 {
    font-size: 25px;
  }
  .gap-xs-30 {
    font-size: 30px;
  }
  .gap-xs-35 {
    font-size: 35px;
  }
  .gap-xs-40 {
    font-size: 40px;
  }
  .gap-xs-45 {
    font-size: 45px;
  }
  .gap-xs-50 {
    font-size: 50px;
  }
  .gap-xs-55 {
    font-size: 55px;
  }
}
@media (min-width: 576px) {
  .gap-sm-5 {
    font-size: 5px;
  }
  .gap-sm-10 {
    font-size: 10px;
  }
  .gap-sm-15 {
    font-size: 15px;
  }
  .gap-sm-20 {
    font-size: 20px;
  }
  .gap-sm-25 {
    font-size: 25px;
  }
  .gap-sm-30 {
    font-size: 30px;
  }
  .gap-sm-35 {
    font-size: 35px;
  }
  .gap-sm-40 {
    font-size: 40px;
  }
  .gap-sm-45 {
    font-size: 45px;
  }
  .gap-sm-50 {
    font-size: 50px;
  }
  .gap-sm-55 {
    font-size: 55px;
  }
}
@media (min-width: 768px) {
  .gap-md-5 {
    font-size: 5px;
  }
  .gap-md-10 {
    font-size: 10px;
  }
  .gap-md-15 {
    font-size: 15px;
  }
  .gap-md-20 {
    font-size: 20px;
  }
  .gap-md-25 {
    font-size: 25px;
  }
  .gap-md-30 {
    font-size: 30px;
  }
  .gap-md-35 {
    font-size: 35px;
  }
  .gap-md-40 {
    font-size: 40px;
  }
  .gap-md-45 {
    font-size: 45px;
  }
  .gap-md-50 {
    font-size: 50px;
  }
  .gap-md-55 {
    font-size: 55px;
  }
}
@media (min-width: 992px) {
  .gap-lg-5 {
    font-size: 5px;
  }
  .gap-lg-10 {
    font-size: 10px;
  }
  .gap-lg-15 {
    font-size: 15px;
  }
  .gap-lg-20 {
    font-size: 20px;
  }
  .gap-lg-25 {
    font-size: 25px;
  }
  .gap-lg-30 {
    font-size: 30px;
  }
  .gap-lg-35 {
    font-size: 35px;
  }
  .gap-lg-40 {
    font-size: 40px;
  }
  .gap-lg-45 {
    font-size: 45px;
  }
  .gap-lg-50 {
    font-size: 50px;
  }
  .gap-lg-55 {
    font-size: 55px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-5 {
    font-size: 5px;
  }
  .gap-xl-10 {
    font-size: 10px;
  }
  .gap-xl-15 {
    font-size: 15px;
  }
  .gap-xl-20 {
    font-size: 20px;
  }
  .gap-xl-25 {
    font-size: 25px;
  }
  .gap-xl-30 {
    font-size: 30px;
  }
  .gap-xl-35 {
    font-size: 35px;
  }
  .gap-xl-40 {
    font-size: 40px;
  }
  .gap-xl-45 {
    font-size: 45px;
  }
  .gap-xl-50 {
    font-size: 50px;
  }
  .gap-xl-55 {
    font-size: 55px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-5 {
    font-size: 5px;
  }
  .gap-xxl-10 {
    font-size: 10px;
  }
  .gap-xxl-15 {
    font-size: 15px;
  }
  .gap-xxl-20 {
    font-size: 20px;
  }
  .gap-xxl-25 {
    font-size: 25px;
  }
  .gap-xxl-30 {
    font-size: 30px;
  }
  .gap-xxl-35 {
    font-size: 35px;
  }
  .gap-xxl-40 {
    font-size: 40px;
  }
  .gap-xxl-45 {
    font-size: 45px;
  }
  .gap-xxl-50 {
    font-size: 50px;
  }
  .gap-xxl-55 {
    font-size: 55px;
  }
}
@media (min-width: 1600px) {
  .gap-xxxl-5 {
    font-size: 5px;
  }
  .gap-xxxl-10 {
    font-size: 10px;
  }
  .gap-xxxl-15 {
    font-size: 15px;
  }
  .gap-xxxl-20 {
    font-size: 20px;
  }
  .gap-xxxl-25 {
    font-size: 25px;
  }
  .gap-xxxl-30 {
    font-size: 30px;
  }
  .gap-xxxl-35 {
    font-size: 35px;
  }
  .gap-xxxl-40 {
    font-size: 40px;
  }
  .gap-xxxl-45 {
    font-size: 45px;
  }
  .gap-xxxl-50 {
    font-size: 50px;
  }
  .gap-xxxl-55 {
    font-size: 55px;
  }
}
/* Borders */
.max-w-560 {
  width: 560px !important;
}

.max-w-660 {
  width: 660px !important;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.me-10 {
  margin-right: 10px;
}

.ms-10 {
  margin-left: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.ps-10 {
  padding-left: 10px;
}

.pe-10 {
  padding-right: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.me-20 {
  margin-right: 20px;
}

.ms-20 {
  margin-left: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.ps-20 {
  padding-left: 20px;
}

.pe-20 {
  padding-right: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.me-30 {
  margin-right: 30px;
}

.ms-30 {
  margin-left: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.ps-30 {
  padding-left: 30px;
}

.pe-30 {
  padding-right: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.me-40 {
  margin-right: 40px;
}

.ms-40 {
  margin-left: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.ps-40 {
  padding-left: 40px;
}

.pe-40 {
  padding-right: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.me-50 {
  margin-right: 50px;
}

.ms-50 {
  margin-left: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.ps-50 {
  padding-left: 50px;
}

.pe-50 {
  padding-right: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.me-60 {
  margin-right: 60px;
}

.ms-60 {
  margin-left: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.ps-60 {
  padding-left: 60px;
}

.pe-60 {
  padding-right: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.me-70 {
  margin-right: 70px;
}

.ms-70 {
  margin-left: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.ps-70 {
  padding-left: 70px;
}

.pe-70 {
  padding-right: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.me-80 {
  margin-right: 80px;
}

.ms-80 {
  margin-left: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.ps-80 {
  padding-left: 80px;
}

.pe-80 {
  padding-right: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.me-90 {
  margin-right: 90px;
}

.ms-90 {
  margin-left: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.ps-90 {
  padding-left: 90px;
}

.pe-90 {
  padding-right: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.me-100 {
  margin-right: 100px;
}

.ms-100 {
  margin-left: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.ps-100 {
  padding-left: 100px;
}

.pe-100 {
  padding-right: 100px;
}

.mt-150 {
  margin-top: 150px;
}

.mb-150 {
  margin-bottom: 150px;
}

.me-150 {
  margin-right: 150px;
}

.ms-150 {
  margin-left: 150px;
}

.pt-150 {
  padding-top: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.ps-150 {
  padding-left: 150px;
}

.pe-150 {
  padding-right: 150px;
}

@media (min-width: 0) {
  .mt-xs-10 {
    margin-top: 10px;
  }
  .mb-xs-10 {
    margin-bottom: 10px;
  }
  .ms-xs-10 {
    margin-left: 10px;
  }
  .me-xs-10 {
    margin-right: 10px;
  }
  .pt-xs-10 {
    padding-top: 10px;
  }
  .pb-xs-10 {
    padding-bottom: 10px;
  }
  .ps-xs-10 {
    padding-left: 10px;
  }
  .pe-xs-10 {
    padding-right: 10px;
  }
  .mt-xs-20 {
    margin-top: 20px;
  }
  .mb-xs-20 {
    margin-bottom: 20px;
  }
  .ms-xs-20 {
    margin-left: 20px;
  }
  .me-xs-20 {
    margin-right: 20px;
  }
  .pt-xs-20 {
    padding-top: 20px;
  }
  .pb-xs-20 {
    padding-bottom: 20px;
  }
  .ps-xs-20 {
    padding-left: 20px;
  }
  .pe-xs-20 {
    padding-right: 20px;
  }
  .mt-xs-30 {
    margin-top: 30px;
  }
  .mb-xs-30 {
    margin-bottom: 30px;
  }
  .ms-xs-30 {
    margin-left: 30px;
  }
  .me-xs-30 {
    margin-right: 30px;
  }
  .pt-xs-30 {
    padding-top: 30px;
  }
  .pb-xs-30 {
    padding-bottom: 30px;
  }
  .ps-xs-30 {
    padding-left: 30px;
  }
  .pe-xs-30 {
    padding-right: 30px;
  }
  .mt-xs-40 {
    margin-top: 40px;
  }
  .mb-xs-40 {
    margin-bottom: 40px;
  }
  .ms-xs-40 {
    margin-left: 40px;
  }
  .me-xs-40 {
    margin-right: 40px;
  }
  .pt-xs-40 {
    padding-top: 40px;
  }
  .pb-xs-40 {
    padding-bottom: 40px;
  }
  .ps-xs-40 {
    padding-left: 40px;
  }
  .pe-xs-40 {
    padding-right: 40px;
  }
  .mt-xs-50 {
    margin-top: 50px;
  }
  .mb-xs-50 {
    margin-bottom: 50px;
  }
  .ms-xs-50 {
    margin-left: 50px;
  }
  .me-xs-50 {
    margin-right: 50px;
  }
  .pt-xs-50 {
    padding-top: 50px;
  }
  .pb-xs-50 {
    padding-bottom: 50px;
  }
  .ps-xs-50 {
    padding-left: 50px;
  }
  .pe-xs-50 {
    padding-right: 50px;
  }
  .mt-xs-60 {
    margin-top: 60px;
  }
  .mb-xs-60 {
    margin-bottom: 60px;
  }
  .ms-xs-60 {
    margin-left: 60px;
  }
  .me-xs-60 {
    margin-right: 60px;
  }
  .pt-xs-60 {
    padding-top: 60px;
  }
  .pb-xs-60 {
    padding-bottom: 60px;
  }
  .ps-xs-60 {
    padding-left: 60px;
  }
  .pe-xs-60 {
    padding-right: 60px;
  }
  .mt-xs-70 {
    margin-top: 70px;
  }
  .mb-xs-70 {
    margin-bottom: 70px;
  }
  .ms-xs-70 {
    margin-left: 70px;
  }
  .me-xs-70 {
    margin-right: 70px;
  }
  .pt-xs-70 {
    padding-top: 70px;
  }
  .pb-xs-70 {
    padding-bottom: 70px;
  }
  .ps-xs-70 {
    padding-left: 70px;
  }
  .pe-xs-70 {
    padding-right: 70px;
  }
  .mt-xs-80 {
    margin-top: 80px;
  }
  .mb-xs-80 {
    margin-bottom: 80px;
  }
  .ms-xs-80 {
    margin-left: 80px;
  }
  .me-xs-80 {
    margin-right: 80px;
  }
  .pt-xs-80 {
    padding-top: 80px;
  }
  .pb-xs-80 {
    padding-bottom: 80px;
  }
  .ps-xs-80 {
    padding-left: 80px;
  }
  .pe-xs-80 {
    padding-right: 80px;
  }
  .mt-xs-90 {
    margin-top: 90px;
  }
  .mb-xs-90 {
    margin-bottom: 90px;
  }
  .ms-xs-90 {
    margin-left: 90px;
  }
  .me-xs-90 {
    margin-right: 90px;
  }
  .pt-xs-90 {
    padding-top: 90px;
  }
  .pb-xs-90 {
    padding-bottom: 90px;
  }
  .ps-xs-90 {
    padding-left: 90px;
  }
  .pe-xs-90 {
    padding-right: 90px;
  }
  .mt-xs-100 {
    margin-top: 100px;
  }
  .mb-xs-100 {
    margin-bottom: 100px;
  }
  .ms-xs-100 {
    margin-left: 100px;
  }
  .me-xs-100 {
    margin-right: 100px;
  }
  .pt-xs-100 {
    padding-top: 100px;
  }
  .pb-xs-100 {
    padding-bottom: 100px;
  }
  .ps-xs-100 {
    padding-left: 100px;
  }
  .pe-xs-100 {
    padding-right: 100px;
  }
  .mt-xs-150 {
    margin-top: 150px;
  }
  .mb-xs-150 {
    margin-bottom: 150px;
  }
  .ms-xs-150 {
    margin-left: 150px;
  }
  .me-xs-150 {
    margin-right: 150px;
  }
  .pt-xs-150 {
    padding-top: 150px;
  }
  .pb-xs-150 {
    padding-bottom: 150px;
  }
  .ps-xs-150 {
    padding-left: 150px;
  }
  .pe-xs-150 {
    padding-right: 150px;
  }
}
@media (min-width: 576px) {
  .mt-sm-10 {
    margin-top: 10px;
  }
  .mb-sm-10 {
    margin-bottom: 10px;
  }
  .ms-sm-10 {
    margin-left: 10px;
  }
  .me-sm-10 {
    margin-right: 10px;
  }
  .pt-sm-10 {
    padding-top: 10px;
  }
  .pb-sm-10 {
    padding-bottom: 10px;
  }
  .ps-sm-10 {
    padding-left: 10px;
  }
  .pe-sm-10 {
    padding-right: 10px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mb-sm-20 {
    margin-bottom: 20px;
  }
  .ms-sm-20 {
    margin-left: 20px;
  }
  .me-sm-20 {
    margin-right: 20px;
  }
  .pt-sm-20 {
    padding-top: 20px;
  }
  .pb-sm-20 {
    padding-bottom: 20px;
  }
  .ps-sm-20 {
    padding-left: 20px;
  }
  .pe-sm-20 {
    padding-right: 20px;
  }
  .mt-sm-30 {
    margin-top: 30px;
  }
  .mb-sm-30 {
    margin-bottom: 30px;
  }
  .ms-sm-30 {
    margin-left: 30px;
  }
  .me-sm-30 {
    margin-right: 30px;
  }
  .pt-sm-30 {
    padding-top: 30px;
  }
  .pb-sm-30 {
    padding-bottom: 30px;
  }
  .ps-sm-30 {
    padding-left: 30px;
  }
  .pe-sm-30 {
    padding-right: 30px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mb-sm-40 {
    margin-bottom: 40px;
  }
  .ms-sm-40 {
    margin-left: 40px;
  }
  .me-sm-40 {
    margin-right: 40px;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .ps-sm-40 {
    padding-left: 40px;
  }
  .pe-sm-40 {
    padding-right: 40px;
  }
  .mt-sm-50 {
    margin-top: 50px;
  }
  .mb-sm-50 {
    margin-bottom: 50px;
  }
  .ms-sm-50 {
    margin-left: 50px;
  }
  .me-sm-50 {
    margin-right: 50px;
  }
  .pt-sm-50 {
    padding-top: 50px;
  }
  .pb-sm-50 {
    padding-bottom: 50px;
  }
  .ps-sm-50 {
    padding-left: 50px;
  }
  .pe-sm-50 {
    padding-right: 50px;
  }
  .mt-sm-60 {
    margin-top: 60px;
  }
  .mb-sm-60 {
    margin-bottom: 60px;
  }
  .ms-sm-60 {
    margin-left: 60px;
  }
  .me-sm-60 {
    margin-right: 60px;
  }
  .pt-sm-60 {
    padding-top: 60px;
  }
  .pb-sm-60 {
    padding-bottom: 60px;
  }
  .ps-sm-60 {
    padding-left: 60px;
  }
  .pe-sm-60 {
    padding-right: 60px;
  }
  .mt-sm-70 {
    margin-top: 70px;
  }
  .mb-sm-70 {
    margin-bottom: 70px;
  }
  .ms-sm-70 {
    margin-left: 70px;
  }
  .me-sm-70 {
    margin-right: 70px;
  }
  .pt-sm-70 {
    padding-top: 70px;
  }
  .pb-sm-70 {
    padding-bottom: 70px;
  }
  .ps-sm-70 {
    padding-left: 70px;
  }
  .pe-sm-70 {
    padding-right: 70px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
  .ms-sm-80 {
    margin-left: 80px;
  }
  .me-sm-80 {
    margin-right: 80px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .ps-sm-80 {
    padding-left: 80px;
  }
  .pe-sm-80 {
    padding-right: 80px;
  }
  .mt-sm-90 {
    margin-top: 90px;
  }
  .mb-sm-90 {
    margin-bottom: 90px;
  }
  .ms-sm-90 {
    margin-left: 90px;
  }
  .me-sm-90 {
    margin-right: 90px;
  }
  .pt-sm-90 {
    padding-top: 90px;
  }
  .pb-sm-90 {
    padding-bottom: 90px;
  }
  .ps-sm-90 {
    padding-left: 90px;
  }
  .pe-sm-90 {
    padding-right: 90px;
  }
  .mt-sm-100 {
    margin-top: 100px;
  }
  .mb-sm-100 {
    margin-bottom: 100px;
  }
  .ms-sm-100 {
    margin-left: 100px;
  }
  .me-sm-100 {
    margin-right: 100px;
  }
  .pt-sm-100 {
    padding-top: 100px;
  }
  .pb-sm-100 {
    padding-bottom: 100px;
  }
  .ps-sm-100 {
    padding-left: 100px;
  }
  .pe-sm-100 {
    padding-right: 100px;
  }
  .mt-sm-150 {
    margin-top: 150px;
  }
  .mb-sm-150 {
    margin-bottom: 150px;
  }
  .ms-sm-150 {
    margin-left: 150px;
  }
  .me-sm-150 {
    margin-right: 150px;
  }
  .pt-sm-150 {
    padding-top: 150px;
  }
  .pb-sm-150 {
    padding-bottom: 150px;
  }
  .ps-sm-150 {
    padding-left: 150px;
  }
  .pe-sm-150 {
    padding-right: 150px;
  }
}
@media (min-width: 768px) {
  .mt-md-10 {
    margin-top: 10px;
  }
  .mb-md-10 {
    margin-bottom: 10px;
  }
  .ms-md-10 {
    margin-left: 10px;
  }
  .me-md-10 {
    margin-right: 10px;
  }
  .pt-md-10 {
    padding-top: 10px;
  }
  .pb-md-10 {
    padding-bottom: 10px;
  }
  .ps-md-10 {
    padding-left: 10px;
  }
  .pe-md-10 {
    padding-right: 10px;
  }
  .mt-md-20 {
    margin-top: 20px;
  }
  .mb-md-20 {
    margin-bottom: 20px;
  }
  .ms-md-20 {
    margin-left: 20px;
  }
  .me-md-20 {
    margin-right: 20px;
  }
  .pt-md-20 {
    padding-top: 20px;
  }
  .pb-md-20 {
    padding-bottom: 20px;
  }
  .ps-md-20 {
    padding-left: 20px;
  }
  .pe-md-20 {
    padding-right: 20px;
  }
  .mt-md-30 {
    margin-top: 30px;
  }
  .mb-md-30 {
    margin-bottom: 30px;
  }
  .ms-md-30 {
    margin-left: 30px;
  }
  .me-md-30 {
    margin-right: 30px;
  }
  .pt-md-30 {
    padding-top: 30px;
  }
  .pb-md-30 {
    padding-bottom: 30px;
  }
  .ps-md-30 {
    padding-left: 30px;
  }
  .pe-md-30 {
    padding-right: 30px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mb-md-40 {
    margin-bottom: 40px;
  }
  .ms-md-40 {
    margin-left: 40px;
  }
  .me-md-40 {
    margin-right: 40px;
  }
  .pt-md-40 {
    padding-top: 40px;
  }
  .pb-md-40 {
    padding-bottom: 40px;
  }
  .ps-md-40 {
    padding-left: 40px;
  }
  .pe-md-40 {
    padding-right: 40px;
  }
  .mt-md-50 {
    margin-top: 50px;
  }
  .mb-md-50 {
    margin-bottom: 50px;
  }
  .ms-md-50 {
    margin-left: 50px;
  }
  .me-md-50 {
    margin-right: 50px;
  }
  .pt-md-50 {
    padding-top: 50px;
  }
  .pb-md-50 {
    padding-bottom: 50px;
  }
  .ps-md-50 {
    padding-left: 50px;
  }
  .pe-md-50 {
    padding-right: 50px;
  }
  .mt-md-60 {
    margin-top: 60px;
  }
  .mb-md-60 {
    margin-bottom: 60px;
  }
  .ms-md-60 {
    margin-left: 60px;
  }
  .me-md-60 {
    margin-right: 60px;
  }
  .pt-md-60 {
    padding-top: 60px;
  }
  .pb-md-60 {
    padding-bottom: 60px;
  }
  .ps-md-60 {
    padding-left: 60px;
  }
  .pe-md-60 {
    padding-right: 60px;
  }
  .mt-md-70 {
    margin-top: 70px;
  }
  .mb-md-70 {
    margin-bottom: 70px;
  }
  .ms-md-70 {
    margin-left: 70px;
  }
  .me-md-70 {
    margin-right: 70px;
  }
  .pt-md-70 {
    padding-top: 70px;
  }
  .pb-md-70 {
    padding-bottom: 70px;
  }
  .ps-md-70 {
    padding-left: 70px;
  }
  .pe-md-70 {
    padding-right: 70px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mb-md-80 {
    margin-bottom: 80px;
  }
  .ms-md-80 {
    margin-left: 80px;
  }
  .me-md-80 {
    margin-right: 80px;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .ps-md-80 {
    padding-left: 80px;
  }
  .pe-md-80 {
    padding-right: 80px;
  }
  .mt-md-90 {
    margin-top: 90px;
  }
  .mb-md-90 {
    margin-bottom: 90px;
  }
  .ms-md-90 {
    margin-left: 90px;
  }
  .me-md-90 {
    margin-right: 90px;
  }
  .pt-md-90 {
    padding-top: 90px;
  }
  .pb-md-90 {
    padding-bottom: 90px;
  }
  .ps-md-90 {
    padding-left: 90px;
  }
  .pe-md-90 {
    padding-right: 90px;
  }
  .mt-md-100 {
    margin-top: 100px;
  }
  .mb-md-100 {
    margin-bottom: 100px;
  }
  .ms-md-100 {
    margin-left: 100px;
  }
  .me-md-100 {
    margin-right: 100px;
  }
  .pt-md-100 {
    padding-top: 100px;
  }
  .pb-md-100 {
    padding-bottom: 100px;
  }
  .ps-md-100 {
    padding-left: 100px;
  }
  .pe-md-100 {
    padding-right: 100px;
  }
  .mt-md-150 {
    margin-top: 150px;
  }
  .mb-md-150 {
    margin-bottom: 150px;
  }
  .ms-md-150 {
    margin-left: 150px;
  }
  .me-md-150 {
    margin-right: 150px;
  }
  .pt-md-150 {
    padding-top: 150px;
  }
  .pb-md-150 {
    padding-bottom: 150px;
  }
  .ps-md-150 {
    padding-left: 150px;
  }
  .pe-md-150 {
    padding-right: 150px;
  }
}
@media (min-width: 992px) {
  .mt-lg-10 {
    margin-top: 10px;
  }
  .mb-lg-10 {
    margin-bottom: 10px;
  }
  .ms-lg-10 {
    margin-left: 10px;
  }
  .me-lg-10 {
    margin-right: 10px;
  }
  .pt-lg-10 {
    padding-top: 10px;
  }
  .pb-lg-10 {
    padding-bottom: 10px;
  }
  .ps-lg-10 {
    padding-left: 10px;
  }
  .pe-lg-10 {
    padding-right: 10px;
  }
  .mt-lg-20 {
    margin-top: 20px;
  }
  .mb-lg-20 {
    margin-bottom: 20px;
  }
  .ms-lg-20 {
    margin-left: 20px;
  }
  .me-lg-20 {
    margin-right: 20px;
  }
  .pt-lg-20 {
    padding-top: 20px;
  }
  .pb-lg-20 {
    padding-bottom: 20px;
  }
  .ps-lg-20 {
    padding-left: 20px;
  }
  .pe-lg-20 {
    padding-right: 20px;
  }
  .mt-lg-30 {
    margin-top: 30px;
  }
  .mb-lg-30 {
    margin-bottom: 30px;
  }
  .ms-lg-30 {
    margin-left: 30px;
  }
  .me-lg-30 {
    margin-right: 30px;
  }
  .pt-lg-30 {
    padding-top: 30px;
  }
  .pb-lg-30 {
    padding-bottom: 30px;
  }
  .ps-lg-30 {
    padding-left: 30px;
  }
  .pe-lg-30 {
    padding-right: 30px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .mb-lg-40 {
    margin-bottom: 40px;
  }
  .ms-lg-40 {
    margin-left: 40px;
  }
  .me-lg-40 {
    margin-right: 40px;
  }
  .pt-lg-40 {
    padding-top: 40px;
  }
  .pb-lg-40 {
    padding-bottom: 40px;
  }
  .ps-lg-40 {
    padding-left: 40px;
  }
  .pe-lg-40 {
    padding-right: 40px;
  }
  .mt-lg-50 {
    margin-top: 50px;
  }
  .mb-lg-50 {
    margin-bottom: 50px;
  }
  .ms-lg-50 {
    margin-left: 50px;
  }
  .me-lg-50 {
    margin-right: 50px;
  }
  .pt-lg-50 {
    padding-top: 50px;
  }
  .pb-lg-50 {
    padding-bottom: 50px;
  }
  .ps-lg-50 {
    padding-left: 50px;
  }
  .pe-lg-50 {
    padding-right: 50px;
  }
  .mt-lg-60 {
    margin-top: 60px;
  }
  .mb-lg-60 {
    margin-bottom: 60px;
  }
  .ms-lg-60 {
    margin-left: 60px;
  }
  .me-lg-60 {
    margin-right: 60px;
  }
  .pt-lg-60 {
    padding-top: 60px;
  }
  .pb-lg-60 {
    padding-bottom: 60px;
  }
  .ps-lg-60 {
    padding-left: 60px;
  }
  .pe-lg-60 {
    padding-right: 60px;
  }
  .mt-lg-70 {
    margin-top: 70px;
  }
  .mb-lg-70 {
    margin-bottom: 70px;
  }
  .ms-lg-70 {
    margin-left: 70px;
  }
  .me-lg-70 {
    margin-right: 70px;
  }
  .pt-lg-70 {
    padding-top: 70px;
  }
  .pb-lg-70 {
    padding-bottom: 70px;
  }
  .ps-lg-70 {
    padding-left: 70px;
  }
  .pe-lg-70 {
    padding-right: 70px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mb-lg-80 {
    margin-bottom: 80px;
  }
  .ms-lg-80 {
    margin-left: 80px;
  }
  .me-lg-80 {
    margin-right: 80px;
  }
  .pt-lg-80 {
    padding-top: 80px;
  }
  .pb-lg-80 {
    padding-bottom: 80px;
  }
  .ps-lg-80 {
    padding-left: 80px;
  }
  .pe-lg-80 {
    padding-right: 80px;
  }
  .mt-lg-90 {
    margin-top: 90px;
  }
  .mb-lg-90 {
    margin-bottom: 90px;
  }
  .ms-lg-90 {
    margin-left: 90px;
  }
  .me-lg-90 {
    margin-right: 90px;
  }
  .pt-lg-90 {
    padding-top: 90px;
  }
  .pb-lg-90 {
    padding-bottom: 90px;
  }
  .ps-lg-90 {
    padding-left: 90px;
  }
  .pe-lg-90 {
    padding-right: 90px;
  }
  .mt-lg-100 {
    margin-top: 100px;
  }
  .mb-lg-100 {
    margin-bottom: 100px;
  }
  .ms-lg-100 {
    margin-left: 100px;
  }
  .me-lg-100 {
    margin-right: 100px;
  }
  .pt-lg-100 {
    padding-top: 100px;
  }
  .pb-lg-100 {
    padding-bottom: 100px;
  }
  .ps-lg-100 {
    padding-left: 100px;
  }
  .pe-lg-100 {
    padding-right: 100px;
  }
  .mt-lg-150 {
    margin-top: 150px;
  }
  .mb-lg-150 {
    margin-bottom: 150px;
  }
  .ms-lg-150 {
    margin-left: 150px;
  }
  .me-lg-150 {
    margin-right: 150px;
  }
  .pt-lg-150 {
    padding-top: 150px;
  }
  .pb-lg-150 {
    padding-bottom: 150px;
  }
  .ps-lg-150 {
    padding-left: 150px;
  }
  .pe-lg-150 {
    padding-right: 150px;
  }
}
@media (min-width: 1200px) {
  .mt-xl-10 {
    margin-top: 10px;
  }
  .mb-xl-10 {
    margin-bottom: 10px;
  }
  .ms-xl-10 {
    margin-left: 10px;
  }
  .me-xl-10 {
    margin-right: 10px;
  }
  .pt-xl-10 {
    padding-top: 10px;
  }
  .pb-xl-10 {
    padding-bottom: 10px;
  }
  .ps-xl-10 {
    padding-left: 10px;
  }
  .pe-xl-10 {
    padding-right: 10px;
  }
  .mt-xl-20 {
    margin-top: 20px;
  }
  .mb-xl-20 {
    margin-bottom: 20px;
  }
  .ms-xl-20 {
    margin-left: 20px;
  }
  .me-xl-20 {
    margin-right: 20px;
  }
  .pt-xl-20 {
    padding-top: 20px;
  }
  .pb-xl-20 {
    padding-bottom: 20px;
  }
  .ps-xl-20 {
    padding-left: 20px;
  }
  .pe-xl-20 {
    padding-right: 20px;
  }
  .mt-xl-30 {
    margin-top: 30px;
  }
  .mb-xl-30 {
    margin-bottom: 30px;
  }
  .ms-xl-30 {
    margin-left: 30px;
  }
  .me-xl-30 {
    margin-right: 30px;
  }
  .pt-xl-30 {
    padding-top: 30px;
  }
  .pb-xl-30 {
    padding-bottom: 30px;
  }
  .ps-xl-30 {
    padding-left: 30px;
  }
  .pe-xl-30 {
    padding-right: 30px;
  }
  .mt-xl-40 {
    margin-top: 40px;
  }
  .mb-xl-40 {
    margin-bottom: 40px;
  }
  .ms-xl-40 {
    margin-left: 40px;
  }
  .me-xl-40 {
    margin-right: 40px;
  }
  .pt-xl-40 {
    padding-top: 40px;
  }
  .pb-xl-40 {
    padding-bottom: 40px;
  }
  .ps-xl-40 {
    padding-left: 40px;
  }
  .pe-xl-40 {
    padding-right: 40px;
  }
  .mt-xl-50 {
    margin-top: 50px;
  }
  .mb-xl-50 {
    margin-bottom: 50px;
  }
  .ms-xl-50 {
    margin-left: 50px;
  }
  .me-xl-50 {
    margin-right: 50px;
  }
  .pt-xl-50 {
    padding-top: 50px;
  }
  .pb-xl-50 {
    padding-bottom: 50px;
  }
  .ps-xl-50 {
    padding-left: 50px;
  }
  .pe-xl-50 {
    padding-right: 50px;
  }
  .mt-xl-60 {
    margin-top: 60px;
  }
  .mb-xl-60 {
    margin-bottom: 60px;
  }
  .ms-xl-60 {
    margin-left: 60px;
  }
  .me-xl-60 {
    margin-right: 60px;
  }
  .pt-xl-60 {
    padding-top: 60px;
  }
  .pb-xl-60 {
    padding-bottom: 60px;
  }
  .ps-xl-60 {
    padding-left: 60px;
  }
  .pe-xl-60 {
    padding-right: 60px;
  }
  .mt-xl-70 {
    margin-top: 70px;
  }
  .mb-xl-70 {
    margin-bottom: 70px;
  }
  .ms-xl-70 {
    margin-left: 70px;
  }
  .me-xl-70 {
    margin-right: 70px;
  }
  .pt-xl-70 {
    padding-top: 70px;
  }
  .pb-xl-70 {
    padding-bottom: 70px;
  }
  .ps-xl-70 {
    padding-left: 70px;
  }
  .pe-xl-70 {
    padding-right: 70px;
  }
  .mt-xl-80 {
    margin-top: 80px;
  }
  .mb-xl-80 {
    margin-bottom: 80px;
  }
  .ms-xl-80 {
    margin-left: 80px;
  }
  .me-xl-80 {
    margin-right: 80px;
  }
  .pt-xl-80 {
    padding-top: 80px;
  }
  .pb-xl-80 {
    padding-bottom: 80px;
  }
  .ps-xl-80 {
    padding-left: 80px;
  }
  .pe-xl-80 {
    padding-right: 80px;
  }
  .mt-xl-90 {
    margin-top: 90px;
  }
  .mb-xl-90 {
    margin-bottom: 90px;
  }
  .ms-xl-90 {
    margin-left: 90px;
  }
  .me-xl-90 {
    margin-right: 90px;
  }
  .pt-xl-90 {
    padding-top: 90px;
  }
  .pb-xl-90 {
    padding-bottom: 90px;
  }
  .ps-xl-90 {
    padding-left: 90px;
  }
  .pe-xl-90 {
    padding-right: 90px;
  }
  .mt-xl-100 {
    margin-top: 100px;
  }
  .mb-xl-100 {
    margin-bottom: 100px;
  }
  .ms-xl-100 {
    margin-left: 100px;
  }
  .me-xl-100 {
    margin-right: 100px;
  }
  .pt-xl-100 {
    padding-top: 100px;
  }
  .pb-xl-100 {
    padding-bottom: 100px;
  }
  .ps-xl-100 {
    padding-left: 100px;
  }
  .pe-xl-100 {
    padding-right: 100px;
  }
  .mt-xl-150 {
    margin-top: 150px;
  }
  .mb-xl-150 {
    margin-bottom: 150px;
  }
  .ms-xl-150 {
    margin-left: 150px;
  }
  .me-xl-150 {
    margin-right: 150px;
  }
  .pt-xl-150 {
    padding-top: 150px;
  }
  .pb-xl-150 {
    padding-bottom: 150px;
  }
  .ps-xl-150 {
    padding-left: 150px;
  }
  .pe-xl-150 {
    padding-right: 150px;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-10 {
    margin-top: 10px;
  }
  .mb-xxl-10 {
    margin-bottom: 10px;
  }
  .ms-xxl-10 {
    margin-left: 10px;
  }
  .me-xxl-10 {
    margin-right: 10px;
  }
  .pt-xxl-10 {
    padding-top: 10px;
  }
  .pb-xxl-10 {
    padding-bottom: 10px;
  }
  .ps-xxl-10 {
    padding-left: 10px;
  }
  .pe-xxl-10 {
    padding-right: 10px;
  }
  .mt-xxl-20 {
    margin-top: 20px;
  }
  .mb-xxl-20 {
    margin-bottom: 20px;
  }
  .ms-xxl-20 {
    margin-left: 20px;
  }
  .me-xxl-20 {
    margin-right: 20px;
  }
  .pt-xxl-20 {
    padding-top: 20px;
  }
  .pb-xxl-20 {
    padding-bottom: 20px;
  }
  .ps-xxl-20 {
    padding-left: 20px;
  }
  .pe-xxl-20 {
    padding-right: 20px;
  }
  .mt-xxl-30 {
    margin-top: 30px;
  }
  .mb-xxl-30 {
    margin-bottom: 30px;
  }
  .ms-xxl-30 {
    margin-left: 30px;
  }
  .me-xxl-30 {
    margin-right: 30px;
  }
  .pt-xxl-30 {
    padding-top: 30px;
  }
  .pb-xxl-30 {
    padding-bottom: 30px;
  }
  .ps-xxl-30 {
    padding-left: 30px;
  }
  .pe-xxl-30 {
    padding-right: 30px;
  }
  .mt-xxl-40 {
    margin-top: 40px;
  }
  .mb-xxl-40 {
    margin-bottom: 40px;
  }
  .ms-xxl-40 {
    margin-left: 40px;
  }
  .me-xxl-40 {
    margin-right: 40px;
  }
  .pt-xxl-40 {
    padding-top: 40px;
  }
  .pb-xxl-40 {
    padding-bottom: 40px;
  }
  .ps-xxl-40 {
    padding-left: 40px;
  }
  .pe-xxl-40 {
    padding-right: 40px;
  }
  .mt-xxl-50 {
    margin-top: 50px;
  }
  .mb-xxl-50 {
    margin-bottom: 50px;
  }
  .ms-xxl-50 {
    margin-left: 50px;
  }
  .me-xxl-50 {
    margin-right: 50px;
  }
  .pt-xxl-50 {
    padding-top: 50px;
  }
  .pb-xxl-50 {
    padding-bottom: 50px;
  }
  .ps-xxl-50 {
    padding-left: 50px;
  }
  .pe-xxl-50 {
    padding-right: 50px;
  }
  .mt-xxl-60 {
    margin-top: 60px;
  }
  .mb-xxl-60 {
    margin-bottom: 60px;
  }
  .ms-xxl-60 {
    margin-left: 60px;
  }
  .me-xxl-60 {
    margin-right: 60px;
  }
  .pt-xxl-60 {
    padding-top: 60px;
  }
  .pb-xxl-60 {
    padding-bottom: 60px;
  }
  .ps-xxl-60 {
    padding-left: 60px;
  }
  .pe-xxl-60 {
    padding-right: 60px;
  }
  .mt-xxl-70 {
    margin-top: 70px;
  }
  .mb-xxl-70 {
    margin-bottom: 70px;
  }
  .ms-xxl-70 {
    margin-left: 70px;
  }
  .me-xxl-70 {
    margin-right: 70px;
  }
  .pt-xxl-70 {
    padding-top: 70px;
  }
  .pb-xxl-70 {
    padding-bottom: 70px;
  }
  .ps-xxl-70 {
    padding-left: 70px;
  }
  .pe-xxl-70 {
    padding-right: 70px;
  }
  .mt-xxl-80 {
    margin-top: 80px;
  }
  .mb-xxl-80 {
    margin-bottom: 80px;
  }
  .ms-xxl-80 {
    margin-left: 80px;
  }
  .me-xxl-80 {
    margin-right: 80px;
  }
  .pt-xxl-80 {
    padding-top: 80px;
  }
  .pb-xxl-80 {
    padding-bottom: 80px;
  }
  .ps-xxl-80 {
    padding-left: 80px;
  }
  .pe-xxl-80 {
    padding-right: 80px;
  }
  .mt-xxl-90 {
    margin-top: 90px;
  }
  .mb-xxl-90 {
    margin-bottom: 90px;
  }
  .ms-xxl-90 {
    margin-left: 90px;
  }
  .me-xxl-90 {
    margin-right: 90px;
  }
  .pt-xxl-90 {
    padding-top: 90px;
  }
  .pb-xxl-90 {
    padding-bottom: 90px;
  }
  .ps-xxl-90 {
    padding-left: 90px;
  }
  .pe-xxl-90 {
    padding-right: 90px;
  }
  .mt-xxl-100 {
    margin-top: 100px;
  }
  .mb-xxl-100 {
    margin-bottom: 100px;
  }
  .ms-xxl-100 {
    margin-left: 100px;
  }
  .me-xxl-100 {
    margin-right: 100px;
  }
  .pt-xxl-100 {
    padding-top: 100px;
  }
  .pb-xxl-100 {
    padding-bottom: 100px;
  }
  .ps-xxl-100 {
    padding-left: 100px;
  }
  .pe-xxl-100 {
    padding-right: 100px;
  }
  .mt-xxl-150 {
    margin-top: 150px;
  }
  .mb-xxl-150 {
    margin-bottom: 150px;
  }
  .ms-xxl-150 {
    margin-left: 150px;
  }
  .me-xxl-150 {
    margin-right: 150px;
  }
  .pt-xxl-150 {
    padding-top: 150px;
  }
  .pb-xxl-150 {
    padding-bottom: 150px;
  }
  .ps-xxl-150 {
    padding-left: 150px;
  }
  .pe-xxl-150 {
    padding-right: 150px;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-10 {
    margin-top: 10px;
  }
  .mb-xxxl-10 {
    margin-bottom: 10px;
  }
  .ms-xxxl-10 {
    margin-left: 10px;
  }
  .me-xxxl-10 {
    margin-right: 10px;
  }
  .pt-xxxl-10 {
    padding-top: 10px;
  }
  .pb-xxxl-10 {
    padding-bottom: 10px;
  }
  .ps-xxxl-10 {
    padding-left: 10px;
  }
  .pe-xxxl-10 {
    padding-right: 10px;
  }
  .mt-xxxl-20 {
    margin-top: 20px;
  }
  .mb-xxxl-20 {
    margin-bottom: 20px;
  }
  .ms-xxxl-20 {
    margin-left: 20px;
  }
  .me-xxxl-20 {
    margin-right: 20px;
  }
  .pt-xxxl-20 {
    padding-top: 20px;
  }
  .pb-xxxl-20 {
    padding-bottom: 20px;
  }
  .ps-xxxl-20 {
    padding-left: 20px;
  }
  .pe-xxxl-20 {
    padding-right: 20px;
  }
  .mt-xxxl-30 {
    margin-top: 30px;
  }
  .mb-xxxl-30 {
    margin-bottom: 30px;
  }
  .ms-xxxl-30 {
    margin-left: 30px;
  }
  .me-xxxl-30 {
    margin-right: 30px;
  }
  .pt-xxxl-30 {
    padding-top: 30px;
  }
  .pb-xxxl-30 {
    padding-bottom: 30px;
  }
  .ps-xxxl-30 {
    padding-left: 30px;
  }
  .pe-xxxl-30 {
    padding-right: 30px;
  }
  .mt-xxxl-40 {
    margin-top: 40px;
  }
  .mb-xxxl-40 {
    margin-bottom: 40px;
  }
  .ms-xxxl-40 {
    margin-left: 40px;
  }
  .me-xxxl-40 {
    margin-right: 40px;
  }
  .pt-xxxl-40 {
    padding-top: 40px;
  }
  .pb-xxxl-40 {
    padding-bottom: 40px;
  }
  .ps-xxxl-40 {
    padding-left: 40px;
  }
  .pe-xxxl-40 {
    padding-right: 40px;
  }
  .mt-xxxl-50 {
    margin-top: 50px;
  }
  .mb-xxxl-50 {
    margin-bottom: 50px;
  }
  .ms-xxxl-50 {
    margin-left: 50px;
  }
  .me-xxxl-50 {
    margin-right: 50px;
  }
  .pt-xxxl-50 {
    padding-top: 50px;
  }
  .pb-xxxl-50 {
    padding-bottom: 50px;
  }
  .ps-xxxl-50 {
    padding-left: 50px;
  }
  .pe-xxxl-50 {
    padding-right: 50px;
  }
  .mt-xxxl-60 {
    margin-top: 60px;
  }
  .mb-xxxl-60 {
    margin-bottom: 60px;
  }
  .ms-xxxl-60 {
    margin-left: 60px;
  }
  .me-xxxl-60 {
    margin-right: 60px;
  }
  .pt-xxxl-60 {
    padding-top: 60px;
  }
  .pb-xxxl-60 {
    padding-bottom: 60px;
  }
  .ps-xxxl-60 {
    padding-left: 60px;
  }
  .pe-xxxl-60 {
    padding-right: 60px;
  }
  .mt-xxxl-70 {
    margin-top: 70px;
  }
  .mb-xxxl-70 {
    margin-bottom: 70px;
  }
  .ms-xxxl-70 {
    margin-left: 70px;
  }
  .me-xxxl-70 {
    margin-right: 70px;
  }
  .pt-xxxl-70 {
    padding-top: 70px;
  }
  .pb-xxxl-70 {
    padding-bottom: 70px;
  }
  .ps-xxxl-70 {
    padding-left: 70px;
  }
  .pe-xxxl-70 {
    padding-right: 70px;
  }
  .mt-xxxl-80 {
    margin-top: 80px;
  }
  .mb-xxxl-80 {
    margin-bottom: 80px;
  }
  .ms-xxxl-80 {
    margin-left: 80px;
  }
  .me-xxxl-80 {
    margin-right: 80px;
  }
  .pt-xxxl-80 {
    padding-top: 80px;
  }
  .pb-xxxl-80 {
    padding-bottom: 80px;
  }
  .ps-xxxl-80 {
    padding-left: 80px;
  }
  .pe-xxxl-80 {
    padding-right: 80px;
  }
  .mt-xxxl-90 {
    margin-top: 90px;
  }
  .mb-xxxl-90 {
    margin-bottom: 90px;
  }
  .ms-xxxl-90 {
    margin-left: 90px;
  }
  .me-xxxl-90 {
    margin-right: 90px;
  }
  .pt-xxxl-90 {
    padding-top: 90px;
  }
  .pb-xxxl-90 {
    padding-bottom: 90px;
  }
  .ps-xxxl-90 {
    padding-left: 90px;
  }
  .pe-xxxl-90 {
    padding-right: 90px;
  }
  .mt-xxxl-100 {
    margin-top: 100px;
  }
  .mb-xxxl-100 {
    margin-bottom: 100px;
  }
  .ms-xxxl-100 {
    margin-left: 100px;
  }
  .me-xxxl-100 {
    margin-right: 100px;
  }
  .pt-xxxl-100 {
    padding-top: 100px;
  }
  .pb-xxxl-100 {
    padding-bottom: 100px;
  }
  .ps-xxxl-100 {
    padding-left: 100px;
  }
  .pe-xxxl-100 {
    padding-right: 100px;
  }
  .mt-xxxl-150 {
    margin-top: 150px;
  }
  .mb-xxxl-150 {
    margin-bottom: 150px;
  }
  .ms-xxxl-150 {
    margin-left: 150px;
  }
  .me-xxxl-150 {
    margin-right: 150px;
  }
  .pt-xxxl-150 {
    padding-top: 150px;
  }
  .pb-xxxl-150 {
    padding-bottom: 150px;
  }
  .ps-xxxl-150 {
    padding-left: 150px;
  }
  .pe-xxxl-150 {
    padding-right: 150px;
  }
}
.lh-0 {
  line-height: 0;
}

.w-100 {
  width: 100%;
}

.border-spec {
  border: 1px solid rgba(0, 0, 0, 0.137254902);
  border-radius: 4px;
}

html,
body {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  background-color: white;
  font-weight: 400;
  color: black;
}

a {
  transition: 0.4s;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
header .header-container {
  max-width: 1806px;
  margin: auto;
  height: 110px;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
header .logo {
  margin-right: 40px;
}
header .logo img {
  max-height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
header .navbar .nav {
  list-style: none;
  display: flex;

}
header .navbar .nav > li {
  margin: 0 40px;
}
header .navbar .nav > li a {
  display: flex;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #225879;
  align-items: center;
}
header .navbar .nav > li a i {
  line-height: 0;
  opacity: 0.5;
  transition: 0.4s;
}
header .navbar .dropdown {
  position: relative;
}
header .navbar .dropdown:hover .dropdown-content {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
header .navbar .dropdown:hover > a > i {
  rotate: 180deg;
}
header .navbar .dropdown .dropdown-content {
  overflow: hidden;
  transition: 0.4s;
  position: absolute;
  border-radius: 10px;
  left: 0;
  width: 100%;
  top: 120%;
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  list-style: none;
  opacity: 0;
  visibility: hidden;
}
header .navbar .dropdown .dropdown-content > li > a:hover {
  background-color: #225879;
  color: white;
}
header .others-tool-wrap {
  margin-left: auto;
}
header .login-btn{
  margin:0px 50px;

}
@media (max-width: 1800px) {
  header .header-container {
    max-width: 1806px;
    margin: auto;
    height: 110px;
    display: flex;
    align-items: center;
    padding: 0 30px;
  }
  header .logo {
    margin-right: 10px;
  }
  header .logo img {
    max-height: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
  }
  header .navbar {
    margin-right: 0px;
  }
  header .navbar .nav {
    list-style: none;
    display: flex;
  }
  header .navbar .nav li {
    margin: 0 10px;
  }
  header .navbar .nav li a {
    display: flex;
    padding: 10px 5px;
    color: #225879;
    align-items: center;
  }
}
@media (max-width: 991px) {
  header .header-container {
    height: 80px;
  }
}
@media (max-width: 1599px) {
  .phone-ax {
    display: none;
  }
}
.online-teklif {
  display: flex !important;
}

.login-header-responsive-block {
  display: flex !important;
}

.mobile-menu {
  display: none;
  font-size: 30px;
  color: #225879;
}

.main-wrap-btn-group {
  display: flex;
}

@media (max-width: 1500px) {
  .online-teklif {
    display: none !important;
  }
  .mobile-menu {
    display: block;
  }
}
@media (max-width: 1300px) {
  .login-header-responsive-block {
    display: none !important;
  }
}
@media (max-width: 1100px) {
  .mobile-menu {
    margin-left: auto;
  }
  .main-wrap-btn-group {
    display: none !important;
  }
}
@media (max-width: 1000px) {
  .mobile-menu {
    margin-left: unset;
  }
  .main-wrap-btn-group {
    display: flex !important;
  }
}
@media (max-width: 500px) {
  .mobile-menu {
    margin-left: auto;
  }
  .main-wrap-btn-group {
    display: none !important;
  }
}
.mobile-header {
  background: white;
  width: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  padding-bottom: 10px;
  height: 100%;
  max-width: 50%;
  transform: translateX(-100%);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: 0.4s;
}
.mobile-header .closer-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 33px;
}
.mobile-header.active {
  transform: translateX(0%);
}
.mobile-header .logo {
  margin: 20px;
  display: block;
}
.mobile-header .logo img {
  max-height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 575px) {
  .mobile-header {
    max-width: 70%;
  }
}
.mobile-header .mobile-nav {
  list-style: none;
}
.mobile-header .mobile-nav > li {
  margin: 0 10px;
}
.mobile-header .mobile-nav > li a {
  display: flex;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #225879;
  align-items: center;
}
.mobile-header .mobile-nav > li a i {
  line-height: 0;
  opacity: 0.5;
  transition: 0.4s;
}
.mobile-header .mobile-nav .dropdown:hover .dropdown-content {
  display: block;
}
.mobile-header .mobile-nav .dropdown:hover > a > i {
  rotate: 180deg;
}
.mobile-header .mobile-nav .dropdown .dropdown-content {
  overflow: hidden;
  transition: 0.4s;
  border-radius: 10px;
  background-color: white;
  list-style: none;
  display: none;
  margin-left: 20px;
}

.has-dropdown {
  position: relative;
}
.has-dropdown .bx-chevron-down {
  transition: 0.4s;
}
.has-dropdown.opened .login-header {
  background: rgba(209, 209, 209, 0.15);
}
.has-dropdown.opened .login-header .bx-chevron-down {
  rotate: 180deg;
}
.has-dropdown.opened .dropdown-content {
  top: 110%;
  visibility: visible;
  opacity: 1;
}
.has-dropdown .dropdown-content {
  background: #ffffff;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
  transition: 0.4s;
  position: absolute;
  top: 130%;
  left: 0;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
}
.has-dropdown .dropdown-content > a {
  display: flex;
  align-items: center;
  padding: 15px 10px;
}
.has-dropdown .dropdown-content > a:hover {
  background-color: rgba(251, 141, 18, 0.2);
  color: white;
}
.has-dropdown .dropdown-content > a + a {
  border-top: 1px solid #f2f2f2;
}
.has-dropdown .dropdown-content > a .iconbox {
  min-width: 32px;
  min-height: 32px;
  border-radius: 4px;
  background-color: #fff1e1;
  color: #fb8d12;
  display: flex;
  align-items: center;
  justify-content: center;
}
.has-dropdown .dropdown-content > a .text-tt {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  margin-left: 10px;
  color: #175176;
}

footer {
  border-top: 1px solid #f0f0f0;
}
footer .footer-container {
  max-width: 1806px;
  margin: auto;
  display: flex;
  align-items: center;
  padding: 80px 30px;
}
@media (max-width: 991px) {
  footer .footer-container {
    padding: 50px 30px;
  }
}
footer .oth-ctn {
  max-width: 1806px;
  margin: 0 auto;
  display: flex;
  padding: 0 30px;
  width: 100%;
}
footer .logo img {
  display: block;
  max-height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .footer-copyright {
  height: 75px;
  display: flex;
  align-items: center;
  background: #f9f9f9;
}
@media (max-width: 991px) {
  footer .footer-copyright {
    height: auto;
    padding: 10px 0;
  }
}
footer .footer-copyright * ,.mss-logo-text{
  font-size: 14px;
  font-weight: 500;
}
footer .footer-copyright *.more {
  font-weight: 600;
}
.mss-logo {
    width: auto;
    height: 25px;
}
.btn {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
    padding: 0 18px;
}
.btn i {
  line-height: 0;
}
.btn i.icon-with-text {
  font-size: 30px;
  margin-right: -10px;
}
.btn.btn-orange {
  background-color: #fb8d12;
  color: white;
}
.btn.btn-orange:hover {
  opacity: 0.7;
}
.btn.btn-dark {
  background: rgba(30, 30, 30, 0.18);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: white;
}
.btn.btn-dark:hover {
  opacity: 0.7;
}
.btn.only-icon {
  padding: 0;
  width: 42px;
  height: 42px;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.only-icon i {
  font-size: 30px;
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  padding: 0 15px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #e6eff5;
  color: #225879;
}
.btn-outline:hover{
  background-color:#225879;
  color: white;
}
.btn-outline i {
  line-height: 0;
  color: #b9cad5;
}
@media(min-width:767px){
.kindOfinsurance .nav-link{
    width: 200px;
    height: 70px;
    margin:5px;
 }
}
@media(max-width:767px){
.kindOfinsurance .nav-link{
    margin :2px 0px;
    }
}
.hero-area-wrap {
  height: 900px;
  position: relative;
  background-position: center;
  -o-object-position: center;
     object-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .hero-area-wrap {
    height: 500px;
  }
}
.hero-area-wrap .container {
  z-index: 2;
}
.hero-area-wrap .container .content-wrap {
  max-width: 585px;
  color: white;
}
.hero-area-wrap .button-swiper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
@media (max-width: 991px) {
  .hero-area-wrap .button-swiper {
    top: 90%;
  }
}
.hero-area-wrap .button-swiper.left-side-button {
  left: 60px;
}
.hero-area-wrap .button-swiper.right-side-button {
  right: 60px;
}
.hero-area-wrap.before-grad::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(71.37deg, #175176 11.3%, rgba(255, 255, 255, 0) 103.71%);
}
.hero-area-wrap.after-grad::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 200px;
  width: 100%;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.hero-spec-card {
  background: #ffffff;
  box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.25);
  border-radius: 27px;
}

.hero-spec-cards {
  position: relative;
  z-index: 99;
  margin-top: -200px;
  padding-bottom: 140px;
}
.hero-spec-cards.margin-negative {
  margin-top: 0px;
}
@media (max-width: 1599px) {
  .hero-spec-cards {
    margin-top: -100px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .hero-spec-cards {
    margin-top: 0px;
    padding-bottom: 60px;
  }
}

.hero-spec-card {
  padding-top: 40px;
  padding-bottom: 40px;
}

.hero-spec-card .round-iconned {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff1e1;
  width: 178px;
  height: 178px;
  border-radius: 178px;
  margin: 0 auto;
}
.hero-spec-card .round-iconned img {
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero-spec-card > p {
  margin-top: 42px;
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  color: #225879;
}
@media(min-width:1649px){
.hero-spec-card {
    width:250px;
  }
.hero-spec-cards .row{
    --bs-gutter-x: -10.5rem;
  }
      
}
@media (max-width: 767px) {
  .hero-spec-card {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .hero-spec-card .round-iconned {
    width: 80px;
    height: 80px;
    border-radius: 80px;
  }
  .hero-spec-card .round-iconned img {
    height: 40px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .hero-spec-card > p {
    margin-top: 18px;
    font-size: 14px;
    line-height: 24px;
  }
}
.sigorta-img-clipped {
  -webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
}
@media (max-width: 767px) {
  .sigorta-img-clipped {
    -webkit-clip-path: unset;
            clip-path: unset;
    aspect-ratio: 3/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 575px) {
  .sigorta-img-clipped {
    aspect-ratio: 2/1;
  }
}

.sigorta-img-clipped-2 {
  -webkit-clip-path: polygon(31% 0, 100% 0, 100% 100%, 0 105%);
          clip-path: polygon(31% 0, 100% 0, 100% 100%, 0 105%);
  height: 100%;
}
@media (max-width: 767px) {
  .sigorta-img-clipped-2 {
    -webkit-clip-path: unset;
            clip-path: unset;
    aspect-ratio: 3/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 575px) {
  .sigorta-img-clipped-2 {
    aspect-ratio: 2/1;
  }
}

.card-bg-with-text {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 27px;
  position: relative;
  aspect-ratio: 10/13;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 575px) {
  .card-bg-with-text {
    -o-object-fit: contain;
    object-fit: contain;
    width: 200px;
    margin: 0 auto;
  }
}
.card-bg-with-text > p {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: white;
  position: absolute;
  z-index: 2;
  bottom: 55px;
  left: 50px;
}
@media (max-width: 767px) {
  .card-bg-with-text > p {
    font-size: 14px;
    line-height: 22px;
    bottom: 20px;
    left: 20px;
  }
}
.card-bg-with-text.type-1::after {
  background: linear-gradient(179.32deg, #ee7d00 0.59%, rgba(255, 255, 255, 0) 72.48%);
}
.card-bg-with-text.type-2::after {
  background: linear-gradient(179.32deg, #225879 0.59%, rgba(255, 255, 255, 0) 72.48%);
}
.card-bg-with-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.sigorta-cesitleir-swiper {
  margin-right: -340px;
}
@media (max-width: 991px) {
  .sigorta-cesitleir-swiper {
    margin-right: -30px;
  }
}
@media (max-width: 767px) {
  .sigorta-cesitleir-swiper {
    margin-right: 30px;
  }
}
@media (max-width: 575px) {
  .sigorta-cesitleir-swiper {
    margin-right: 0;
  }
}

.card-v2 {
  width: 100%;
  /*aspect-ratio: 26/34;*/
  border: solid 1px #e8e8e8;
  border-radius: 20px;
  background: white;
  padding-top: 30px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  height: 100%;
}
@media (max-width: 991px) {
  .card-v2 {
    /*aspect-ratio: 26/22;*/
  }
}
@media (max-width: 767px) {
  .card-v2 {
    /*aspect-ratio: 10;*/
    padding: 30px 20px;
  }
}
.card-v2 .icon {
  height: 25%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-v2 .title {
  font-weight: 700;
  font-size: 20px;
  color: #225879;
  max-width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 30px;
  height:15%;
}
.card-v2 > p {
  font-weight: 400;
  font-size: 14px;
  line-height: 17.15px;
  height:50%;
    padding-bottom: 30px;
}

.mh-1400-container {
  max-width: 1370px;
  margin: 0 auto;
  flex: 1;
  overflow: hidden;
  padding: 0 0.75rem;
}

@media (max-width: 991px) {
  .image-content-sizer {
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 400px;
    margin: auto;
    display: block;
  }
}

.flex-1 {
  flex: 1;
}

.card-v3 {
  padding-top: 60px;
  padding-bottom: 40px;
  background: #ffffff;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  text-align: center;
}
.card-v3 img {
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-v3 > p {
  font-weight: 600;
  font-size: 24px;
  max-width: 65%;
  margin: 0 auto;
  color: #225879;
  margin-top: 20px;
  line-height: 29.28px;
}

.references-swiper .swiper-pagination {
  position: relative;
  margin-top: 20px;
}
.references-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fb8d12;
}
.references-swiper .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.references-swiper img {
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.references-swiper img.sm {
  height: 100px;
}

.accordion {
  border-bottom: solid 1px #eaecf0;
  padding-bottom: 30px;
  margin-top: 25px;
}
.accordion .butonned i {
  font-size: 26px;
  color: #fb8d12;
}
.accordion .butonned .minus {
  display: none;
}
.accordion .butonned .plus {
  display: block;
}
.accordion.active .butonned .minus {
  display: block;
}
.accordion.active .butonned .plus {
  display: none;
}
.accordion .acc-content {
  padding-top: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #667085;
}
.accordion .acc-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.accordion .acc-title > p {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #101828;
}

.newsletter-wrap {
  overflow: hidden;
  border-radius: 24px;
}
.newsletter-wrap .mail-image-area {
  background-color: #fb8d12;
  width: 100%;
  -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
  display: flex;
  align-items: center;
  justify-content: start;
  min-height: 400px;
}
@media (max-width: 1199px) {
  .newsletter-wrap .mail-image-area {
    min-height: 300px;
  }
}
.newsletter-wrap .mail-image-area img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: luminosity;
}

@media (max-width: 991px) {
  .form-area-wrap {
    padding: 40px;
  }
}

.form-control {
  flex: 1;
  height: 54px;
  border-radius: 14px;
  background: white;
  padding: 0 28px;
  display: flex;
  align-items: center;
}
.form-control input {
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #242424;
}
.form-control input::-moz-placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #626262;
}
.form-control input::placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #626262;
}


body:not(.page-loaded) * {
  transition: unset !important;
}

.morphext .animated {
  display: inline-block;
}/*# sourceMappingURL=main.css.map */

.contact-form{
    min-height: 590px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0) 100%);
    filter: drop-shadow(0px 4px 21px rgba(0, 0, 0, 0.13));
    box-shadow: 0px 4px 25px rgb(141 139 138 / 55%);
    border-radius: 24px;
    border: 1px solid white;
}
@media(min-width:592px){
    .contact-form{
        margin:20px 150px;
    }
}
@media(max-width:592px){
    .contact-form{
        margin-right:0.25rem;
        margin-left:0.25rem;
    }
}
.contact-form .title{
  padding: 10px;
  line-height: 27px;
  color: #225879;
}
.contact-form p:not(.title){
  line-height: 27px;
  padding:0px 10px;
}
.btn-contact-gonder{

    border-radius: 12px;
    height: 42px;
    font-family: 'Montserrat';
    width: 190px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    border:unset;
}
.contact-form input,textarea{
    height: 50px;
    border: unset;
    background: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
    width:100%;
}





.login-modal > .form-label,
.modal-title {
    color: #225879;
}

.login-modal .form-control{
    background-color: hsl(47, 50%, 95%);
    width: 100%;
}

.login-modal .form-control:focus {
    box-shadow:none;
    border:none;
    background-color: hsl(48, 49%, 93%);
}
.sign-up-modal > .form-label,
.modal-title {
    color: #225879;
}

.sign-up-modal .form-control{
    background-color: hsl(47, 50%, 95%);
    width: 100%;
}

.sign-up-modal .form-control:focus {
    box-shadow:none;
    border:none;
    background-color: hsl(48, 49%, 93%);
}
.sozlesmeler a{
  text-decoration: none;
  color: #fb8d12;
  cursor: pointer;
}
.txt-onay{
  text-decoration: none;
  color: #225879;
  cursor: pointer;    
}