@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@200;300;400;500;600;700&display=swap");
/*============================== Variables =========================*/
:root {
  --brand: #005AD7;
  --accent: #FC4768;
  --orange: #F99746;
  --brand-light: #BCD1EF;
  --red: #EA3E3E;
  --dark: #222;
  --dark-light: #696969;
  --grey: #7C7C7C;
  --body-text-color: #5A5A5A;
  --white: #ffffff;
  --body-font: 'Poppins', sans-serif;
  --second-font: 'Montserrat', sans-serif;
  --rubik: 'Rubik', sans-serif;
  --open-sans: 'Open Sans', sans-serif;
  --transition: all .3s ease-in-out;
}

* {
  margin: 0%;
  padding: 0%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 100%;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

html, body {
  font-size: 16px;
}

body {
  background-color: #fff;
  text-rendering: optimizeLegibility;
  font-family: var(--body-font);
  line-height: 1.7;
  color: var(--body-text-color);
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}

.h1 {
  font-size: 2.75rem;
  font-weight: 600;
}

h2, .h2 {
  font-size: 1.875rem;
  font-weight: 700;
  color: var(--dark-light);
}

h2.sm, .h2.sm {
  font-size: 1.75rem;
}

h3, .h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--dark-light);
}

h4, .h4 {
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--dark-light);
}

h5, .h5 {
  font-size: 1.25rem;
}

.lead-lg {
  font-size: 1.375rem;
}

.lead-lg {
  font-size: 1.125rem;
}

.ff-mont {
  font-family: var(--second-font);
}

.water__text {
  font-size: 6.37rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.03);
}

.z--1 {
  z-index: -1;
}

.figure {
  margin: 0;
}

.ptb {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.text-colored {
  color: var(--orange) !important;
}

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

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

.bg-light {
  background-color: #F7F7F7 !important;
}

.bg-gradient {
  background-color: #F8FCFF !important;
}

.bg-gradient-dark {
  background-color: #EFF9FF !important;
}

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

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

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

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

.text-black {
  color: #2E2E2E !important;
}

.round {
  border-radius: .625rem;
}

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

.color-60 {
  color: #606060;
}

.color-48 {
  color: #484848;
}

.fs-italic {
  font-style: italic;
}

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

.ff-oswald {
  font-family: var(--oswald);
}

.fw-medium {
  font-weight: 500 !important;
}

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

.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.col--5 {
  max-width: 20%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}

.z-index {
  z-index: 12;
  position: relative;
}

.link {
  color: var(--brand-alt);
  cursor: pointer;
  word-wrap: break-word;
  text-decoration: none;
}

.link:hover {
  color: var(--dark);
}

a {
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  color: var(--dark);
}

a:hover {
  color: var(--brand);
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}

ul li {
  list-style-type: none;
}

.btn:focus, .form-control:focus, .form-select:focus, .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-primary, .btn-white, .btn-outline-white {
  border-color: var(--brand);
  background-color: var(--brand);
  border-radius: .875rem;
  color: #fff;
  font-size: 1.125rem;
  padding: 0 1.5rem;
  min-height: 3.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  font-weight: 600;
  letter-spacing: 1px;
}

.btn-primary.round, .btn-white.round, .btn-outline-white.round {
  border-radius: 2rem;
}

.btn-primary:hover, .btn-white:hover, .btn-outline-white:hover {
  border-color: var(--dark);
  background-color: var(--dark);
}

.btn-primary:focus, .btn-white:focus, .btn-outline-white:focus {
  background-color: var(--dark);
}

.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: var(--dark);
}

.btn-white svg {
  width: 1.75rem;
  height: 1.75rem;
  margin-right: .75rem;
  color: var(--brand);
}

.btn-white:hover {
  background-color: var(--brand);
  border-color: var(--brand);
  color: var(--white);
}

.btn-white:hover svg {
  color: var(--white);
}

.btn-white:focus {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--white);
}

.btn-white:focus svg {
  color: var(--white);
}

.btn-outline-brand {
  border: 2px solid var(--dark_blue);
  background-color: transparent;
  color: var(--dark_blue);
  font-weight: 600;
  border-radius: 3rem;
}

.btn-oranged {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25rem;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-color: var(--orange);
  color: var(--white);
  background-color: var(--orange);
  min-height: 3rem;
  border-radius: .35rem;
  padding: 0.12rem 1.4rem .12rem 1.4rem;
}

.btn-oranged .icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--white);
  margin-left: .5rem;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.btn-oranged .icon img {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-oranged:hover {
  background-color: var(--dark);
  color: var(--white);
  border-color: var(--dark);
}

.btn-oranged:hover .icon {
  background-color: var(--white);
}

.owl-nav {
  width: 7rem;
  margin: 3rem auto 0 auto;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
  background-color: var(--brand) !important;
  margin: .25rem;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 1.5rem 1.5rem !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMS40OTIiIGhlaWdodD0iMjYuNzI3IiB2aWV3Qm94PSIwIDAgMzEuNDkyIDI2LjcyNyI+CiAgPGcgaWQ9Im5vdW4tbmV4dC0xNDU1MjEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg3LjYgLTE0Ni43MTkpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzI0IiBkYXRhLW5hbWU9IlBhdGggMjQiIGQ9Ik0zODMuNiwxNTYuNDU3aDIuMDcydi00Ljc2NWw4LjM5MSw4LjM5MS04LjM5MSw4LjM5MXYtNC43NjVIMzgzLjZ2OS43MzhsMTMuMzYzLTEzLjM2M0wzODMuNiwxNDYuNzE5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3Ny44NzIpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iUGF0aF8yNSIgZGF0YS1uYW1lPSJQYXRoIDI1IiBkPSJNMTg3LjYsMjgwaDE4LjY0NnYyLjA3MkgxODcuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEyMC45NTQpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K") !important;
}

.owl-nav .owl-prev {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
}

.owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 1rem;
  margin: 0 .2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #EFEFEF !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.owl-dots .owl-dot.active {
  background-color: var(--lime) !important;
}

.modal-open {
  padding-right: 0 !important;
}

.modal .modal-dialog {
  max-width: 500px;
}

.modal .modal-dialog.max-400 {
  max-width: 400px;
}

.modal .modal-body {
  padding: 1.5rem;
}

.tooltip {
  opacity: 1;
}

.tooltip .tooltip-inner {
  padding: 0 .5rem;
  min-height: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--dark);
  opacity: 1;
  line-height: 1.2;
}

.tooltip.show {
  opacity: 1 !important;
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
  color: var(--white) !important;
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.arrow__list li {
  position: relative;
  padding-left: 1.5rem;
}

.arrow__list li::before {
  content: '';
  width: 1.125rem;
  height: 1rem;
  display: block;
  background: url("../images/icons/arrow-right.svg") no-repeat center center/contain;
  position: absolute;
  top: .35rem;
  left: 0%;
}

.arrow__list li:not(:last-child) {
  margin-bottom: 1rem;
}

/*====================== Navigation Styles ===================*/
.navbar {
  padding: 0.5rem 0;
  background-color: rgba(199, 233, 255, 0.15);
}

.navbar .container {
  position: relative;
}

.navbar .navbar-brand {
  display: block;
  padding: 0;
  position: relative;
  z-index: 11;
}

.navbar .navbar-brand img {
  max-height: 6rem;
  width: auto;
}

.navbar .nav-item {
  margin-left: .5rem;
}

.navbar .nav-link {
  font-size: .937rem;
  color: #3D3D3D;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--second-font);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: .5rem;
}

.navbar .nav-link:hover {
  color: var(--accent);
}

.navbar .nav-link.outlined, .navbar .nav-link.filled {
  padding: .35rem 1rem !important;
  border: 1px solid #707070;
}

.navbar .nav-link.outlined:hover, .navbar .nav-link.filled:hover {
  background-color: #707070;
  color: var(--white);
}

.navbar .nav-link.filled {
  border-color: var(--accent);
  background-color: var(--accent);
  color: var(--white);
}

.navbar .nav-link.filled:hover {
  border-color: var(--brand);
  background-color: var(--brand);
  color: var(--white);
}

.navbar .dropdown-toggle::after {
  border-top-color: var(--yellow);
}

.navbar .nav-item.active .nav-link {
  color: var(--accent);
}

.navbar .navbar-toggler {
  border: 1px solid transparent;
  width: 28px;
  height: 22px;
  position: relative;
  background-color: transparent;
  padding: 0%;
  border-radius: 0;
  color: #fff;
}

.navbar .navbar-toggler svg rect {
  color: var(--brand);
  fill: var(--brand);
}

.navbar .navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.navbar .closeBtn {
  margin-left: -2.35rem;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  background-color: #fff;
  padding: 0.5rem;
  position: relative;
  z-index: 99;
}

.navbar .closeBtn svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--dark);
}

.navbar.fixed-top {
  background-color: #EFF9FF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-animation: mymove .5s ease-in-out;
          animation: mymove .5s ease-in-out;
  padding: .2rem 0;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.navbar.fixed-top .navbar-brand img {
  max-height: 4rem;
}

@-webkit-keyframes mymove {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@keyframes mymove {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@media (min-width: 992px) {
  .navbar .dropdown .dropdown-menu {
    display: block;
  }
  .navbar .dropdown:hover .dropdown-menu {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 1400px) {
  .navbar .navbar-brand img {
    max-height: 5rem;
  }
  .navbar .nav-item {
    margin-left: .25rem;
  }
  .navbar .nav-link.outlined, .navbar .nav-link.filled {
    padding: .35rem .625rem !important;
  }
}

@media (max-width: 1200px) {
  .navbar .navbar-brand img {
    max-height: 5rem;
  }
  .navbar .nav-item {
    margin-left: 0;
  }
  .navbar .nav-link {
    font-size: .875rem;
  }
  .navbar .nav-link.filled {
    margin-left: .25rem;
  }
}

@media (max-width: 992px) {
  .navbar .dropdown .dropdown-menu .content {
    padding-left: 0% !important;
  }
  .navbar {
    padding: 1rem 0;
    height: auto;
  }
  .navbar .navbar-brand img {
    max-height: 5rem;
  }
  .navbar .navbar-collapse {
    position: fixed;
    top: 0%;
    left: auto;
    width: 100%;
    background-color: #fafafa;
    padding: 1rem 1rem 1rem 1rem;
    height: 100vh;
    max-width: 320px;
    right: 0;
    z-index: 9999;
    -webkit-box-shadow: -1px -1px 5px #00000061;
            box-shadow: -1px -1px 5px #00000061;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
  }
  .navbar .navbar-collapse::before {
    content: '';
    width: 100vw;
    height: 100%;
    display: block;
    background-color: #06060657;
    position: absolute;
    top: 0%;
    left: -100vw;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .navbar .navbar-collapse.show {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  .navbar .navbar-collapse.show::before {
    opacity: 1;
    visibility: visible;
  }
  .navbar .navbar-collapse .navbar-nav {
    min-height: calc(100vh - 4rem);
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 1rem;
  }
  .navbar .nav-item {
    margin-left: 0;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #00000010;
  }
  .navbar .nav-link {
    width: 100%;
    padding: .625rem 0rem;
    font-size: 1.125rem;
    color: var(--dark);
  }
  .navbar .nav-link.outlined {
    margin: .5rem 0;
    text-align: center;
  }
  .navbar .nav-link.filled {
    margin: .5rem 0 0 0%;
    text-align: center;
  }
}

@media (max-width: 576px) {
  .navbar .navbar-brand img {
    max-height: 4rem;
  }
  .navbar .navbar-collapse {
    padding: 1rem 1.5rem;
  }
  .navbar .navbar-toggler.jsExpand span:nth-child(1) {
    top: 9px;
  }
  .navbar .closeBtn {
    margin-left: 0;
  }
}

/*---------- Call Action Buttons Styles ----------*/
.actions__box {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 999;
}

.actions__box a {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  margin-top: .7rem;
  -webkit-animation: pulse 1.5s infinite;
          animation: pulse 1.5s infinite;
}

.actions__box a.call {
  -webkit-animation: pulse 1.75s infinite;
          animation: pulse 1.75s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #0568A8;
  }
  70% {
    -webkit-box-shadow: 0 0 0 1.25rem #0567a800;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 #0567a800;
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #0568A8;
            box-shadow: 0 0 0 0 #0568A8;
  }
  70% {
    -webkit-box-shadow: 0 0 0 1.25rem #0567a800;
            box-shadow: 0 0 0 1.25rem #0567a800;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 #0567a800;
            box-shadow: 0 0 0 0 #0567a800;
  }
}

footer {
  color: #fff;
  background-color: #292929;
  padding: 3rem 0 0 0;
}

footer .content__box {
  max-width: 20rem;
  width: 100%;
}

footer .logo img {
  max-width: 12rem;
  height: auto;
}

footer a {
  color: var(--white);
  font-size: 1.125rem;
  text-transform: capitalize;
  font-weight: 400;
  font-family: var(--second-font);
}

footer a:hover {
  opacity: 1;
  text-decoration: underline;
  color: var(--white);
  opacity: .7;
}

footer ul li:not(:last-child) {
  margin-bottom: .875rem;
}

footer .address__list li .icon {
  width: 1.25rem;
  height: 1.875rem;
}

footer .address__list li .caption {
  width: calc(100% - 1.25rem);
  padding-left: .5rem;
}

footer .address__list li:not(:last-child) {
  margin-bottom: .875rem;
}

footer .copyright {
  color: var(--white);
  text-align: center;
  background-color: #403F3F;
}

/*---------------------- Back to Top Css --------------*/
.backTop {
  position: fixed;
  bottom: 2rem;
  right: 1.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid var(--white);
  border-radius: 50%;
  background-color: var(--brand);
  z-index: 99;
  display: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFycm93LXVwIj48bGluZSB4MT0iMTIiIHkxPSIxOSIgeDI9IjEyIiB5Mj0iNSI+PC9saW5lPjxwb2x5bGluZSBwb2ludHM9IjUgMTIgMTIgNSAxOSAxMiI+PC9wb2x5bGluZT48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: 1.75rem;
  background-position: center center;
}

.backTop:hover {
  background-color: var(--dark);
}

.backTop.show {
  display: block;
}

/*====================================================== Home Page Styles =========================================================================================*/
/*======================= Header Wrapper Styles ========================*/
.header__wrapper {
  padding: 3rem 0 0rem 0;
  background-color: rgba(199, 233, 255, 0.15);
}

.header__wrapper .h1 {
  font-size: 3rem;
  line-height: 1.2;
  max-width: 33rem;
  color: #222222;
}

.header__wrapper .h1.lg {
  max-width: 41rem;
}

.header__wrapper .h1.skills {
  max-width: 38rem;
  margin-right: auto;
}

.header__wrapper .h1 .shine {
  position: relative;
  overflow: hidden;
  /* animation */
}

.header__wrapper .h1 .shine:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -30px;
  width: 1rem;
  height: 80%;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transform: skewX(-37deg);
          transform: skewX(-37deg);
  -webkit-animation-name: slide;
          animation-name: slide;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: .1s;
          animation-delay: .1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: forward;
          animation-direction: forward;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.65)), color-stop(77%, rgba(255, 255, 255, 0.85)), color-stop(92%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.4)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.85) 77%, rgba(255, 255, 255, 0.7) 92%, rgba(255, 255, 255, 0.4) 100%);
}

@-webkit-keyframes slide {
  0% {
    left: 0px;
    top: 10px;
  }
  100% {
    left: 120%;
    top: 10px;
    opacity: 0;
  }
}

@keyframes slide {
  0% {
    left: 0px;
    top: 10px;
  }
  100% {
    left: 120%;
    top: 10px;
    opacity: 0;
  }
}

.header__wrapper .thumbnail__wrapp {
  text-align: center;
  max-width: 32rem !important;
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

.header__wrapper .thumbnail__wrapp .thumbnail {
  max-height: 41rem;
  height: auto;
}

.header__wrapper .thumbnail__wrapp .filled {
  max-width: 26rem;
}

.header__wrapper .thumbnail__wrapp .position-center {
  z-index: 0;
}

.header__wrapper .thumbnail__wrapp .icon {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: #647DE2;
  padding: .75rem;
  position: absolute;
  top: 40%;
  left: -4%;
}

.header__wrapper .thumbnail__wrapp .icon.icon-2 {
  top: 11%;
  left: auto;
  right: 2%;
}

.header__wrapper .thumbnail__wrapp .icon.icon-2.second {
  top: 20%;
}

.header__wrapper .limelightLustre {
  position: relative;
  top: -65px;
  left: 88px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.header__wrapper .limelightLustre svg {
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item img {
  width: auto;
}

/*----- Road map Wrapper Styles --------*/
.road__map__wrapp {
  position: relative;
  height: 30rem;
}

.road__map__wrapp .nav-pills {
  position: absolute;
  top: 0%;
  left: 0%;
}

.road__map__wrapp .nav-pills .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.road__map__wrapp .nav-pills .nav-link {
  padding: 0%;
  border: 0;
  background-color: transparent;
}

.road__map__wrapp .nav-pills .nav-link img {
  max-height: 20rem;
  width: auto;
}

.road__map__wrapp .nav-pills .nav-link.first {
  position: relative;
  left: 21%;
  bottom: -6rem;
}

.road__map__wrapp .nav-pills .nav-link.second {
  position: relative;
  bottom: -10rem;
}

.road__map__wrapp .nav-pills .nav-link.third {
  position: relative;
  bottom: -4rem;
  right: 4%;
}

.road__map__wrapp .nav-pills .nav-link .icon {
  position: absolute;
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 4rem;
  height: auto;
}

.road__map__wrapp .nav-pills .nav-link .icon.second {
  top: auto;
  bottom: 18%;
}

.road__map__wrapp .nav-pills .nav-link:hover {
  background-color: transparent;
}

.road__map__wrapp .nav-pills .nav-link.active {
  background-color: transparent;
}

/*---- About Wrapper Styles ---------*/
.about_thumbnail__wrapp {
  text-align: center;
  max-width: 28rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.about_thumbnail__wrapp .thumbnail {
  max-height: 41rem;
  width: auto;
}

.about_thumbnail__wrapp .filled {
  max-width: 24rem;
}

.about_thumbnail__wrapp .position-center {
  z-index: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-44deg);
          transform: translate(-50%, -50%) rotate(-44deg);
  margin-top: 2rem;
}

.about_thumbnail__wrapp .icon {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: #647DE2;
  padding: .75rem;
  position: absolute;
  top: 40%;
  left: -4%;
}

.about_thumbnail__wrapp .icon.icon-2 {
  top: 11%;
  left: auto;
  right: 2%;
}

.about_thumbnail__wrapp.about__page .thumbnail {
  max-height: 41rem;
}

.about_thumbnail__wrapp.about__page .position-center {
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
  max-width: 25rem;
}

.about_thumbnail__wrapp.about__page .position-center.filled {
  max-width: 22rem;
}

.about_thumbnail__wrapp.about__page.lg .thumbnail {
  max-height: 36rem;
}

.ablout_icons {
  width: 4rem;
  height: 4rem;
  border-radius: .85rem;
  background-color: var(--brand-light);
  padding: .875rem;
}

/*----- Subscription Wrapper Styles --------*/
.subscription__wrapper .nav-pills {
  max-width: 60rem;
  margin: 0 auto 0 auto;
  width: 100%;
  background: #FDFDFD 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: .875rem;
}

.subscription__wrapper .nav-pills .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.subscription__wrapper .nav-pills .nav-item .nav-link {
  font-size: 1.25rem;
  font-weight: 600;
  width: 100%;
  padding: .875rem;
  border-radius: .875rem;
  color: var(--body-text-color);
}

.subscription__wrapper .nav-pills .nav-item .nav-link.active {
  background-color: transparent;
  color: var(--brand);
  border: 2px solid var(--brand);
}

.subscription__wrapper .card {
  border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #CCCCCC;
}

.subscription__wrapper .card .card-header {
  background-color: var(--brand);
  color: var(--white);
}

.subscription__wrapper .card .card-body {
  font-size: 1.125rem;
}

.subscription__wrapper .card .card-body ul li:not(:last-child) {
  margin-bottom: .5rem;
}

/*----- Mobile Select Tabs Styles ----------*/
.tab__select {
  position: -webkit-sticky;
  position: sticky;
  top: 4.35rem;
  z-index: 99;
  background-color: #fff;
  padding: .4rem 0;
}

.tab__select .form-select.tabs {
  border: 2px solid var(--brand);
  border-radius: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
  max-width: 14rem;
  margin: 0 auto;
  color: var(--brand);
  padding: .5rem .875rem;
}

/*---- Testimonial Wrapper Styles ---------*/
.video__box {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #ccc;
  border-radius: .5rem;
}

.video__box::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.video__box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0px;
}

.video__item {
  border-radius: 1rem;
  overflow: hidden;
}

.video__item::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.705);
}

.video__item a {
  font-size: 2rem;
  color: red;
  z-index: 11;
}

.video__item a img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.video__item a:hover img {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

/*----------- Locations Wrapper ---------------*/
.accordion .accordion-item {
  border: 1px solid #F0F0F0;
  background-color: var(--white);
  border-radius: 1rem;
  overflow: hidden;
}

.accordion .accordion-item .accordion-button {
  background-color: var(--white);
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1rem;
  color: #000000;
}

.accordion .accordion-item .accordion-button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDVBRDciIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItcGx1cyI+PGxpbmUgeDE9IjEyIiB5MT0iNSIgeDI9IjEyIiB5Mj0iMTkiPjwvbGluZT48bGluZSB4MT0iNSIgeTE9IjEyIiB4Mj0iMTkiIHkyPSIxMiI+PC9saW5lPjwvc3ZnPg==");
}

.accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: var(--white);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--brand);
}

.accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDVBRDciIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItbWludXMiPjxsaW5lIHgxPSI1IiB5MT0iMTIiIHgyPSIxOSIgeTI9IjEyIj48L2xpbmU+PC9zdmc+");
}

.accordion .accordion-item .accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion .accordion-item:not(:last-child) {
  margin-bottom: 1rem;
}

.fluid__container {
  margin-left: auto;
  width: calc(100vw - var(--vw));
}

.fluid__container.start {
  margin-left: 0;
  margin-right: auto;
}

@media (min-width: 576px) {
  .fluid__container {
    width: 540px;
    margin-left: auto !important;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .fluid__container {
    max-width: 720px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .fluid__container.start {
    margin-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .fluid__container {
    max-width: calc(100vw - var(--vwlg));
    margin-left: auto;
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .fluid__container {
    margin-left: auto;
    margin-right: 0;
    max-width: calc(100vw - var(--vwxl));
  }
}

@media (min-width: 1400px) {
  .fluid__container {
    margin-left: auto;
    margin-right: 0;
    max-width: calc(100vw - var(--vwxxl));
  }
}

@media (max-width: 576px) {
  .fluid__container {
    padding-left: 0.5rem;
    padding-right: .5rem;
  }
}

@media (max-width: 1400px) {
  .header__wrapper .h1 {
    font-size: 2.5rem;
    max-width: 32rem;
  }
  .header__wrapper .thumbnail__wrapp {
    text-align: center;
    max-width: 24rem !important;
  }
  .header__wrapper .thumbnail__wrapp .filled {
    max-width: 21rem;
  }
  .header__wrapper .thumbnail__wrapp .icon {
    left: -9%;
  }
  .header__wrapper .thumbnail__wrapp .icon.icon-2 {
    top: 20%;
    right: -6%;
  }
  .road__map__wrapp .nav-pills .nav-link img {
    max-height: 17.5rem;
  }
  .about_thumbnail__wrapp .thumbnail {
    max-height: 22rem;
  }
  .about_thumbnail__wrapp .thumbnail .about_thumbnail__wrapp .position-center {
    max-width: 20rem;
  }
  .about_thumbnail__wrapp .thumbnail .about_thumbnail__wrapp .position-center.filled {
    max-width: 18rem;
  }
}

@media (max-width: 1200px) {
  html, body {
    font-size: 15px;
  }
  .header__wrapper .h1 {
    font-size: 2.25rem;
    max-width: 29rem;
  }
  .header__wrapper .thumbnail__wrapp .icon.icon-2.second {
    right: -1%;
  }
  .road__map__wrapp {
    height: 24rem;
  }
  .road__map__wrapp .nav-pills .nav-link img {
    max-height: 15.5rem;
  }
  .road__map__wrapp .nav-pills .nav-link .icon {
    top: 22%;
    max-width: 3rem;
  }
  .road__map__wrapp .nav-pills .nav-link .icon.second {
    bottom: 20%;
    max-width: 2.5rem;
  }
  .road__map__wrapp .nav-pills .nav-link.first {
    bottom: -4rem;
  }
  .road__map__wrapp .nav-pills .nav-link.second {
    bottom: -8rem;
  }
  .road__map__wrapp .nav-pills .nav-link.third {
    bottom: -3.5rem;
  }
}

@media (max-width: 992px) {
  html, body {
    font-size: 14px;
  }
  h2, .h2 {
    font-size: 1.625rem;
  }
  h3, .h3 {
    font-size: 1.35rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
  .lead-lg {
    font-size: 1.125rem;
  }
  .h1 {
    font-size: 2.5rem;
  }
  .header__wrapper .h1.lg {
    max-width: 39rem;
    margin-left: auto;
    margin-right: auto;
  }
  .ptb {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .header__wrapper {
    text-align: center;
  }
  .header__wrapper .h1 {
    font-size: 2.2rem;
    padding-top: 1rem;
    max-width: 100%;
  }
  .road__map__wrapp {
    height: 21rem;
  }
  .road__map__wrapp .nav-pills .nav-link img {
    max-height: 13.5rem;
  }
  .road__map__wrapp .nav-pills .nav-link .icon {
    top: 22%;
    max-width: 3rem;
  }
  .road__map__wrapp .nav-pills .nav-link .icon.second {
    bottom: 20%;
    max-width: 2.5rem;
  }
  .road__map__wrapp .nav-pills .nav-link.first {
    bottom: -2rem;
  }
  .road__map__wrapp .nav-pills .nav-link.second {
    bottom: -8rem;
  }
  .road__map__wrapp .nav-pills .nav-link.third {
    bottom: -2.5rem;
  }
}

@media (max-width: 768px) {
  html, body {
    font-size: 13px;
  }
  .h1 {
    font-size: 2rem;
  }
  h2, .h2 {
    font-size: 1.5rem;
  }
  h2.sm, .h2.sm {
    font-size: 1.5rem;
  }
  h3, .h3 {
    font-size: 1.25rem;
  }
  h4, .h4 {
    font-size: 1.125rem;
  }
  .lead-lg {
    font-size: 1rem;
  }
  .ptb {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .col--5 {
    max-width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
  }
  .road__map__wrapp {
    height: 17rem;
  }
  .road__map__wrapp .nav-pills .nav-link img {
    max-height: 9rem;
  }
  .road__map__wrapp .nav-pills .nav-link .icon {
    top: 24%;
    max-width: 2rem;
  }
  .road__map__wrapp .nav-pills .nav-link .icon.second {
    bottom: 23%;
    max-width: 1.5rem;
  }
  .road__map__wrapp .nav-pills .nav-link.first {
    bottom: -2.5rem;
  }
  .road__map__wrapp .nav-pills .nav-link.second {
    bottom: -7rem;
  }
  .road__map__wrapp .nav-pills .nav-link.third {
    bottom: -2.5rem;
  }
  footer .logo img {
    max-width: 9rem;
  }
}

@media (max-width: 576px) {
  .ptb {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .backTop {
    width: 2.75rem;
    height: 2.75rem;
    background-size: 1.25rem;
    bottom: 3rem;
    right: 1rem;
  }
  .header__wrapper {
    padding: 2rem 0;
  }
  .header__wrapper .h1 {
    font-size: 1.5rem;
    max-width: 17rem;
    margin-left: auto;
    margin-right: auto;
  }
  .header__wrapper .h1.lg {
    max-width: 20rem;
  }
  .header__wrapper .thumbnail__wrapp {
    text-align: center;
    max-width: 19rem !important;
    margin-top: 2rem;
  }
  @-webkit-keyframes slide {
    0% {
      left: 0px;
      top: 0px;
    }
    100% {
      left: 120%;
      top: 0px;
      opacity: 0;
    }
  }
  @keyframes slide {
    0% {
      left: 0px;
      top: 0px;
    }
    100% {
      left: 120%;
      top: 0px;
      opacity: 0;
    }
  }
  .accordion .accordion-item:not(:last-child) {
    margin-bottom: .5rem;
  }
  .accordion .accordion-item .accordion-button {
    padding: .875rem;
  }
  .owl-nav {
    width: 7rem;
    margin: 1rem auto 0 auto;
  }
  .owl-nav .owl-prev, .owl-nav .owl-next {
    width: 2.5rem;
    height: 2.5rem;
    background-size: 1rem 1rem !important;
  }
  footer ul li:not(:last-child) {
    margin-bottom: .25rem;
  }
  .btn-primary, .btn-white, .btn-outline-white {
    border-radius: .5rem;
    font-size: 1rem;
    padding: 0 1.5rem;
    min-height: 2.875rem;
  }
  .subscription__wrapper .nav-pills .nav-item .nav-link {
    font-size: 1.125rem;
    padding: .5rem;
    border-radius: .5rem;
  }
  .col--5 {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  footer .content__box {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 480px) {
  .road__map__wrapp .nav-pills .nav-link.first, .road__map__wrapp .nav-pills .nav-link.third {
    bottom: -1.5rem;
  }
}
/*# sourceMappingURL=style.css.map */