@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&family=Signika+Negative:wght@300;400;500;600;700&display=swap);
/*
 * theme.css — the only custom stylesheet.
 *
 * The UI is built with Bootstrap 5 (CDN). This file holds just:
 *   1. Light/dark theme variables + the .bg classes that consume them
 *      (the theme reducers set the variables at runtime).
 *   2. A minimal grid/helper shim so existing pages keep their positioning
 *      without rewriting every Materialize class to Bootstrap.
 */

:root {
  --brand: #009a96;
  --brand-dark: #00827f;
  --bs-primary: #009a96;
  --bs-primary-rgb: 0, 154, 150;

  --background-colour: #ffffff;
  --background-font-colour: #1a1b1f;
  --background-heading-colour: #000000;
  --primary-background: #ffffff;
  --primary-font-colour: #4a4a4a;
  --primary-heading-colour: #000000;
  --primary-link-colour: #1a1b1f;
  --secondary-background: #002531;
  --secondary-font-colour: #ffffff;
  --secondary-heading-colour: #ffffff;
  --secondary-link-colour: #ffffff;
  --border-colour: #e9e9e9;
}

/* ---- theme (light/dark) ---- */
body {
  background: var(--background-colour);
  color: var(--background-font-colour);
  font-family: "Signika Negative", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* !important so the themed backgrounds beat Bootstrap's .bg-secondary/.bg-* utilities (which are !important) */
.bg {
  color: var(--primary-font-colour) !important;
  background-color: var(--primary-background) !important;
}
.bg.bg-secondary {
  color: var(--secondary-font-colour) !important;
  background-color: var(--secondary-background) !important;
}
.bg a {
  color: var(--primary-link-colour);
}
.bg.bg-secondary a {
  color: var(--secondary-link-colour);
}
.bg.bg-secondary h1,
.bg.bg-secondary h2,
.bg.bg-secondary h3,
.bg.bg-secondary h4,
.bg.bg-secondary h5,
.bg.bg-secondary h6 {
  color: var(--secondary-heading-colour);
}

/* brand the Bootstrap primary as teal */
.btn-primary {
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand-dark);
  --bs-btn-hover-border-color: var(--brand-dark);
  --bs-btn-active-bg: var(--brand-dark);
}
.text-primary { color: var(--brand) !important; }
a { text-decoration: none; }
ul { list-style: none; padding-left: 0; }

/* hide the Google Translate injected top banner and keep the page in place */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; }
body { top: 0 !important; }
.goog-tooltip, .goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }

/* homepage hero height (taller on mobile) */
.br-hero { min-height: 60vh; }
@media (max-width: 768px) { .br-hero { min-height: 80vh; } }

/* scroll-reveal (fade in up) */
.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.show { opacity: 1; transform: none; }

/* ---- minimal grid shim (Materialize col l#/s#/m#) ---- */
.container { width: 92%; max-width: 1200px; margin: 0 auto; }
.row { display: flex; flex-wrap: wrap; margin: 0 -0.75rem 1rem; }
/* when an element is BOTH container + row, keep it centered (row's negative
   side margins would otherwise override the container's auto-centering) */
.container.row { margin-left: auto; margin-right: auto; }
/* inner-page hero banner (Tour container) — uses the theme secondary colour and
   clears the fixed nav so the solid nav sits on the banner, not on white */
.page-hero { padding: 130px 0 60px; text-align: center; }
.page-hero h1 { margin-bottom: 10px; }
.row > .col, .col { padding: 0 0.75rem; box-sizing: border-box; width: 100%; }
.col.s1 { width: 8.3333%; } .col.s2 { width: 16.6666%; } .col.s3 { width: 25%; }
.col.s4 { width: 33.3333%; } .col.s5 { width: 41.6666%; } .col.s6 { width: 50%; }
.col.s7 { width: 58.3333%; } .col.s8 { width: 66.6666%; } .col.s9 { width: 75%; }
.col.s10 { width: 83.3333%; } .col.s11 { width: 91.6666%; } .col.s12 { width: 100%; }
@media (min-width: 601px) {
  .col.m4 { width: 33.3333%; } .col.m6 { width: 50%; } .col.m12 { width: 100%; }
}
@media (min-width: 993px) {
  .col.l1 { width: 8.3333%; } .col.l2 { width: 16.6666%; } .col.l3 { width: 25%; }
  .col.l4 { width: 33.3333%; } .col.l5 { width: 41.6666%; } .col.l6 { width: 50%; }
  .col.l7 { width: 58.3333%; } .col.l8 { width: 66.6666%; } .col.l9 { width: 75%; }
  .col.l10 { width: 83.3333%; } .col.l11 { width: 91.6666%; } .col.l12 { width: 100%; }
  .col.offset-l2 { margin-left: 16.6666%; } .col.offset-l3 { margin-left: 25%; }
}

/* ---- minimal legacy component styling ---- */
.card-panel {
  background: var(--primary-background);
  color: var(--primary-font-colour);
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin: 0.5rem 0 1rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
/* form fields: responsive auto-fit columns that never collapse to tiny boxes */
/* form fields stack one per row by default; col-classed fields keep their width */
form .row > div { flex: 1 1 100%; padding: 0 0.5rem; }
form .row > div.col { flex: 0 0 auto; }
.input-field { position: relative; margin-bottom: 1.25rem; }
.input-field > label { display: block; margin-bottom: 0.35rem; color: #6b6b6b; font-size: 0.85rem; }
.input-field input, .input-field textarea, input[type="text"], input[type="email"],
input[type="password"], input[type="number"], input[type="search"], input[type="tel"],
input[type="date"], textarea, select {
  display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem;
  border: 1px solid var(--border-colour); border-radius: 0.375rem; box-sizing: border-box;
  background: var(--primary-background); color: var(--background-font-colour);
}
.collection { list-style: none; padding: 0; margin: 0.5rem 0 1rem; }
.collection .collection-item {
  background: var(--primary-background);
  color: var(--primary-font-colour);
  border: 1px solid var(--border-colour);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
  position: relative;
  transition: box-shadow 0.15s ease;
}
.collection .collection-item:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); }
.secondary-content { position: absolute; top: 1rem; right: 1.2rem; }
/* Bootstrap list-group / card / table themed so the admin pages follow light/dark */
.list-group-item {
  background-color: var(--primary-background);
  color: var(--background-font-colour);
  border-color: var(--border-colour);
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  background-color: var(--hover);
  color: var(--background-font-colour);
}
.card {
  background-color: var(--primary-background);
  color: var(--background-font-colour);
}
.table {
  --bs-table-bg: var(--primary-background);
  --bs-table-color: var(--background-font-colour);
  color: var(--background-font-colour);
  border-color: var(--border-colour);
}
/* admin data tables (TableComponent) — left aligned + striped */
table.data-table { width: 100%; border-collapse: collapse; }
table.data-table td {
  text-align: left;
  vertical-align: top;
  padding: 0.65rem 1rem;
}
table.data-table .table-key { width: 35%; white-space: nowrap; }
table.data-table.striped tbody tr:nth-child(odd) { background-color: var(--hover); }
/* Bootstrap accordion (FAQ pages) themed for light/dark */
.accordion {
  --bs-accordion-bg: var(--primary-background);
  --bs-accordion-color: var(--background-font-colour);
  --bs-accordion-border-color: var(--border-colour);
  --bs-accordion-btn-color: var(--background-font-colour);
  --bs-accordion-btn-bg: var(--primary-background);
  --bs-accordion-active-bg: var(--hover);
  --bs-accordion-active-color: var(--background-font-colour);
  --bs-accordion-btn-focus-box-shadow: none;
  /* grey chevron — readable on both light and dark backgrounds */
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23888888%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23888888%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
}
.btn, .btn-large, .btn-small {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem;
  background: var(--brand); color: #fff; border: none; border-radius: 0.375rem;
  padding: 0.5rem 1.25rem; cursor: pointer; text-decoration: none;
}
/* no hover effect on buttons */
.btn:hover, .btn-large:hover, .btn:focus, .btn-large:focus { color: #fff; background: var(--brand); border-color: var(--brand); filter: none; }
.btn-full { width: 100%; }
/* admin header title ("CONTROL PANEL"): no colour change on hover (match base) */
.bg .navbar-brand:hover, .bg .navbar-brand:focus { color: var(--primary-link-colour); }
/* larger textareas (consistent with the send-email body box) */
.auto-grow-textarea { min-height: 250px; }
/* floating "create" action button on admin list pages (Materialize FAB shim) */
.fixed-action-btn { position: fixed; right: 24px; bottom: 24px; z-index: 1030; margin: 0; }
.btn-floating {
  padding: 0; border-radius: 50%; width: 47px; height: 47px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}
.btn-floating.btn-large { width: 56px; height: 56px; font-size: 1.4rem; }
.navbar-toggler { border: none; box-shadow: none; color: inherit; }
/* expanded burger menu — slightly different shade from the nav bar */
.navbar .navbar-collapse {
  background: rgba(128, 128, 128, 0.12);
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
}
.preloader-wrapper { display: inline-block; width: 40px; height: 40px; position: relative; }
.preloader-wrapper.active::after {
  content: ""; position: absolute; inset: 0; border: 4px solid #e3e3e3;
  border-top-color: var(--brand); border-radius: 50%; animation: app-spin 0.8s linear infinite;
}
.preloader-wrapper .spinner-layer { display: none; }
@keyframes app-spin { to { transform: rotate(360deg); } }
.progress { position: relative; height: 4px; background: #b2dfdb; border-radius: 2px; overflow: hidden; margin: 0.5rem 0; }
.progress .indeterminate { position: absolute; height: 100%; background: var(--brand); animation: app-indet 1.6s ease-in-out infinite; }
@keyframes app-indet { 0% { left: -35%; width: 35%; } 100% { left: 100%; width: 35%; } }

/* ---- helpers still used in markup ---- */
.center, .center-align { text-align: center; }
.left { float: left; } .right { float: right; }
.responsive-img { max-width: 100%; height: auto; }
.valign-wrapper { display: flex; align-items: center; }
.white-text { color: #fff !important; }
.grey-text { color: #9e9e9e !important; }
.section { padding: 1rem 0; }
.divider { height: 1px; background: var(--border-colour); margin: 0.75rem 0; }
.app-py-1 { padding: 1rem 0 !important; }
.app-py-2 { padding: 2rem 0 !important; }
.app-py-3 { padding: 3rem 0 !important; }
.app-px-1 { padding-left: 1rem !important; padding-right: 1rem !important; }
.no-padding { padding: 0 !important; }
@media (max-width: 600px) { .hide-on-small-only { display: none !important; } .mobile-center { text-align: center; } }
@media (max-width: 992px) { .hide-on-med-and-down { display: none !important; } }

/* rd.css — self-contained RD home design.
 * Styles ported from the old sw-style.css so the RD homepage no longer depends
 * on /assets/css/sw-style.css, fontawesome-all.css, flaticon.css or slick.css.
 * Icons are Bootstrap Icons (loaded globally from CDN). Only the RD home uses
 * these classes; rd.css ships only when NODE_HOME=RD (required in routes.js). */

/* hero background image */
.sw-slider-bg {
  background: url(/assets/images/site/RDSlider1.png);
  background-size: cover;
}

body {
  font-family: "Signika Negative", Arial, sans-serif !important;
}

/* helpers the hero slides use (were Materialize utilities) */
.white-text { color: #fff !important; }
.red-text { color: #fa4317 !important; }
@media (min-width: 993px) {
  .hide-on-large-only { display: none !important; }
}

/* RD section paragraphs are muted grey (sw-style used body{color:#888}) */
.pera-content p { color: #888888; }

/* sizing for the Bootstrap Icons that replaced flaticon/fontawesome glyphs */
.ft-featured-icon i,
.ft-service-icon i,
.ft-why-choose-feature-icon i,
.ft-about-feature-icon i { line-height: 1; display: inline-block; }

/* ===================== ported sw-style rules ===================== */
.ul-li ul {
  margin: 0;
  padding: 0;
}
.ul-li ul li {
  list-style: none;
  display: inline-block;
}
.ul-li-block ul {
  margin: 0;
  padding: 0;
}
.ul-li-block ul li {
  display: block;
  list-style: none;
}
.pera-content p {
  margin-bottom: 0;
}
.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  margin: 0;
  font-weight: normal;
  font-family: "Poppins";
}
.ft-item-innerbox {
  padding: 0px 15px;
}
.ft-section-title .sub-title {
  font-size: 20px;
  font-weight: 700;
  color: #ea1e00;
  padding: 0px 82px;
  position: relative;
}
.ft-section-title .sub-title:before,
.ft-section-title .sub-title:after {
  top: 15px;
  content: "";
  height: 3px;
  width: 75px;
  position: absolute;
  background-color: #ea1e00;
}
.ft-section-title .sub-title:before {
  left: 0;
}
.ft-section-title .sub-title:after {
  right: 0;
  display: none;
}
.ft-section-title.text-center .sub-title:after {
  display: block;
}
.ft-section-title-2 {
  margin: 0 auto;
  max-width: 580px;
}
.ft-section-title-2 .sub-title {
  font-size: 20px;
  font-weight: 700;
  color: #ea1e00;
}
.ft-section-title-2 h2 {
  color: #003440;
  font-size: 36px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 25px;
}
.ft-section-title-2 h2 span {
  color: #ea1e00;
}
.cd-headline.scale b {
  opacity: 0;
  color: #ea1e00;
}
.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  font-style: normal;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.is-visible .cd-headline.scale i {
  opacity: 1;
}
.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}
.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}
.ft-about-feature-list-warpper {
  padding-top: 35px;
}
.ft-about-feature-list-item {
  padding: 27px 20px 25px 20px;
  border-radius: 6px;
  margin-bottom: 30px;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
  box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
}
.ft-about-feature-list-item .ft-about-feature-icon {
  width: 55px;
  height: 55px;
  margin-right: 20px;
  border-radius: 100%;
  background-color: #ffebeb;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-about-feature-list-item .ft-about-feature-icon i {
  font-size: 30px;
  line-height: 0.75;
  color: #ea1e00;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-about-feature-list-item .ft-about-feature-text {
  max-width: 420px;
}
.ft-about-feature-list-item .ft-about-feature-text h3 {
  color: #00044b;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 5px;
}
.ft-about-feature-list-item:hover .ft-about-feature-icon {
  background-color: #ea1e00;
}
.ft-about-feature-list-item:hover .ft-about-feature-icon i {
  color: #00044b;
}
.ft-about-section-2 {
  padding: 140px 0px 100px;
}
.ft-about-text-wrapper-2 .ft-section-title-2 h2 {
  max-width: 385px;
}
.ft-about-feature-wrapper-2 {
  margin-top: 40px;
}
.ft-about-feature-wrapper-2 .ft-about-feature-list-item .ft-about-feature-icon {
  background-color: transparent;
  margin-right: 15px;
}
.ft-about-feature-wrapper-2 .ft-about-feature-list-item {
  margin-bottom: 0;
  padding: 18px 15px 20px 15px;
}
.ft-about-img-2 {
  overflow: hidden;
  border-radius: 8px;
}
.ft-about-img-2-wrapper {
  padding-left: 40px;
  z-index: 1;
}
.ft-about-img-2-wrapper .ft-about-shape1 {
  right: 0;
  top: -30px;
}
.ft-about-img-2-wrapper .ft-about-shape2 {
  left: 0;
  z-index: -1;
  bottom: -40px;
}
.ft-service-text-area .ft-btn {
  margin-top: 30px;
}
.ft-service-text-area .ft-btn a {
  background-color: #00044b;
}
.ft-service-slider-item .ft-service-inner-text .ft-service-serial {
  right: -35px;
  bottom: -45px;
  height: 100px;
  width: 100px;
  color: #00044b;
  font-size: 22px;
  font-weight: 700;
  border-radius: 100%;
  font-family: "Poppins";
  background-color: #e5e5ed;
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
  padding: 15px 10px 10px 32px;
}
.ft-service-slider-item:hover .ft-service-inner-text .ft-service-serial {
  background-color: #fde8e5;
}
.ft-service-section-2 {
  z-index: 1;
  overflow: hidden;
  padding: 105px 0px;
  background-color: #002531;
}
.ft-service-section-2 .ft-service-bg {
  left: 0;
  right: 0;
  top: -100px;
  z-index: -1;
}
.ft-service-section-2 .ft-section-title-2 span {
  color: #fff;
}
.ft-service-section-2 .ft-section-title-2 h2 {
  color: #fff;
}
.ft-service-content-2 {
  overflow: hidden;
  margin: 0px -15px;
  padding-top: 45px;
}
.ft-service-innerbox-2 {
  padding: 8px;
  max-width: 270px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 6px;
  background-color: #004150;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-service-innerbox-2 .ft-service-img {
  overflow: hidden;
  border-radius: 6px;
}
.ft-service-innerbox-2 .ft-service-icon {
  top: -35px;
  right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.ft-service-innerbox-2 .ft-service-icon i {
  font-size: 30px;
  line-height: 0.75;
  color: #ea1e00;
}
.ft-service-innerbox-2 h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 25px;
}
.ft-service-innerbox-2 .ft-service-text {
  padding: 30px 12px 20px;
}
.ft-service-innerbox-2 .ft-service-text .ft-btn-2 a:before {
  border: 2px solid #fff;
}
.ft-service-innerbox-2 .ft-service-text .ft-btn-2 a i {
  color: #fff;
}
.ft-service-innerbox-2 .ft-service-text .ft-btn-2 a:hover i {
  color: #002a34;
}
.ft-service-innerbox-2 .ft-service-serial {
  right: -35px;
  bottom: -45px;
  height: 100px;
  width: 100px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  border-radius: 100%;
  font-family: "Poppins";
  background-color: #002e39;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  padding: 15px 10px 10px 32px;
}
.ft-service-innerbox-2:hover {
  background-color: #ea1e00;
}
.ft-service-innerbox-2:hover .ft-service-serial {
  background-color: #c20001;
}
.ft-service-innerbox-2:hover .ft-service-icon {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.ft-service-page-items .ft-service-innerbox-2 {
  margin-bottom: 30px;
}
/*---------------------------------------------------- */
/*why choose area*/
/*----------------------------------------------------*/
.ft-why-choose-section {
  z-index: 1;
  padding-bottom: 80px;
}
.ft-why-choose-section:before {
  top: 0;
  right: 0;
  width: 50.7%;
  z-index: -1;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #fff;
}
.ft-why-choose-text-area .ft-section-title {
  max-width: 600px;
  padding-left: 100px;
}
.ft-why-choose-feature-wrapper {
  padding-top: 18px;
  padding-left: 30px;
}
.ft-why-choose-feature-item {
  margin-bottom: 25px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon {
  z-index: 1;
  width: 85px;
  height: 85px;
  margin-right: 23px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
  box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon i {
  font-size: 40px;
  line-height: 0.75;
  color: #ea1e00;
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon:before {
  top: 10px;
  left: 10px;
  content: "";
  z-index: -1;
  width: 65px;
  height: 65px;
  position: absolute;
  border-radius: 100%;
  background-color: #ffebe8;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text {
  max-width: 420px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text h3 {
  color: #00044b;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 10px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text p {
  line-height: 1.5;
}
.ft-why-choose-section-2 {
  z-index: 1;
  overflow: hidden;
  padding: 115px 0px 250px;
}
.ft-why-choose-section-2 .why-choose-img-2 {
  right: 0;
  bottom: 75px;
}
.ft-why-choose-section-2 .why-choose-bg-2 {
  top: 0;
  left: 0;
  opacity: 0.07;
  z-index: -1;
  position: absolute;
}
.ft-why-choose-section-2 .ft-why-choose-text-2 {
  padding-top: 50px;
}
.ft-why-choose-list-wrapper {
  max-width: 460px;
  margin-top: 42px;
}
.ft-why-choose-list-wrapper li {
  color: #0b0b0b;
  font-size: 18px;
  padding-left: 35px;
  margin-bottom: 15px;
  position: relative;
  font-family: "Poppins";
}
.ft-why-choose-list-wrapper li:last-child {
  margin-bottom: 0;
}
.ft-why-choose-list-wrapper li:before {
  top: 2px;
  left: 0;
  font-size: 18px;
  color: #008eff;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
.ft-why-choose-form-wrapper {
  padding-left: 35px;
}
.ft-why-choose-form {
  max-width: 455px;
  padding: 45px 30px 45px;
  background-color: #080c24;
}
.ft-why-choose-form .wc-input {
  margin-bottom: 20px;
}
.ft-why-choose-form .wc-input span {
  color: #fff;
  display: block;
  font-size: 15px;
  margin-bottom: 10px;
}
.ft-why-choose-form .wc-input select,
.ft-why-choose-form .wc-input input {
  width: 100%;
  height: 48px;
  border: none;
  border: none;
  color: #d0cfcf;
  font-size: 14px;
  border-radius: 5px;
  padding-left: 15px;
  -webkit-appearance: none;
  background-color: #494d62;
}
.ft-why-choose-form .wc-input select::-webkit-input-placeholder,
.ft-why-choose-form .wc-input input::-webkit-input-placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-input select::-moz-placeholder,
.ft-why-choose-form .wc-input input::-moz-placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-input select:-ms-input-placeholder,
.ft-why-choose-form .wc-input input:-ms-input-placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-input select::-ms-input-placeholder,
.ft-why-choose-form .wc-input input::-ms-input-placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-input select::placeholder,
.ft-why-choose-form .wc-input input::placeholder {
  color: #d0cfcf;
}
.ft-why-choose-form .wc-select:before {
  top: 13px;
  right: 12px;
  color: #d0cfcf;
  font-size: 15px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
.ft-why-choose-form .wc-input-range {
  margin-bottom: 20px;
}
.ft-why-choose-form .wc-input-range span {
  color: #fff;
  display: block;
  font-size: 15px;
  margin-bottom: 10px;
}
.ft-why-choose-form .wc-input-range #slider-range {
  height: 7px;
  width: 300px;
  border: none;
  border-radius: 0;
  margin-right: 15px;
  background-color: #adaeb0;
}
.ft-why-choose-form .wc-input-range #slider-range .ui-widget-header {
  background-color: #fa4318;
}
.ft-why-choose-form .wc-input-range #slider-range .ui-slider-handle {
  top: -10px;
  width: 27px;
  height: 27px;
  margin-left: 0;
  cursor: pointer;
  margin-bottom: 0;
  border-radius: 100%;
  border: 5px solid #fa4318;
}
.ft-why-choose-form .wc-input-range #slider-range .ui-slider-handle:focus {
  outline: none;
}
.ft-why-choose-form .wc-input-range .range-value input {
  width: 100px;
  height: 40px;
  border: none;
  color: #d0cfcf;
  border-radius: 5px;
  padding-left: 15px;
  background-color: #494d62;
}
.ft-why-choose-form button {
  color: #fff;
  height: 48px;
  border: none;
  width: 185px;
  margin-top: 5px;
  font-weight: 700;
  border-radius: 5px;
  border-radius: 5px;
  background-color: #008eff;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-why-choose-form button:hover {
  background-color: #fa4318;
}
.ft-why-choose-form p {
  color: #fff;
  font-size: 14px;
  padding-top: 15px;
}
.ft-why-choose-form p a {
  color: #008eff;
}
.ft-portfolio-content-2 {
  padding-top: 45px;
}
.ft-portfolio-section-2 {
  z-index: 1;
  overflow: hidden;
  padding: 105px 0px 90px;
}
.ft-portfolio-section-2:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 550px;
  position: absolute;
  background-color: #003440;
}
.ft-portfolio-section-2 .ft-section-title-2 {
  max-width: 505px;
}
.ft-portfolio-section-2 .ft-section-title-2 .sub-title {
  color: #fff;
}
.ft-portfolio-section-2 .ft-section-title-2 h2 {
  color: #fff;
  padding-bottom: 0;
}
.ft-portfolio-slider-item {
  padding: 5px;
}
.ft-portfolio-content-2 {
  margin: 0px -5px;
}
.ft-portfolio-slider-innerbox {
  overflow: hidden;
}
.ft-portfolio-slider-innerbox:before {
  top: 50%;
  left: 50px;
  right: 0;
  content: "";
  width: 92%;
  height: 92%;
  opacity: 0;
  margin: 0 auto;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: rgba(0, 54, 66, 0.95);
}
.ft-portfolio-slider-innerbox .ft-portfolio-text {
  left: 45px;
  bottom: 55px;
  max-width: 385px;
  position: absolute;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text h3 {
  opacity: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 20px;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text p {
  opacity: 0;
  color: #fff;
  max-width: 360px;
  padding-bottom: 25px;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ft-portfolio-slider-innerbox:hover:before {
  left: 0;
  opacity: 1;
}
.ft-testimonial-item-innerbox .ft-testimonial-text-item {
  padding-bottom: 35px;
}
.ft-testimonial-section-2 {
  overflow: hidden;
  padding-bottom: 115px;
}
.ft-testimonial-section-2 .ft-section-title-2 {
  margin: 0;
}
.ft-testimonial-section-2 .ft-section-title-2 h2 {
  padding-bottom: 0;
}
.ft-testimonial-section-2 .ft-title-text {
  max-width: 570px;
}
.ft-testimonial-innerbox-item-2 {
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
  padding: 30px 40px;
  background-color: white;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
  box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 100%;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-meta {
  margin-bottom: 12px;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-meta h3 {
  color: #003440;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 5px;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-meta span {
  color: #003440;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-rate {
  margin-top: 20px;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-rate li {
  color: #ffc039;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*---------------------------------------------------- */
/*Featured area*/
/*----------------------------------------------------*/
.ft-featured-section {
  padding: 105px 0px;
}
.ft-featured-content {
  padding-top: 45px;
}
.ft-featured-innerbox {
  z-index: 1;
  padding: 30px;
  overflow: hidden;
  border-radius: 6px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-top: 3px solid #ea1e00;
  background-color: white;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
  box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
}
.ft-featured-innerbox .ft-featured-icon {
  margin-bottom: 18px;
}
.ft-featured-innerbox .ft-featured-icon i {
  color: #003440;
  font-size: 60px;
  line-height: 0.75;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-featured-innerbox .ft-featured-text h3 {
  color: #003440;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 18px;
}
.ft-featured-innerbox .ft-featured-text p {
  padding-bottom: 20px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-featured-innerbox:before {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ea1e00;
}
.ft-featured-innerbox:hover {
  -webkit-box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
  box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
}
.ft-featured-innerbox:hover:before {
  height: 100%;
}
.ft-featured-innerbox:hover .ft-featured-icon i {
  color: #fff;
}
.ft-featured-innerbox:hover .ft-featured-text h3 {
  color: #fff;
}
.ft-featured-innerbox:hover .ft-featured-text p {
  color: #fff;
}
.ft-featured-innerbox:hover .ft-btn-2 a:before {
  border: 2px solid #fff;
}
.ft-featured-innerbox:hover .ft-btn-2 a i {
  color: #fff;
}
.ft-featured-innerbox:hover .ft-btn-2 a:hover i {
  color: #002a34;
}
/*---------------------------------------------------- */
/*Experience area*/
/*----------------------------------------------------*/
.ft-experience-section {
  padding: 55px 0px 95px;
}
.counter-boxed {
  padding: 22px 10px 20px;
  background-color: white;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
  box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.counter-boxed .graph-outer {
  margin: 0 auto;
  text-align: center;
  position: relative;
  border-radius: 100%;
  display: inline-block;
  background-color: #ffffff;
}
.counter-boxed h3 {
  color: #002a34;
  font-size: 18px;
  font-weight: 700;
  padding-top: 8px;
}
.counter-boxed .count-box {
  position: absolute;
  left: 0;
  top: 48%;
  width: 100%;
  font-size: 16px;
  color: #19274d;
  font-weight: 700;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.counter-boxed .count-box .count-text {
  color: #002a34;
  font-size: 21px;
  font-weight: 700;
  position: relative;
  font-family: "Poppins";
}
.ft-faq-why-choose-us-section .ft-section-title-2 {
  padding-bottom: 40px;
}
.ft-faq-why-choose-us-section .ft-section-title-2 h2 {
  padding-bottom: 0;
}
.ft-why-choose-content-2 {
  padding-left: 5px;
}
.ft-why-choose-feature-list-item-2 {
  padding: 25px 20px;
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: white;
  -webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
  box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-icon {
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-icon i {
  font-size: 35px;
  color: #ea1e00;
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-text h3 {
  color: #003440;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
}
.ft-why-choose-feature-list-item-2:hover .ft-why-choose-feature-icon {
  -webkit-animation: icon-bounce 0.8s ease-out infinite;
  animation: icon-bounce 0.8s ease-out infinite;
}
.ft-faq-page-top-content .ft-section-title-2 {
  margin: 0;
  max-width: 435px;
}
.ft-faq-page-top-content .ft-section-title-2 h2 {
  padding: 0;
}
.ft-faq-contact-form-area .ft-section-title-2 h2 {
  padding-top: 0;
  font-size: 24px;
}
.ft-footer-section-2 {
  background-color: #f4f4f4;
}
.ft-footer-section-2 .footer-shape1 {
  left: 0;
  bottom: 0;
}
.ft-footer-section-2 .ft-footer-newslatter {
  top: -115px;
  margin-bottom: -15px;
}
.ft-footer-section-2 .ft-footer-newslatter-content {
  padding: 65px 60px;
  border-radius: 120px;
  background-color: #ea1e00;
}
.ft-footer-section-2 .ft-footer-newslatter-content h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  max-width: 510px;
  line-height: 1.333;
}
.ft-footer-section-2 .ft-footer-newslatter-form {
  width: 500px;
}
.ft-footer-section-2 .ft-footer-newslatter-form input {
  width: 100%;
  color: #fff;
  height: 60px;
  padding-left: 20px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: transparent;
}
.ft-footer-section-2
  .ft-footer-newslatter-form
  input::-webkit-input-placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::-moz-placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input:-ms-input-placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::-ms-input-placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::placeholder {
  color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form button {
  top: 0;
  right: 0;
  width: 160px;
  height: 60px;
  border: none;
  color: #003440;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  border-radius: 30px;
  font-family: "Poppins";
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-footer-section-2 .ft-footer-newslatter-form button:hover {
  color: #fff;
  background-color: #00044b;
}
.ft-footer-copywrite-2 {
  color: #fff;
  font-weight: 700;
  padding: 22px 0px;
  background-color: #003440;
}
.ft-fact-counter .column .sub-title {
  position: relative;
  font-weight: 700;
  color: #010101;
  font-size: 18px;
  margin-top: 8px;
  display: block;
}
@media screen and (max-width: 1650px) {
  .ft-portfolio-slider-innerbox .ft-portfolio-text h3 {
    font-size: 20px;
  }
  .ft-portfolio-slider-innerbox .ft-portfolio-text {
    left: 30px;
    max-width: 265px;
  }
  .ft-why-choose-section-2 .why-choose-img-2 {
    right: -280px;
  }
}
@media screen and (max-width: 1280px) {
  .ft-why-choose-section-2 .why-choose-img-2 {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  .ft-section-title .sub-title {
    font-size: 16px;
    padding: 0px 35px;
  }
  .ft-section-title .sub-title:before,
  .ft-section-title .sub-title:after {
    top: 13px;
    height: 2px;
    width: 28px;
  }
  .ft-testimonial-innerbox-item-2 {
    max-width: 550px;
  }
  .ft-why-choose-feature-list-item-2 .ft-why-choose-feature-text p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .ft-footer-section-2 .ft-footer-newslatter-content h2 {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .ft-service-text-area {
    margin: 0 auto;
    max-width: 570px;
    margin-bottom: 30px;
  }
  .ft-service-text-area .ft-btn {
    margin-top: 0;
  }
  .ft-why-choose-text-area {
    margin: 0 auto;
    max-width: 670px;
  }
  .ft-why-choose-section:before {
    width: 76.7%;
  }
  .ft-why-choose-section:before {
    width: 100%;
  }
  .ft-featured-innerbox {
    margin-bottom: 30px;
  }
  .ft-about-text-wrapper-2,
  .ft-about-img-2-wrapper {
    margin: 0 auto;
    max-width: 570px;
    padding-bottom: 30px;
  }
  .ft-about-img-2-wrapper {
    padding-bottom: 0;
  }
  .ft-testimonial-innerbox-item-2 {
    max-width: 430px;
  }
  .ft-why-choose-form {
    margin: 0 auto;
    margin-top: 40px;
  }
}
@media screen and (max-width: 820px) {
  .ft-faq-page-top-content .ft-section-title-2 h2 {
    padding-bottom: 20px;
  }
  .ft-why-choose-section-2 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ft-why-choose-text-area .ft-section-title {
    padding-left: 0;
  }
  .ft-why-choose-feature-wrapper {
    padding-left: 0;
  }
  .ft-why-choose-feature-item .ft-why-choose-feature-text {
    max-width: 250px;
  }
  .ft-why-choose-feature-item .ft-why-choose-feature-text h3 {
    font-size: 18px;
  }
  .ft-why-choose-feature-item .ft-why-choose-feature-icon {
    height: 70px;
    width: 70px;
  }
  .ft-why-choose-feature-item .ft-why-choose-feature-icon:before {
    width: 50px;
    height: 50px;
  }
  .ft-why-choose-feature-item .ft-why-choose-feature-icon i {
    font-size: 30px;
  }
  .ft-why-choose-section {
    padding-bottom: 30px;
  }
  .ft-section-title-2 h2 {
    font-size: 28px;
  }
  .ft-featured-section {
    padding: 50px 0px;
  }
  .ft-featured-content,
  .ft-service-content-2 {
    padding-top: 15px;
  }
  .ft-featured-innerbox .ft-featured-text h3 {
    font-size: 20px;
  }
  .ft-featured-innerbox .ft-featured-icon i {
    font-size: 40px;
  }
  .ft-featured-innerbox .ft-featured-icon {
    margin-bottom: 10px;
  }
  .ft-featured-innerbox .ft-featured-text h3 {
    padding-bottom: 10px;
  }
  .ft-service-section-2 {
    padding: 50px 0px;
  }
  .ft-about-section-2,
  .ft-portfolio-section-2 {
    padding: 50px 0px;
  }
  .ft-experience-section {
    padding-bottom: 50px;
  }
  .ft-footer-section-2 .ft-footer-newslatter-content h2 {
    font-size: 20px;
  }
  .ft-footer-section-2 .ft-footer-newslatter-content {
    padding: 20px 30px;
    border-radius: 0px;
  }
  .ft-footer-section-2 .ft-footer-newslatter-form button {
    height: 50px;
    width: 120px;
    font-size: 14px;
  }
  .ft-footer-section-2 .ft-footer-newslatter-form input {
    height: 50px;
  }
  .ft-footer-section-2 .ft-footer-newslatter {
    margin-bottom: -75px;
  }
  .ft-why-choose-section-2 {
    padding-top: 60px;
  }
  .ft-why-choose-section-2 .ft-why-choose-text-2 {
    padding-top: 0px;
  }
  .ft-why-choose-form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 380px) {
  .ft-why-choose-feature-item .ft-why-choose-feature-text {
    max-width: 200px;
  }
}