/* Root */

:root {
    --primary-color: #005491;
    --secondary-color: #706f6f;
    --black-color: #000000;
    --white-color: #ffffff;
}


/* Blue utilities */

.blue-color {
    color: var(--primary-color) !important;
}

.blue-bg {
    background: var(--primary-color) !important;
}

.blue-fill {
    fill: var(--primary-color) !important;
}


/* Gray utilities */

.gray-color {
    color: var(--secondary-color) !important;
}

.gray-bg {
    background: var(--secondary-color) !important;
}

.gray-fill {
    fill: var(--secondary-color) !important;
}


/* Black utilities */

.black-color {
    color: var(--black-color) !important;
}

.black-bg {
    background: var(--black-color) !important;
}

.black-fill {
    fill: var(--black-color) !important;
}


/* White utilities */

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

.white-bg {
    background: var(--white-color) !important;
}

.white-fill {
    fill: var(--white-color) !important;
}


/* Container utilities */

.container {
    padding: 0px 50px !important;
}

.container-fluid {
    padding: 0px 75px !important;
}

.container-box {
    padding: 0px 100px !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 100%;
    width: 100%;
}

.rs-btn.has-theme-orange,
.rs-services-one .rs-services-tab .nav-link.active,
.rs-services-one .rs-services-tab .nav-link:hover,
.rs-services-eight .rs-services-item:hover .rs-square-btn,
.rs-services-eight .rs-services-item:hover .rs-services-number::before {
    background: var(--primary-color) !important;
}

.rs-theme-orange,
.rs-section-subtitle.has-theme-orange,
.rs-section-subtitle.has-theme-yellow {
    color: var(--primary-color) !important;
}

.rs-btn.has-bg::before {
    background-color: var(--black-color);
}

.rs-btn.has-bg-transparent,
.rs-swiper-btn.has-theme-yellow {
    background: var(--primary-color);
    color: var(--white-color);
}

.rs-btn.has-bg-transparent.has-icon .icon-box svg,
.rs-services-eight .rs-services-item:hover .rs-square-btn svg path {
    fill: var(--white-color);
}

.rs-btn.has-bg-transparent:hover {
    border-color: var(--primary-color);
}

.rs-services-one .rs-services-tab-list ul li::before {
    color: var(--primary-color) !important;
    border-color: var(--primary-color);
}

.rs-btn.has-text:hover,
.rs-services-eight .rs-services-item:hover .rs-services-number::after,
.rs-services-eight .rs-services-item:hover .rs-text-btn {
    color: var(--primary-color);
}

.rs-btn.has-text:hover .icon-box svg,
.rs-section-subtitle.has-theme-yellow svg path {
    fill: var(--primary-color);
}

.oh {
    overflow: hidden !important;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}


/* .thx {
  font-size: 35px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
}
.shx {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.dsx {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
} */

.ser .rs-services-tab .nav-link.active,
.ser .rs-services-tab .nav-link:hover {
    background: transparent !important;
}

.ser .rs-services-tab-list ul li::before {
    color: var(--white-color) !important;
}

@media only screen and (max-width: 767px) {
    /* Global */
    .container,
    .container-fluid {
        padding: 0px 15px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /* Global */
    .container,
    .container-fluid {
        padding: 0px 25px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /* Global */
    .container,
    .container-fluid {
        padding: 0px 25px !important;
    }
}