@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap");
:root {
  --base-font-color: hsl(0, 0%, 0%);
  --base-gap: 2rem;
  --base-gap-2: 2rem;
  --base-gap-4: 2rem;
  --base-gap-8: 2rem;
  --neutral-color-400: hsl(0,0%,40%);
  --header-height: 5rem;
  --pri-color-1-100: hsl(7, 80%, 84%);
  --pri-color-1-200: hsl(7, 80%, 74%);
  --pri-color-1-300: hsl(7, 80%, 64%);
  --pri-color-1-400: hsl(7, 80%, 54%);
  --pri-color-1-500: hsl(7, 80%, 44%);
  --pri-color-2-100: hsl(49, 100%, 83%);
  --pri-color-2-200: hsl(49, 100%, 73%);
  --pri-color-2-300: hsl(49, 100%, 63%);
  --pri-color-2-400: hsl(49, 100%, 53%);
  --pri-color-2-500: hsl(49, 100%, 47%);
  --pri-color-3-100: hsl(224, 50%, 95%);
  --pri-color-3-200: hsl(224, 50%, 76%);
  --pri-color-3-300: hsl(224, 50%, 56%);
  --pri-color-3-400: hsl(224, 50%, 36%);
  --sec-color-1-100: hsl(0, 0%, 95%);
  --sec-color-1-200: hsl(0, 0%, 80%);
  --sec-color-1-300: hsl(0, 0%, 55%);
  --sec-color-1-400: hsl(0, 0%, 40%);
  --sec-color-1-500: hsl(0, 0%, 25%);
  --sec-color-2-200: hsl(225, 32%, 93%);
  --sec-color-2-300: hsl(225, 32%, 83%);
  --sec-color-2-400: hsl(225, 32%, 73%);
  --sec-color-3-300: hsl(190, 59%, 93%);
  --sec-color-3-400: hsl(190, 59%, 83%);
  --sec-color-4-200: hsl(191, 59%, 85%);
  --sec-color-4-300: hsl(191, 59%, 75%);
  --sec-color-4-400: hsl(191, 59%, 65%);
  --disclaimer-height: 3rem; }

@media only screen and (min-width: 550px) {
  :root {
    --base-font-color: hsl(0, 0%, 0%);
    --base-gap: 3rem;
    --base-gap-2: 3rem;
    --base-gap-4: 3rem;
    --base-gap-8: 3rem; } }
@media only screen and (min-width: 768px) {
  :root {
    --base-font-color: hsl(0, 0%, 0%);
    --base-gap: 3rem;
    --base-gap-2: 3rem;
    --base-gap-4: 3rem;
    --base-gap-8: 3rem; } }
h1,
.text-5,
.heading-1 {
  font-size: 2.488rem;
  font-size: clamp(2.488rem, calc(2.2156rem + 1.362vw), 3.85rem);
  line-height: 1.35;
  font-weight: 600; }

h2,
.text-4,
.btn.text-4,
.heading-2 {
  font-size: 2.074rem;
  font-size: clamp(2.074rem, calc(1.919rem + 0.776vw), 2.85rem);
  line-height: 1.5; }

h3,
.text-3,
.btn.text-3,
.heading-3 {
  font-size: 1.728rem;
  font-size: clamp(1.728rem, calc(1.600rem + 0.641vw), 2.369rem);
  line-height: 1.5; }

h4,
.text-2,
.btn.text-2,
.heading-4 {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, calc(1.15rem + 0.5vw), 1.75rem);
  line-height: 1.5; }

h5,
.text-1,
.btn.text-1,
.heading-5 {
  font-size: 1.1rem;
  font-size: clamp(1.1rem, calc(1.07rem + 0.150vw), 1.25rem); }

b {
  font-weight: bold; }

h1, .heading-1,
h2, .heading-2,
h3, .heading-3,
h4, .heading-4,
h5, .heading-5 {
  font-weight: 700;
  font-family: 'Titillium Web', sans-serif;
}

h1, .heading-1,
h2, .heading-2,
h3, .heading-3 {
  margin: 0 0 2rem;
  font-family: 'Titillium Web', sans-serif;
  line-height: 1.3; }

h4, .heading-4,
h5, .heading-5 {
  margin: 1rem 0;
  font-weight: 600; }

h1 span, .heading-1 span,
h2 span, .heading-2 span,
h3 span, .heading-3 span,
h4 span, .heading-4 span,
h5 span, .heading-5 span {
  color: #4FD9E2;
}

a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none; }

.btn {
  font-size: 1rem;
  padding: 1rem 2rem 1rem;
  color: var(--base-font-color);
  border-radius: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  font-family: "Inter", sans-serif;
  text-decoration: none;
  line-height: 1;
  min-width: 10rem;
  height: auto;
  text-align: center;
  width: auto;
  border: 2px solid transparent;
  position: relative;
  background-color: white;
  -webkit-transition: color 250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: color 250ms cubic-bezier(0.77, 0, 0.175, 1);
  overflow: hidden;
  font-weight: 600; }
  .btn:hover {
    text-decoration: none;
    background-color: #d9d9d9; }
  .btn .icon {
    position: relative;
    z-index: 2; }
    .btn .icon:first-child:not(:only-child) {
      margin-right: 1rem;
      font-size: 1.2rem; }
      .btn .icon:first-child:not(:only-child) + .btn-label {
        font-size: 1rem;
        font-family: "Inter", sans-serif; }
    .btn .icon:last-child {
      margin-left: 1rem; }
    .btn .icon:only-child {
      margin: 0; }
  .btn .btn-label {
    position: relative;
    z-index: 2; }
  .btn.bordered {
    background-color: transparent;
    border-color: white;
    color: white; }
  .btn.btn-icon {
    min-width: 0;
    height: 5rem;
    width: 5rem;
    border-radius: 100%; }
  .btn.icon {
    min-width: 0;
    color: var(--base-font-color);
    background-color: transparent;
    padding: 0; }

.btn.pri-btn-1 {
  color: white;
  background-color: var(--pri-color-1-400); }
  .btn.pri-btn-1:hover {
    background-color: var(--pri-color-1-300); }

.btn.pri-btn-1.bordered {
  background-color: transparent;
  background-image: none;
  color: var(--pri-color-1-400);
  border: 1px solid var(--pri-color-1-400); }
  .btn.pri-btn-1.bordered:hover {
    background-color: var(--pri-color-1-400); }

.btn.pri-btn-2 {
  background-color: var(--pri-color-2-400);
  color: white; }
  .btn.pri-btn-2.bordered {
    background-color: white;
    color: var(--pri-color-2-400);
    border-color: var(--pri-color-2-400); }
    .btn.pri-btn-2.bordered:hover {
      color: white; }

.btn.pri-btn-3 {
  background-color: var(--pri-color-3-400);
  color: white; }

.btn.pri-btn-3.bordered {
  background-color: white;
  color: var(--pri-color-3-400);
  border-color: var(--pri-color-3-400); }
  .btn.pri-btn-3.bordered:hover {
    background-color: var(--pri-color-3-400);
    color: white; }

.btn.sec-btn-1 {
  background-color: var(--sec-color-1-400);
  color: white; }
  .btn.sec-btn-1:hover {
    background-color: var(--sec-color-1-300); }
  .btn.sec-btn-1.bordered {
    background-color: white;
    color: var(--sec-color-1-400);
    border-color: var(--sec-color-1-400); }
    .btn.sec-btn-1.bordered:hover {
      color: white; }

.btn.sec-btn-2 {
  background-color: var(--sec-color-2-400);
  color: white; }
  .btn.sec-btn-2:hover {
    background-color: var(--sec-color-2-300); }
  .btn.sec-btn-2.bordered {
    background-color: white;
    color: var(--sec-color-2-400);
    border-color: var(--sec-color-2-400); }
    .btn.sec-btn-2.bordered:hover {
      color: white; }

.btn.sec-btn-3 {
  background-color: var(--sec-color-3-400);
  color: white; }
  .btn.sec-btn-3:hover {
    background-color: var(--sec-color-3-300); }
  .btn.sec-btn-3.bordered {
    background-color: white;
    color: var(--sec-color-3-400);
    border-color: var(--sec-color-3-400); }
    .btn.sec-btn-3.bordered:hover {
      color: white; }

.btn.sec-btn-4 {
  background-color: var(--sec-color-4-400);
  color: white; }
  .btn.sec-btn-4:hover {
    background-color: var(--sec-color-4-300); }
  .btn.sec-btn-4.bordered {
    background-color: white;
    color: var(--sec-color-4-400);
    border-color: var(--sec-color-4-400); }
    .btn.sec-btn-4.bordered:hover {
      color: white; }

.btn.black-btn {
  background-color: var(--base-font-color);
  color: white; }
  .btn.black-btn.bordered {
    background-color: white;
    color: var(--base-font-color);
    border-color: var(--base-font-color); }
    .btn.black-btn.bordered:hover {
      color: white; }

.btn.text-btn {
  padding: 0;
  color: var(--pri-color-3-400);
  background-color: transparent !important;
  background-image: none !important;
  font-family: "Inter", sans-serif;
  min-width: 0;
  width: auto; }
  .btn.text-btn .icon:last-child:not(:only-child) {
    margin-left: 1rem; }

.btn.btn-large {
  padding: 1.5rem 2.5rem;
  font-size: 1.25rem; }

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  gap: 1rem;
  width: 100%; }
  .button-group .btn {
    width: 100%; }

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  flex-direction: column-reverse; 
}
  .card .img-container {
    position: relative; }
    .card .img-container img {
      display: block;
      width: 100%;
      height: auto;
      position: relative; }

.card.bordered {
  border: 1px solid var(--neutral-color-400);
  padding: 2rem; }
  .card.bordered .desc-container {
    padding-right: 0; }

.card.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .card.vertical .desc-container,
  .card.vertical .img-container,
  .card.vertical .video-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    width: 100%; }

.widget-banner{
  position: fixed;
  display: block;
  top: 40%;
  right: 0;
  z-index: 9999;
  transition: right .5s cubic-bezier(0.77, 0, 0.175, 1);
}

.widget-banner.hide{
  right: -23rem;
}

.widget-banner .container{
  position: relative;
  /*padding: 1rem 1.5rem 1rem 2rem;*/
  max-width: 20rem;
  background-color: var(--pri-color-1-400);
  color: #fff;
  box-shadow: 0 .5rem .5rem rgb(0 0 0 / 50%);
  border-left: 10px solid #FFF;
}

.widget-banner .container:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: block;
  width: 1rem;
  height: 100%;
  background: url(../img/image-border-1.png);
}

.widget-banner .container strong{
  font-size: 1rem;
  color: #fff;
}

.widget-banner .container p{
  margin: .5rem 0;
  font-size: .75rem;
  line-height: 1.2;
}

.widget-banner .container a{
  display: block;
  width: 100%;
  text-align: right;
  font-size: .75rem;
  color: inherit;
}

.widget-banner .container a span{
  font-size: .50rem;
}

.widget-banner .container .content{
  display: none;
  padding: .5rem 1rem .5rem 1.5rem;
}

.widget-banner .container .content.active{
  display: block;
}

.widget-banner .container .bullets{
  padding-bottom: .5rem;
  display: flex;
  justify-content: center;
  gap: .5rem;
  width: 100%;
  text-align: center;
}

.widget-banner .container .bullets span{
  line-height: 1;  
  cursor: pointer;   
}

.widget-banner .container .bullets span:before{
  content: '';
  display: block;
  width: .5rem;
  height: .5rem;
  border: solid 1px #fff;
  border-radius: 100vmax;
  overflow: hidden;

  transition: .5s all cubic-bezier(0.77, 0, 0.175, 1);
}

.widget-banner .container .bullets span:hover:before{
  background-color: rgb(255 255 255 / 50%);
}

.widget-banner .container .bullets span.active:before{
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    .card .img-container,
    .card .desc-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%; }

  .card.reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; 
  }

  .card.reversed h2,
  .card.reversed p{
    text-align: right;
  }

  .text-left .card.reversed h2,
  .text-left .card.reversed p{
    text-align: left;
  }
}
.slider-container {
  position: relative; }

.slider {
  position: relative;
  /* margin: var(--base-gap-4) auto;  */
}
  .slider .slide {
    outline: none;
    display: none; }
    .slider .slide:first-child {
      display: block; }
  .slider.slick-initialized .slide {
    display: block; }

.slider-control .control {
  min-width: 0;
  position: absolute;
  z-index: 2;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 3rem;
  width: 3rem;
  font-size: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 2rem;
  border: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.8, 0.25, 0.15, 0.9);
  transition: -webkit-transform 350ms cubic-bezier(0.8, 0.25, 0.15, 0.9);
  transition: transform 350ms cubic-bezier(0.8, 0.25, 0.15, 0.9);
  transition: transform 350ms cubic-bezier(0.8, 0.25, 0.15, 0.9), -webkit-transform 350ms cubic-bezier(0.8, 0.25, 0.15, 0.9); }
  .slider-control .control img {
    display: block;
    width: 100%; }
  .slider-control .control.slick-disabled {
    opacity: 0.2;
    pointer-events: none;
    cursor: pointer; }
  .slider-control .control.slick-hidden {
    display: none !important; }
  .slider-control .control.left {
    right: 5rem;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  .slider-control .control.right {
    right: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }

.slick-dots {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0; }
  .slick-dots li {
    list-style: none;
    height: 10px;
    width: 10px;
    border-radius: 100vmax;
    display: inline-block;
    margin: 0 5px;
    background-color: var(--neutral-color-400);
    opacity: 0.5; 

    transition: width .3s cubic-bezier(0.77, 0, 0.175, 1);
  }
    .slick-dots li:only-child {
      display: none; }
    .slick-dots li button {
      opacity: 0;
      padding: 0;
      min-width: 0;
      height: auto; }
    .slick-dots li:hover {
      opacity: 0.75; }
    .slick-dots li.slick-active {
      opacity: 1;
      width: 2rem;
      background-color: #4FD9E2; }

.width-mobile,
.container-fluid-width.width-mobile,
.width-tablet,
.container-fluid-width.width-tablet,
.width-desktop,
.container-fluid-width.width-desktop {
  margin-left: auto;
  margin-right: auto; }

.width-mobile,
.container-fluid-width.width-mobile {
  min-width: 0;
  width: 600px;
  max-width: 100%; }

.width-tablet,
.container-fluid-width.width-tablet {
  min-width: 0;
  width: 768px;
  max-width: 100%; }

.width-desktop,
.container-fluid-width.width-desktop {
  min-width: 0;
  width: 1024px;
  max-width: 100%; }

@media only screen and (max-width: 1024px) {
  .width-tablet,
  .container-fluid-width.width-tablet {
    min-width: 0;
    width: 100%;
    max-width: 100%; } }
.accordion-item {
  border-top: 1px solid var(--neutral-color-400); }
  .accordion-item .accordion-header {
    position: relative;
    letter-spacing: 0.03rem;
    padding: 2rem 3.5rem 2rem 0;
    font-size: 1.2rem;
    cursor: pointer; }
    .accordion-item .accordion-header:before, .accordion-item .accordion-header:after {
      content: "";
      position: absolute;
      width: 1rem;
      height: 2px;
      background-color: #939393;
      right: 1rem;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      -webkit-transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1); }
    .accordion-item .accordion-header:after {
      -webkit-transform: translate(0, -50%) rotate(90deg);
              transform: translate(0, -50%) rotate(90deg); }
  .accordion-item .accordion-section {
    overflow: hidden;
    height: 0; }
    .accordion-item .accordion-section > div {
      padding: 0rem 1.5rem 2rem 0; }
    .accordion-item .accordion-section table {
      margin: 0; }
  .accordion-item.active .accordion-section {
    display: block; }
  .accordion-item.active .accordion-header:before, .accordion-item.active .accordion-header:after {
    -webkit-transform: translate(0, -50%) rotate(360deg);
            transform: translate(0, -50%) rotate(360deg); }

@font-face {
  font-family: "plastic";
  src: url("../font/fonts/plastic.eot");
  src: url("../font/fonts/plastic.eot?#iefix") format("embedded-opentype"), url("../font/fonts/plastic.woff") format("woff"), url("../font/fonts/plastic.ttf") format("truetype"), url("../font/fonts/plastic.svg#plastic") format("svg");
  font-weight: normal;
  font-style: normal; }
input,
textarea,
select,
button,
.radio-box {
  font-size: 0.9rem;
  height: 3.5rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Inter", sans-serif;
  color: var(--base-font-color);
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #4FD9E2;
  border-radius: 10px;
  color: #fff;
  background-color: transparent;
  padding: 0.25rem 1.25rem;
  line-height: normal;
  /*border-radius: 1rem;*/
  font-style: normal; }


input:not([type=checkbox]):not([type=radio]) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type=checkbox] {
  width: auto;
  height: auto;
  display: inline;
  margin-right: 5px;
  vertical-align: middle; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c7c7c7; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c7c7c7; }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c7c7c7; }

input::placeholder,
textarea::placeholder {
  color: #c7c7c7; }

button.icon {
  background-color: transparent;
  width: auto;
  margin: 0; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  height: 3.5rem;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
  color: #c7c7c7; }

select::-ms-expand {
  display: none; }

.select {
  display: grid;
  grid-template-areas: "select";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  border: 1px solid #4FD9E2;
  border-radius: 10px;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  font-size: 0.9rem;
  font-family: inherit; 

}
  .select select {
    grid-area: select;
    color: #000; }
  .select select option {
    color: #000;
    font-size: .9rem;
    font-family: inherit; }
  .select.error {
    border-width: 2px;
    border-color: #f57171; }
  .select.init::before {
    content: "Select type of Inquiry*";
    position: absolute;
    left: 1.25rem;
    color: #7A7A7A;
    font-weight: 500; }

.select::after {
  grid-area: select; }

.select:not(.select--multiple)::after {
  content: "\6e";
  justify-self: end;
  font-family: "plastic";
  font-size: 1rem;
  color: #4FD9E2;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

input[type=file] {
  padding: 0.65rem; }

textarea {
  padding: 1rem;
  min-height: 150px;
  resize: none; }

form {
  margin: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem; }
  form p {
    margin: 0; }
  form > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%; }
  form .form-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start;
    margin: 0;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 1rem);
            flex: 0 1 calc(50% - 1rem);
    margin: auto 0 0; 
    height: 100%;*/
  }
  form .form-col {
    padding: 0.5rem; }
  form .grid-container {
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
    row-gap: 1rem;
    margin: 1rem 0; }
  form .full {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 100% !important;
            flex: 1 1 100% !important;
    max-width: none !important; }
  form .submit-group {
    margin: 0;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  form .error-msg {
    color: #f57171;
    margin-bottom: 1rem; }

.form-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600; }
  .form-label .icon:first-child {
    margin-right: 10px; }

.form-group {
  display: block;
  margin: 1rem 0; }
  .form-group.full {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%; }
  .form-group.hidden {
    display: none; }
  .form-group input, .form-group select, .form-group textarea, .form-group button {
    width: 100%; }
    .form-group input.is-invalid, .form-group select.is-invalid, .form-group textarea.is-invalid, .form-group button.is-invalid {
      border: 2px solid #f57171; }
  .form-group.has-icon {
    position: relative; }
    .form-group.has-icon .icon {
      color: var(--base-font-color);
      position: absolute;
      top: 50%;
      left: 1rem;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      font-size: 1rem; }
    .form-group.has-icon input, .form-group.has-icon select, .form-group.has-icon textarea, .form-group.has-icon button {
      padding-left: 2.75rem; }
  .form-group.has-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .form-group.has-button input {
      -webkit-box-flex: 0.6;
          -ms-flex: 0.6;
              flex: 0.6; }
    .form-group.has-button .btn {
      -webkit-box-flex: 0.4;
          -ms-flex: 0.4;
              flex: 0.4; }
  .form-group.error .form-label {
    color: #f57171; }
  .form-group.error input, .form-group.error select, .form-group.error textarea, .form-group.error .is-invalid {
    border: 2px solid #f57171; }
  .form-group .form-error {
    color: #f57171;
    display: block;
    text-align: left;
    font-size: 12px;
    margin-top: 10px; }
  .form-group.grid-container.by-2 {
    display: grid;
    grid-template-columns: 1fr 1fr; }

.check-group {
  line-height: 1.5;
  font-size: 0.9rem;
  margin: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .check-group input {
    height: 1rem;
    width: 1rem;
    margin-right: 8px;
    vertical-align: middle;
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 1rem;
            flex: 0 1 1rem; }
  .check-group .form-label {
    text-align: left;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    white-space: pre-wrap;
    display: block; }
    .check-group .form-label a {
      white-space: normal; }
  .check-group .form-error {
    text-align: center;
    margin-top: 1rem; }

.check-group.centered {
  display: block; }

.submit-group {
  margin: 2rem 0; }
  .submit-group input, .submit-group button, .submit-group .btn {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.button-group .btn:only-child {
  width: 100%; }

.radio-group {
  cursor: pointer;
  display: block; }
  .radio-group input {
    display: none; }
  .radio-group .radio-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid #e2e2e2;
    text-align: center;
    padding-left: 15px;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: auto; }
  .radio-group .radio-toggle {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    border: 2px solid #c2c2c2;
    position: absolute;
    left: 15px;
    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; }
    .radio-group .radio-toggle:before {
      content: '';
      display: block;
      height: 7px;
      width: 7px;
      background-color: #c2c2c2;
      border-radius: 100%; }
  .radio-group input:checked + .radio-box {
    border: 2px solid var(--pri-color-1-400); }
    .radio-group input:checked + .radio-box .radio-toggle {
      border-color: var(--pri-color-1-400); }
      .radio-group input:checked + .radio-box .radio-toggle:before {
        background-color: var(--pri-color-1-400); }

.custom-dropdown {
  position: relative; }
  .custom-dropdown .btn.bordered {
    width: 100%;
    background-color: white;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: left;
    height: auto; }
    .custom-dropdown .btn.bordered:hover {
      color: var(--pri-color-1-400); }
    .custom-dropdown .btn.bordered:before {
      display: none; }
  .custom-dropdown .dropdown {
    z-index: 200;
    position: absolute;
    top: 100%;
    border: 1px solid var(--pri-color-1-400);
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
    opacity: 0;
    -webkit-transition: opacity 750ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: opacity 750ms cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    width: 100%;
    pointer-events: none; }
    .custom-dropdown .dropdown .btn {
      border: 0;
      border-top: 1px solid var(--neutral-color-400); }
  .custom-dropdown .active {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .custom-dropdown:hover .active {
    background-color: var(--pri-color-1-400);
    color: white; }
    .custom-dropdown:hover .active:hover {
      color: white; }
  .custom-dropdown:hover .dropdown {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
    pointer-events: all; }

@media only screen and (max-width: 550px) {
  form .form-group {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%; }

  form .form-group textarea {
    margin-top: 1rem; }

  .submit-group .btn {
    width: 100%; } }
html,
body {
  height: 100%;
  width: 100%;
  color: var(--base-font-color);
  line-height: 2;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  font-size: 0.9375rem;
  font-size: clamp(0.9375rem, calc(0.9rem + 0.1875vw), 1.125rem); 
}
@media only screen and (max-width: 1024px) {
  .parallax-window{
    background-image: url('../img/mobile-bg.jpg');
    background-position: top center;
    background-size: cover;
  }
}

small {
  font-size: 0.8125rem;
  font-size: clamp(0.8125rem, calc(0.775rem + 0.1875vw), 1rem); }

p,
table {
  margin: 1rem 0; }

.material-icons {
  vertical-align: middle; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.clearfix:after,
.clearfix:before {
  content: "";
  display: block;
  clear: both;
  height: 0; }

figure {
  margin: 0; }

.container-fluid-width {
  position: relative;
  padding: var(--base-gap);
  margin: 0 auto;
  width: 100%; }

.table {
  width: 100%; }
  .table th {
    background-color: var(--pri-color-1-400);
    font-size: 13px;
    font-weight: bold;
    color: white; }
  .table tr:hover {
    background-color: var(--pri-color-300); }
  .table tr {
    border-top: 1px solid #e8ecef; }
    .table tr td,
    .table tr th {
      padding: 1rem;
      text-align: left; }
      .table tr td:last-child:not(:only-child),
      .table tr th:last-child:not(:only-child) {
        text-align: right; }
  .table tbody th {
    background: var(--pri-color-200);
    color: var(--pri-color-1-400);
    text-align: left;
    font-weight: bold;
    font-family: 1.05rem; }

.auto-img {
  margin: 2rem 0; }
  .auto-img img {
    display: block;
    max-width: 100%; }
  .auto-img.text-center img {
    margin: auto; }

.full-img {
  margin: 2rem 0; }
  .full-img img {
    display: block;
    width: 100%; }

.exceed-img {
  margin: 4rem -4rem; }
  .exceed-img img {
    display: block;
    width: 100%; }

.icon:before {
  display: block; 
  color: #0BC0CC;
}

@media only screen and (max-width: 768px) {
  .nav-item .icon:before {
    display: none;
  }
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .flex-container.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .flex-container.space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .flex-container.centered {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .flex-container.j-flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .flex-container.align-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .flex-container.align-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .flex-container.align-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .flex-container.align-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .flex-container.wrapped {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .flex-container.reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .flex-container img {
    width: auto; }

.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem -2rem; }
  .flex-box > * {
    padding: 0 2rem; }

.flex-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }

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

.grid-container {
  display: grid;
  -webkit-column-gap: 4rem;
          column-gap: 4rem;
  row-gap: 4rem;
  margin: 4rem 0; }
  .grid-container.small-gap {
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
    row-gap: 1rem; }
  .grid-container.by-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    .grid-container.by-4 .span-2 {
      grid-column: span 2; }
  .grid-container.by-3 {
    grid-template-columns: 1fr 1fr 1fr; }
  .grid-container.by-2 {
    grid-template-columns: none; }
    .grid-container.by-2 .full {
      grid-column: span 2; }
  .grid-container > * {
    margin: 0; }
  .grid-container .span-2 {
    grid-column: span 2; }
  .grid-container img {
    display: block;
    width: 100%; }

.main-header {
  width: 100%;
  position: fixed;
  z-index: 300;
  height: 5rem;
  padding: 0 2rem;
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  background-color: white;
  top: 0;
  height: var(--header-height); }
  .main-header.scrolled {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%); }
  .main-header.visible {
    -webkit-transform: translate(0);
            transform: translate(0); }

.main-logo {
  height: 2rem; }
  .main-logo img {
    display: block;
    height: 100%;
    width: auto; }

.main-nav {
  left: 0;
  top: 0;
  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;
  position: relative;
  height: 100%;
  margin: 0; }
  .main-nav li {
    list-style: none;
    height: 100%; }
  .main-nav .nav-item {
    height: 100%;
    padding: 1rem 1.5rem;
    text-decoration: none;
    min-width: 0;
    font-weight: 400;
    white-space: nowrap; 
  }

.toggle {
  margin-left: 2rem;
  height: 23px;
  width: 25px;
  display: block;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  position: relative;
  z-index: 10; }
  .toggle span {
    display: block;
    height: 3px;
    width: 25px;
    margin: 4px auto;
    background-color: black;
    position: relative;
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(0.62, -0.45, 0.2, 1);
    transition: -webkit-transform 350ms cubic-bezier(0.62, -0.45, 0.2, 1);
    transition: transform 350ms cubic-bezier(0.62, -0.45, 0.2, 1);
    transition: transform 350ms cubic-bezier(0.62, -0.45, 0.2, 1), -webkit-transform 350ms cubic-bezier(0.62, -0.45, 0.2, 1);
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform; }
    .toggle span:before {
      content: '';
      height: 100%;
      width: 20%;
      background-color: white;
      position: absolute;
      top: 0;
      left: 100%;
      display: none;
      -webkit-transition: left 350ms cubic-bezier(0.62, -0.45, 0.2, 1);
      transition: left 350ms cubic-bezier(0.62, -0.45, 0.2, 1); }
    .toggle span:nth-child(1):before {
      -webkit-transition-delay: 0ms;
              transition-delay: 0ms; }
    .toggle span:nth-child(2):before {
      -webkit-transition-delay: 30ms;
              transition-delay: 30ms; }
    .toggle span:nth-child(3):before {
      -webkit-transition-delay: 60ms;
              transition-delay: 60ms; }
  .toggle:hover span:before {
    left: -20%; }
  .toggle.active span {
    width: 0; }
    .toggle.active span:before {
      display: none; }
  .toggle.active span:first-child {
    width: 25px;
    -webkit-transform: translate(0, 7px) rotate(45deg);
            transform: translate(0, 7px) rotate(45deg); }
  .toggle.active span:last-child {
    width: 25px;
    -webkit-transform: translate(0, -7px) rotate(-45deg);
            transform: translate(0, -7px) rotate(-45deg); }

.main-section {
  padding-top: var(--header-height); }

.hide-overflow {
  overflow: hidden; }

.section-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .section-content:only-child {
    min-height: calc(100vh - 5rem); }
    .section-content:only-child .container-fluid-width {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  .section-content h1, .section-content h2 {
    width: 100%; }
  .section-content.title-left h1, .section-content.title-left h2 {
    text-align: left; }
  .section-content .container-fluid-width {
    padding-top: 4rem;
    padding-bottom: 4rem; 
  }
  .section-content .section-header {
    margin-bottom: 0; }
  .section-content .section-subheader {
    width: 768px;
    max-width: 100%;
    margin: 0rem auto 2rem 0; }

@media only screen and (max-width: 768px) {
  .section-content .container-fluid-width {
    padding-top: 2rem;
    padding-bottom: 2rem; 
  }
}

.section-content.centered {
  text-align: center; }
  .section-content.centered .section-subheader {
    margin: 0 auto 2rem; }

.section-tablet .container-fluid-width {
  width: 768px;
  max-width: 100%;
  min-width: 0; }

.section-content.full-height {
  height: 100vh;
  min-height: 25rem; }
  .section-content.full-height .container-fluid-width {
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.section-content.inner-start{
  position: relative;
}

.section-content.inner-start:before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20rem;
  background:linear-gradient(to top, transparent, transparent, #0f131d);
  z-index: 0;
}

.section-content.inner .container-fluid-width:before{
  content: '';
  display: block;
  position: absolute;
  top: 3rem;
  left: 0;
  width: 50%;
  height: 100%;
  max-height: calc(100% - 6rem);
  background-color: #fff;
  border-radius: 0 20px 20px 0;
  z-index: 0;
}

@media only screen and (max-width: 768px) {
  .section-content.inner .container-fluid-width:before{
    display: none;
  }
}

.section-content.wide{
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  
}

.section-content.wide .content{
  max-width: 1200px;
  z-index: 1;
}

.section-content.wide h2,
.section-content.wide p{
  color: #fff;
}

.section-content.wide h2{
  font-size: 1.8rem;
}

.section-content.wide p span{
  color: #4FD9E2 ;
}


.section-content.inner.full-background{
  text-align: center;
}

.section-content.inner ul{
  padding-left: 1rem;
}

.section-content.inner ul li{
  margin: 1rem 0;
  list-style: none;
  display: flex;
  gap: .5rem;
  align-items: center;
}

.section-content.inner ul li img{
  width: 2rem;
}

.section-content.inner.full-background > .img-container img{
  max-width: 1200px;
  border-radius: 20px;
}

.tab-source .tab-trigger {
  cursor: pointer; }
  .tab-source .tab-trigger.active {
    font-weight: bold; }

.tab-target > div {
  display: none; }
  .tab-target > div.active {
    display: block; }

.jconfirm {
  font-size: 15px; }
  .jconfirm small {
    font-size: 13px; }
  .jconfirm .jconfirm-box {
    padding: 2rem 2rem 1rem; }
  .jconfirm .content-centered {
    text-align: center; }
  .jconfirm .jconfirm-buttons {
    float: none !important; }
  .jconfirm p a {
    color: #F4AD3F; }
  .jconfirm .btn {
    background-color: #F4AD3F !important;
    padding: 1rem 0.5rem !important;
    color: white !important; }

.jconfirm-title-c {
  font-weight: bold; }

.divider {
  height: 1px;
  background: var(--neutral-color-400);
  margin: 4rem 0; }

.testimonial {
  width: 768px;
  max-width: 100%;
  margin: 0 auto; }

.testimonial-item {
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); }

.vertical-ellipsis {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.vertical-ellipsis.limit-4 {
  -webkit-line-clamp: 4; }

.vertical-ellipsis.limit-6 {
  -webkit-line-clamp: 6; }

.quote {
  padding-top: 4rem;
  padding-left: 3rem;
  position: relative;
  text-align: left; }
  .quote .quote-message {
    font-family: "Inter", sans-serif;
    font-weight: bold;
    color: var(--pri-color-1-400);
    display: block; }
  .quote:before {
    content: '';
    position: absolute;
    height: 4rem;
    width: 4rem;
    background: url("../img/quote.svg") center no-repeat;
    background-size: contain;
    left: 3rem;
    top: 0; }

.quote-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.profile-img {
  height: 4rem;
  width: 4rem;
  background-color: #d6d5d5;
  border-radius: 100%;
  margin-right: 1rem;
  background-size: cover;
  background-position: center; }

.profile-detail .profile-name {
  font-weight: bold;
  font-size: 1.1rem; }
.profile-detail .profile-other {
  margin-top: 0.25rem;
  font-size: 0.9rem;
  color: var(--base-font-color); }

.parallax-item img {
  width: 100%; }

img.parallax-item {
  width: 100%; }

.accordion-list {
  margin: 2rem 0; }

.toggle-target {
  display: none; }
  .toggle-target.active {
    display: block; }

.icon {
  display: inline-block;
  padding: 1px; }

.alert {
  padding: 2rem;
  background-color: #eaeaea;
  margin: 1rem 0; }
  .alert.alert-success {
    background-color: #dbf7d6;
    color: green; }

.custom-list {
  margin: 2rem 0;
  counter-reset: custom-list-counter; }
  .custom-list .list-item {
    position: relative;
    counter-increment: custom-list-counter;
    padding-left: 4rem;
    padding-bottom: 1.5rem;
    padding-top: 0.25rem; }
    .custom-list .list-item:before {
      content: counter(custom-list-counter);
      position: absolute;
      top: 0;
      left: 0;
      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;
      height: 2.5rem;
      width: 2.5rem;
      border-radius: 100%;
      border: 2px solid var(--ter-color-400);
      color: var(--ter-color-400);
      font-weight: bold; }

.circle-list .list-item {
  padding-left: calc(1rem + 10px);
  padding-bottom: 0; }
  .circle-list .list-item:before {
    content: '';
    top: 0.8rem;
    height: 6px;
    width: 6px;
    background-color: var(--pri-color-1-400);
    border: 3px solid var(--pri-color-1-400); }

.circle-list.sec .list-item:before {
  background-color: var(--pri-color-2-400);
  border-color: #E6F2CE; }

.circle-list.ter .list-item:before {
  background-color: var(--pri-color-3-400);
  border-color: #E6F2CE; }

.check-list .list-item {
  padding-left: calc(1rem + 10px);
  padding-bottom: 0; }
  .check-list .list-item:before {
    content: "\39";
    font-size: 7px;
    color: white;
    top: 0.8rem;
    height: 15px;
    width: 15px;
    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(--pri-color-1-400);
    border: 0;
    font-family: "esakay" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    /* speak: none; */
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.type-grid .card {
  margin: 0; }

textarea[auto-resize] {
  height: 68px;
  min-height: 68px;
  overflow: hidden;
  padding: 0.75rem 1rem 1rem; }

@media only screen and (min-width: 1024px) {
  .container-fluid-width {
    width: 1200px;
    max-width: 100%; }

  .grid-container {
    display: grid;
    -webkit-column-gap: 4rem;
            column-gap: 4rem;
    row-gap: 4rem;
    margin: 4rem 0; }
    .grid-container.small-gap {
      -webkit-column-gap: 1rem;
              column-gap: 1rem;
      row-gap: 1rem; }
    .grid-container.by-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr; }
      .grid-container.by-4 .span-2 {
        grid-column: span 2; }
    .grid-container.by-3 {
      grid-template-columns: 1fr 1fr 1fr; }
    .grid-container.by-2 {
      grid-template-columns: 1fr 1fr; }
      .grid-container.by-2 .full {
        grid-column: span 2; }
    .grid-container > * {
      margin: 0; }
    .grid-container .span-2 {
      grid-column: span 2; }
    .grid-container img {
      display: block;
      width: 100%; } }
.row:not(.jc-bs3-row) {
  --row-gap: var(--base-gap-4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 0 var(--row-gap);
  margin: var(--base-gap-4) 0;
  gap: var(--row-gap); }
  .row:not(.jc-bs3-row) > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(25% - var(--row-gap));
            flex: 1 0 calc(25% - var(--row-gap));
    max-width: calc(25% - (var(--row-gap)/2 )); }
  .row:not(.jc-bs3-row).by-3 > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(33.33% - var(--row-gap));
            flex: 1 0 calc(33.33% - var(--row-gap));
    max-width: calc(33.33% - (var(--row-gap)/2 )); }
  .row:not(.jc-bs3-row).by-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - var(--row-gap)/2);
            flex: 0 0 calc(50% - var(--row-gap)/2);
    max-width: calc(50% - (var(--row-gap)/2)); }
  .row:not(.jc-bs3-row).row-centered {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
  padding: 1rem; }

.parent {
  padding: 0; }

.col-1 {
  width: 8.33%; }

.col-2 {
  width: 16.66%; }

.col-3 {
  width: 25.00%; }

.col-4 {
  width: 33.33%; }

.col-5 {
  width: 41.66%; }

.col-6 {
  width: 50.00%; }

.col-7 {
  width: 58.33%; }

.col-8 {
  width: 66.66%; }

.col-9 {
  width: 75.00%; }

.col-10 {
  width: 83.33%; }

.col-11 {
  width: 91.66%; }

.col-12 {
  width: 100%; }

.main-logo {
  height: 4rem;
  z-index: 2; }
  .main-logo picture, .main-logo img {
    height: 1.31rem;
    width: 10rem; }
  .main-logo .logo-black {
    display: none; }

.main-header {
  padding: 0 2rem;
  background-color: transparent; }
  .main-header .container-fluid-width {
    padding-top: 0;
    padding-bottom: 0;
    height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main-header p {
    margin: auto; }

.toggle {
  background-color: rgb(0 0 0 / .5);
  height: 4rem;
  width: 4rem;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .toggle span {
    background-color: white; }
    .toggle span:before {
      background-color: var(--pri-color-1-400); }

.main-nav {
  background-color: #212121;
  position: fixed;
  display: block;
  margin: 0;
  height: 100vh;
  width: 550px;
  left: auto;
  right: 0;
  top: 0;
  max-width: 100%;
  color: white;
  padding: 0 2rem;
  padding-top: var(--header-height);
  padding-bottom: 2rem;
  display: none;
  z-index: 1;
  overflow: auto;
  -webkit-box-shadow: 0 0 4rem rgba(70, 62, 62, 0.45);
          box-shadow: 0 0 4rem rgba(70, 62, 62, 0.45); }
  .main-nav li {
    list-style: none;
    height: 100%; }
  .main-nav .nav-item {
    display: block;
    height: 100%;
    padding: 0.5rem 0;
    text-decoration: none;
    min-width: 0;
    white-space: nowrap;
    font-size: 1.25rem;
    font-weight: 600;
    color: white;
    position: relative;
    height: auto;
    color: white; }
    .main-nav .nav-item a {
      color: inherit; }
  .main-nav .nav-dropdown {
    left: 0; }
    .main-nav .nav-content a {
      font-weight: normal;
      font-size: 1rem;
      display: block; }
  .main-nav .nav-image {
    display: none; }
  .main-nav .btn {
    padding: 0.75rem 1rem;
    margin-left: 1rem; }

.main-nav.active {
  display: block; }

.main-header.scroll-active {
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  background-color: rgba(0, 0, 0, 0.5);
  color: inherit; }
  .main-header.scroll-active .main-logo .logo-black {
    display: block; }
  .main-header.scroll-active .main-logo .logo-white {
    display: none; }

.main-section {
  min-height: 100vh;
  position: relative;
  padding-top: 0; 
  /*background-color: #0F131D;*/
}

.section-content {
  overflow: hidden; }
  .section-content .marker {
    top: calc(-1 * var(--header-height));
    display: block;
    position: relative;
    height: 1px; }
  .section-content .video-container video {
    width: 100%;
    display: block; }

.colored-section .container-fluid-width {
  padding: 0; }

.section-card {
  gap: var(--base-gap); }
  .section-card .img-container img {
    display: block;
    width: 100%; }
  .section-content.dark .section-card .card-title {
    color: #fff; }
  .section-card .card-title {
    color: #171717; }
  .section-card .card-subheader {
    margin-top: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 2px; }
  .section-card p a {
    font-weight: bold;
    color: var(--pri-color-1-400);
    border-bottom: 3px solid var(--pri-color-2-400); }
  .section-card .img-container {
    margin-left: -24px;
    border-left: 24px solid transparent;
/*    -o-border-image: url("../img/image-borrder.png") 24 repeat;
       border-image: url("../img/image-borrder.png") 24 repeat; */
    }
  .section-card .slider-container {
    margin-left: -1rem;
    border: 0;
    width: calc(100% + 3rem);
    padding-right: 2rem;
    overflow: hidden; }
  .section-card .slick-list,
  .section-card .slick-track {
    overflow: visible; }
  .section-card .section-subheader {
    width: 100% !important;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 2px; }

.section-card.reversed .img-container {
  margin-left: 0;
  margin-right: -24px;
  border-left: 0;
  border-right: 24px solid transparent; }

.section-card.colored {
  gap: 0; }
  .section-card.colored .img-container {
    border: 0;
    margin: 0;
    width: 100%; }
  .section-card.colored .desc-container {
    padding: 2rem 3rem; }

.section-card.colored.colored-1 {
  background: var(--pri-color-1-400);
  color: white; }
  .section-card.colored.colored-1 .card-title {
    color: white; }
  .section-card.colored.colored-1 p a {
    color: white;
    border-color: var(--pri-color-2-400); }

.section-card.colored.colored-2 {
  background: var(--pri-color-2-400); }
  .section-card.colored.colored-2 p a {
    border-color: white; }

.section-content.has-background {
  position: relative; }
  .section-content.has-background .section-background {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .section-content.has-background .section-background:before {
      content: '';
      background: var(--pri-color-2-400);
      width: 35%;
      left: 0;
      display: none; }
    .section-content.has-background .section-background img {
      width: 100%;
      left: 0;
      opacity: 0.15;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-filter: blur(10px);
              filter: blur(10px); }
    .section-content.has-background .section-background:before, .section-content.has-background .section-background img {
      position: absolute;
      height: 100%; }
  .section-content.has-background .container-fluid-width {
    z-index: 2; }

.section-content.full-background {
  position: relative;
  color: white; }
  .section-content.full-background .container-fluid-width {
    position: relative;
    z-index: 1; }
  .section-content.full-background > .img-container {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }
    .section-content.full-background > .img-container img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; 
}
@media only screen and (max-width: 768px) {
  .section-content.full-background > .img-container {
    display: none;
  }
  .home.section-content.full-background > .img-container {
    display: block;
  }

  .section-card{
    gap: 0;
  }
}


.inner-tabs {
  background-color: var(--pri-color-2-400); }
  .inner-tabs .container-fluid-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .inner-tabs .tab-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem; }
  .inner-tabs .tab-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 3rem;
            flex: 0 1 3rem;
    font-size: 3rem; }
  .inner-tabs header {
    line-height: 1.25; }
  .inner-tabs p {
    margin: 0;
    line-height: 1.25; }

.video-container {
  position: relative; }
  .video-container .video-play {
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: 0;
    height: 5rem;
    width: 5rem;
    font-size: 2rem;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 100%; }
  .video-container video {
    z-index: 1; }

.video-container.playing .video-play {
  display: none; }

.article-content .slider {
  width: 100%; }
  .article-content .slider img {
    width: 100%;
    display: block; }
.article-content .slick-dots {
  right: auto;
  left: 1rem; }
  .article-content .slick-dots li:not(.slick-active) {
    background-color: white; }
.article-content .row {
  padding: 0;
  gap: 1rem; }
  .article-content .row > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
.article-content .container-fluid-width > img {
  width: 100%; }
.article-content img {
  display: block; }
.article-content .heading-2 {
  margin: 2rem auto;
  color: var(--pri-color-1-400); }

.slider-section .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
.slider-section .slider {
  padding-left: 0;
  margin: 0; }
.slider-section .slide-item {
  margin: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.slider-section .slider-control {
  display: none; }
.slider-section .slide-item {
  height: auto; }
.slider-section .control {
  background-color: #fff;
  border-radius: 100%;
  height: 3.75rem;
  width: 3.75rem;
  color: white; }

.others-section .card-title {
  text-align: center !important; }
.others-section .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
.others-section .widget-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  padding: 2.5rem; }
  .others-section .widget-item p {
    line-height: 1.5; }

.disclosure-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem; }

.disclosure-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
  position: relative;
  min-height: 3.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  color: inherit; }
  .disclosure-item:hover {
    background-color: #ebebeb; }
  .disclosure-item .icon {
    background-color: #e7e7e7;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    padding: 0 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .disclosure-item .disclosure-title {
    margin: 0;
    font-size: 0.95rem;
    padding: 1rem 2rem 1rem 1.5rem;
    color: inherit; }

.hor-scr-mobile {
  position: relative;
  width: 100%;
  overflow-x: auto;
  margin-top: -3rem; }

.pdf-table {
  margin-top: 3rem; }
  .pdf-table .icon {
    color: var(--pri-color-1-400); }
  .pdf-table thead {
    color: white; }
    .pdf-table thead tr {
      background-color: var(--pri-color-1-400); }
      .pdf-table thead tr h2 {
        margin: 0; }
      .pdf-table thead tr:hover {
        background-color: var(--pri-color-1-400); }
  .pdf-table tbody td:not(.pdf-name) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .pdf-table tbody .pdf-name a {
    color: inherit; }

.contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem; }

.contact-item {
  border-left: 24px solid transparent;
  -o-border-image: url("../img/image-borrder.png") 24 repeat;
     border-image: url("../img/image-borrder.png") 24 repeat;
  padding: 0 2rem; }
  .contact-item h3 {
    line-height: 1.25; }
  .contact-item p {
    line-height: 1.5; }
    .contact-item p a {
      color: var(--pri-color-1-400);
      line-height: 1.25; }

.main-banner {
  background: #0F131D;
  position: relative;
  margin: 0 auto;
  position: relative;
  z-index: 1; }
  .main-banner h1 {
    line-height: 1.1;
    margin-bottom: 0; }
  .main-banner h1,
  .main-banner h1 ~ .text-1 {
    width: 768px;
    max-width: 100%; }
  .main-banner h1 ~ p {
    line-height: 1.5; }
    .main-banner h1 ~ p a {
      color: white;
      font-weight: bold;
      border-bottom: 2px solid var(--pri-color-2-400); }
  .main-banner .background-slider {
    width: 100%; }
    .main-banner .background-slider .slide-item {
      height: 75vh;
      /* padding-top: var(--header-height); */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 40rem; }
  .main-banner .background-slider .slick-prev,
  .main-banner .background-slider .slick-next{
    position:absolute;
    top:calc(50% - 1.5rem);
    left: 1rem;
    height: 3rem;
    padding: 0;
    width:  .5rem;
    background-color: #4FD9E2;
    z-index: 1;
  }

  .main-banner .background-slider .slick-next{
    left: auto;
    right: 1rem;
  }
  
  .main-banner .background-slider,
  .main-banner .background-slider .slick-track,
  .main-banner .background-slider .slick-list {
    position: static;
    margin: 0; }
  .main-banner .slick-dots {
    right: auto;
    bottom: auto;
    left: 2rem;
    top: -3rem; }
    .main-banner .slick-dots li:not(.slick-active) {
      background-color: white; }
  .main-banner .container-fluid-width {
    display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    padding-top: 2rem;
    padding-bottom: 4rem;
    color: white;
    position: relative;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    margin: 0 auto; }
  .main-banner .desc-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    margin: 0 auto;
    max-width: 1200px;
    height: 100%;
    position: relative;
    z-index: 1;
    width: 100%; }
  .main-banner .img-container {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .main-banner .img-container img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      display: block; }
    .main-banner .img-container img[data-position*="right"] {
      -o-object-position: right bottom;
         object-position: right bottom; }
  .main-banner .banner-subtitle {
    margin: 0; }
    .main-banner .banner-subtitle a {
      font-weight: 300 !important;
      color: white; }
  .main-banner .banner-caption {
    margin: 0;
    font-size: 1rem; }
  .main-banner .caption-slider {
    opacity: 0.75; }

.inner-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: var(--header-height); }
  .inner-banner .container-fluid-width {
    padding-bottom: inherit;
    padding-bottom: 4rem; }
  .inner-banner .background-slider {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }
  .inner-banner .slick-track,
  .inner-banner .slick-list,
  .inner-banner .background-slider .slider-item {
    height: 100%; }
  .inner-banner .slick-dots {
    left: 0;
    top: auto;
    bottom: -1rem; }
  .inner-banner .desc-container {
    padding-bottom: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .inner-banner .desc-container > p,
    .inner-banner .desc-container > h1 {
      width: 768px;
      max-width: 100%; }
  .inner-banner .caption-slider {
    position: absolute;
    max-width: calc(100% - 4rem);
    left: 0rem;
    bottom: 1rem;
    margin: 0; }
  .inner-banner .banner-caption {
    margin: 0;
    position: static; }
  .inner-banner h1 ~ .banner-caption {
    margin-top: 4rem;
    position: absolute;
    opacity: 0.75; }

.solid-banner {
  background-color: var(--pri-color-2-500);
  height: auto !important;
  min-height: 0 !important;
  padding-top: var(--header-height); }
  .solid-banner .container-fluid-width {
    padding-bottom: 2rem; }
  .solid-banner.pri {
    background-color: var(--pri-color-1-400); }

.widget-item {
  padding: 2rem;
  padding: clamp(2rem, calc(1.6rem + 2vw), 4rem);
  background-color: #fff;
  color: white;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-shadow: 0 0 1rem rgb(0 0 0 / .05);
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0.68, 0.07, 1);
  transition: -webkit-transform 250ms cubic-bezier(0, 0.68, 0.07, 1);
  transition: transform 250ms cubic-bezier(0, 0.68, 0.07, 1);
  transition: transform 250ms cubic-bezier(0, 0.68, 0.07, 1), -webkit-transform 250ms cubic-bezier(0, 0.68, 0.07, 1); 
  background-image: url(../img/slider-bg-norm.jpg);
  background-size: cover;
  overflow: hidden;
}

  .widget-item img.icon{
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
    z-index: 1;
  }

  .widget-item:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); 
  }
  
  @media only screen and (min-width: 1024px) {
    .widget-item:hover img:not(.icon) {
     opacity: 1; 
    }
  }

  .widget-item .slide-title {
    color: #212121;
    margin-top: 0; 
    transition: color .5s cubic-bezier(0, 0.68, 0.07, 1);
  }
  .widget-item:hover .slide-title{
    color: #fff;
  }
  .widget-item .slide-title ~ p {
      margin-top: 0; }

  .widget-item .slide-arrangement {
    margin-top: -1.25rem !important; }
  .widget-item p {
    margin-top: 0; 
    color: #212121;
  }
  .widget-item:hover p {
    color: #fff;
  }

  .widget-item p:last-of-type {
    margin-top: auto;
    margin-bottom: 0; 
  }
  .widget-item p:last-of-type b {
    margin-top: 3rem;
    font-weight: 300;
    display: inline-block; 
    color: #0BC0CC;
  }
  .widget-item p:last-of-type b:after{
    content: "\61";
    display: inline-block;
    margin-left: .5rem;
    font-family: "esquiretech";
    font-size: 80%;
  }

  .widget-item *:not(img) {
    position: relative;
    z-index: 1; 
  }
  .widget-item img:not(.icon) {
    left: 0;
    top: 0;
    position: absolute !important;
    z-index: 0;
    top: -5%;
    left: -5%;
    height: 110% !important;
    width: 110%;
    -o-object-fit: cover;
       object-fit: cover;
    mix-blend-mode: multiply;
    opacity: 0;
    -webkit-transition: opacity 250ms cubic-bezier(0, 0.68, 0.07, 1);
    transition: opacity 250ms cubic-bezier(0, 0.68, 0.07, 1); 
  }

  @media only screen and (max-width: 1024px) {
    .widget-item:hover p,
    .widget-item:hover .slide-title{
      color: var(--base-font-color);
    }
  }

.table {
  margin: 2rem 0; }
  .table .name {
    width: 50%; }
  .table td {
    line-height: 1.25; }
  .table tbody tr td:first-child {
    padding-left: 0;
    min-width: 50%; }
  .table tbody tr td.allpads {
    padding-left: 1rem; }
  .table tbody tr td.shaded {
    background-color: #e8ecef; }

.main-footer {
  position: relative;
  background-color: #0C0F16; }
  .main-footer .footer-bg {
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 70%;
    width: 100%;
    overflow: hidden;
    z-index: 1; }
  .main-footer .container-fluid-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: 1rem; }
  .main-footer .footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--base-gap);
    position: relative;
    z-index: 3;
    padding: var(--base-gap); }

.main-footer .content{
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: .75rem;
}

.main-footer .content ul{
  margin: 1rem 0;
  padding: 0;
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.main-footer .content ul li{
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-footer .content ul li span{
  padding: .25rem;
  border-radius: 100vmax;
  background-color: rgb(255 255 255 / .1);
  line-height: 1;
}

.main-footer .content ul li a,
.main-footer .content ul li span:before{
  color: #fff;
  transition: color .3s cubic-bezier(0.77, 0, 0.175, 1);
  display: block;
}

.main-footer .content ul li a:hover,
.main-footer .content ul li span:hover:before{
  color: #0BC0CC;
}

.main-footer .floating-icons{
  position: fixed;
  display: flex;
  gap:1rem;
  bottom: 2rem;
  right: 2rem;
  z-index: 999;
}

.main-footer .floating-icons .icons{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width:  4.5rem;
  height: 3rem;
  background-color: #4FD9E2;
  border-radius: 100vmax;
}

.main-footer .floating-icons .icon:before{
  font-size: 1.5rem;
  color: #fff;
  transition: .3s all ease-out;
}

.main-footer .floating-icons .icons:after{
  content: '';
  display: block;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: #4FD9E2;
  clip-path: polygon(87% 63%, 59% 90%, 100% 100%);
}

.main-footer .floating-icons .icons:hover::before{
  color: #333;
}

.main-footer .floating-icons .icons.shop-now{
  flex-direction: row-reverse;
  padding: .8rem 1rem;
  width: 100%;
  max-width: 12rem;
}
.main-footer .floating-icons .icons.shop-now::after{
  display: none;
}

@media only screen and (max-width: 1024px) {
  .main-footer .content ul li span:before{
    padding: .3rem;
    font-size: 1rem;
  }
}

.footer-logo {
  height: 6rem; }
  .footer-logo img {
    height: 100%;
    width: auto; }

.footer-item {
  font-size: 15px;
  line-height: 1.5;
  width: 100%;
  position: relative; }
  .footer-item header {
    margin-top: 0;
    line-height: 1.25; }
  .footer-item button {
    position: absolute;
    right: 0;
    top: 0;
    height: 2.5rem;
    width: 3rem;
    background-color: transparent;
    border: 0;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: inherit;
    font-size: 1.35rem; }
  .footer-item h2 {
    font-size: 1.75rem;
    line-height: 1.5; }
  .footer-item a {
    color: inherit; }
  .footer-item h2 {
    margin-top: 0; }

.img-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem; }
  .img-grid .img-container {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
  .img-grid .a {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  .img-grid .b {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  .img-grid img {
    display: block;
    width: 100%; }
  .img-grid .img-caption {
    line-height: 1.5;
    font-size: 14px;
    font-style: italic; }

.footer-links {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap; }
  .footer-links a {
    display: block;
    margin: 0; }

.footer-item.full {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.dark .section-card .desc-container,
.dark .container-fluid-width .desc-container,
.dark .container-fluid-width label,
.light .section-card .desc-container,
.light .section-card .desc-container .card-title
{
  color: #fff;
  text-align: left;   
}
.dark .section-card .desc-container ul li{
  padding-left: 1rem;
  margin-bottom: .5rem;
  list-style-image: url('../img/bullet.png');
}

.dark .section-card .desc-container ul li .learn-more{
  display: inline-flex;
  align-items: center;
  margin-left: 1rem;
  padding: .5rem 1rem;
  border-radius: 100vmax;
  background: #0BC0CC;
  color: #fff;
  font-size: .6rem;
  text-transform: uppercase;
  line-height: 1;

}

.dark .section-card .desc-container ul li .learn-more::before{
  color: #fff;
  transition: color .3s cubic-bezier(0.88, 0.01, 0.01, 1) ;
}

.dark .section-card .desc-container ul li .learn-more:hover:before{
  color: #333;
}

.no-bottom-padding .container-fluid-width{
  padding-bottom: 0;
}

.our-company .section-card .card-title{
  position: relative;
  left: auto;
  padding-left: 0;
  z-index: 1;
  font-size: 2.5rem;
}

.our-company .section-card .img-container a{
  position: relative;
  width: 1000;
  border-radius: 1rem;
  overflow: hidden;
}

.our-company.mobile .section-card .img-container a img{
  display: block;
}

.main-banner .banner-title small{
  display: inline-flex;
  margin-left: .25rem;
  margin-bottom: 2rem;
  gap: .5rem;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  color: #fff;
}

.main-banner .banner-title small a{
  color: #fff;
}

.section-card .desc-container .ro{
  width: 100%;
}

.section-card .desc-container .co {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.section-card .desc-container .co img{
  width: 3rem;
}



@media only screen and (min-width: 550px) {
  .disclosure-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 1rem);
            flex: 0 1 calc(50% - 1rem); }

  .main-banner .container-fluid-width {
    padding-left: 2rem;
    padding-right: 2rem; } }
@media only screen and (min-width: 768px) {
  .main-banner .banner-title {
    max-width: 48rem;
    margin-left: 0; 
  }

  .main-banner .banner-title small a{
    color: #fff;
  }

  .main-banner .banner-title small a:hover{
    color: #4FD9E2;
  }

  .section-card .card-title,
  .section-card .desc-container {
    text-align: left; 
  }
  .section-card .desc-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - var(--base-gap) / 2);
            flex: 0 1 calc(50% - var(--base-gap) / 2); }
  .section-card .img-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - var(--base-gap) / 2);
            flex: 0 1 calc(50% - var(--base-gap) / 2);
    margin: 0; }
  
  .our-company .section-card .desc-container{
    position: relative;
  }
  .our-company .section-card .card-title{
    position: absolute;
    top: calc(50% - 3.5rem);
    left: calc(100% + 3rem);
    padding-left: 3rem;
    z-index: 1;
    font-size: 3rem;
    color: #fff;
  }

  .our-company .section-card .card-title span{
    display: inline-block;
    font-size: 5rem;
    width: 5rem;
    margin-left: .1rem;
    text-align: right;
  }
  .our-company .section-card .img-container{
    text-align: left;
  }

  .our-company .section-card .img-container a{
    isolation: isolate;
    position: relative;
    margin-left: 6.7rem;
    width: 20rem;
    height: 20rem;
    border-radius: 1rem;
    overflow: hidden;

  }

  .our-company.mobile .section-card .img-container a img{
    display: none;
  }

  .our-company .section-card .img-container a:before{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0C0F16;
    mix-blend-mode: multiply;
    opacity: .5;
    z-index: 1;
  }

  .our-company.mobile .section-card .img-container a:before{
    mix-blend-mode: normal;
    opacity: .5;
  }

  .light .section-card .desc-container{
    color: #171717;   
  }
  .colored-section .container-fluid-width {
    padding: 4rem; }

  .section-card.colored {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent; }
    .section-card.colored:before {
      content: '';
      position: absolute;
      height: calc(100% + 4rem);
      width: 100%;
      right: 0;
      top: -2rem;
      z-index: 0;
      -webkit-clip-path: polygon(0% 0, 55% 0%, 70% 100%, 0% 100%);
              clip-path: polygon(0% 0, 55% 0%, 70% 100%, 0% 100%); }
    .section-card.colored .img-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      position: relative;
      z-index: 1; }
      .section-card.colored .img-container img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .section-card.colored .desc-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      position: relative;
      z-index: 1; }

    .section-card .desc-container .ro {
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      justify-content: center;
    }

    .section-card .desc-container .ro h3{
      text-align: center;
      margin: 0;
    }

    .section-card .desc-container .co {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      margin: 1rem .5rem;
      text-align: center;
    }

    .section-card .desc-container .co p{
      line-height: 1.2;
    }

    .section-card .desc-container .co small{
      font-size: .75rem;
      margin-top: 1rem;
      line-height: 1;
    }

    .section-card .desc-container .ln-div {
      align-self: center;
      border-left: solid 1px #a1a1a1;
      height: 10rem;
      margin: 0 .5rem;
    }


  .section-card.colored.reversed:before {
    -webkit-clip-path: polygon(45% 0, 100% 0%, 100% 100%, 30% 100%);
            clip-path: polygon(45% 0, 100% 0%, 100% 100%, 30% 100%); }

  .section-card.colored.colored-1 {
    background-color: transparent; }
    .section-card.colored.colored-1:before {
      background: var(--pri-color-1-400); }

  .section-card.colored.colored-2 {
    background-color: transparent; }
    .section-card.colored.colored-2:before {
      background: var(--pri-color-2-400); }

  .section-content.colored .container-fluid-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .section-content.has-background .section-background:before {
    display: block; }
  .section-content.has-background .section-background img {
    width: 65%;
    left: 35%; }

  .section-content.has-background.reversed .section-background:before {
    left: 65%; }
  .section-content.has-background.reversed .section-background img {
    left: 0; }

  .slider-section .desc-container {
    position: absolute;
    width: 50%;
    left: 0;
    padding-right: 2rem; }
  .slider-section .slider-container {
    padding-top: 10rem;
    left: 4rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% + 4rem);
            flex: 0 1 calc(50% + 4rem);
  }

  .slider-section .reversed .desc-container {
    left: 50%;
    text-align: right;
    padding-right: 0;
    padding-left: 2rem; 
  }

  .slider-section .reversed .card-title {
    text-align: right; }
  .slider-section .reversed .img-container {
    margin-left: 0;
    margin-right: auto;
    left: auto;
    right: 4rem;
    padding-right: 0;
    padding-left: 4rem; }

  .inner-tabs .tab-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 1rem);
            flex: 0 1 calc(50% - 1rem); }

  .others-section .widget-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 2rem);
            flex: 1 1 calc(50% - 2rem); }

  .contact-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 1rem);
            flex: 0 1 calc(50% - 1rem); }

  .img-grid .b {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 0.5rem);
            flex: 1 1 calc(50% - 0.5rem); }

  .main-footer .container-fluid-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .footer-item:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }

  .footer-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1rem);
            flex: 1 1 calc(50% - 1rem); }

  .footer-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: var(--base-gap-2); } }
@media only screen and (min-width: 1024px) {
  .main-banner {
    margin-top: 0; 
    height: 100vh;
  }
    .main-banner .container-fluid-width {
      /* position: static; */
      position: relative;
      width: 100%;
      height: 100%;
      padding-top: 2rem;
      padding-bottom: 2rem;
      padding-left: 3rem;
      padding-right: 3rem; }
    .main-banner .background-slider .slide-item {
      height: 85vh;
      min-height: 42rem; }
    .main-banner .slick-dots {
      left: 3rem;
      top: auto;
      bottom: 3rem; }
    .main-banner .banner-caption {
      left: 0;
      right: auto;
      max-width: 30rem;
      /*left: auto;*/
      /*right: 0; */
    }

  .inner-banner {
    height: 70vh;
    min-height: 35rem;
    padding-top: var(--header-height); }
    .inner-banner .slick-dots {
      top: auto;
      left: 0; }
    .inner-banner .container-fluid-width {
      padding-bottom: 3rem; }
    .inner-banner .caption-slider {
      width: 900px;
      max-width: 100%;
      text-align: right;
      left: auto;
      right: 0;
      bottom: -1rem; }

  .solid-banner .container-fluid-width {
    padding-bottom: 4rem; }

  .slider-section .container-fluid-width {
    position: relative;
    width: 100%;
    max-width: none; }
  .slider-section .desc-container {
    width: 50%;
    margin-left: 5rem
  }
  .slider-section .slider-container {
    left: 5rem;
  }
  .slider-section .slider-container .slider {
      width: 20%;
      min-width: 25rem;
      margin-left: 0; }
  .slider-section .slider-control {
    position: absolute;
    top: 0;
    display: block;
    width: calc(100vw - 15rem);
  }

  .slider-section .reversed .desc-container {
    margin-left: 0;
    margin-right: calc((100vw - 1200px) / 2); }
  .slider-section .reversed .slider-container {
    left: auto;
    right: 3rem; }
    .slider-section .reversed .slider-container .slider {
      margin-left: auto;
      margin-right: 0; }

  .article-content .container-fluid-width {
    width: 990px; }

  .inner-tabs .tab-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

  .others-section .widget-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.33% - 2rem);
            flex: 1 1 calc(33.33% - 2rem); }

  .contact-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.33% - 2rem);
            flex: 1 1 calc(33.33% - 2rem); }

  .main-footer .container-fluid-width {
    gap: 2rem; }

  .img-grid {
    gap: 0; }
    .img-grid .img-container {
      border: 5px solid white; }
    .img-grid .a {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 calc(66.66% - 0.5rem);
              flex: 1 1 calc(66.66% - 0.5rem); }
    .img-grid .b {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 calc(33.33% - 0.5rem);
              flex: 1 1 calc(33.33% - 0.5rem); }
    .img-grid .img-caption {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      padding: 1rem;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      color: white;
      height: 50%;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.75)));
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
      opacity: 0.8; }

  .disclosure-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.33% - 0.75rem);
            flex: 0 1 calc(33.33% - 0.75rem); }

  .footer-item:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 150px;
            flex: 1 1 150px; }

  .footer-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(25% - 2rem);
            flex: 1 1 calc(25% - 2rem); }

  .footer-links {
    gap: 0rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap; } }
@media only screen and (min-width: 1100px) {
  .main-header.scroll-active .main-nav {
    color: #fff; 
  }
  .main-header.scroll-active .main-nav .nav-item {
    color: #fff; 
  }
  .main-header.scroll-active .main-nav .nav-item a {
    color: #fff; 
  }
  .main-header.scroll-active .main-nav .nav-item .nav-content a {
    color: #212121; 
  }

  .main-nav {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    position: static;
    height: auto;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible; 
    align-items: center;
    gap: 1rem;
  }
    .main-nav .nav-item {
      position: relative;
      display: inline-block;
      font-size: clamp(0.65rem, 0.95vw, 16px);
      font-weight: 300;
      padding: .8rem 1rem;
      /*height: var(--header-height); */
    }
    .main-nav .nav-item span{
      margin-left: .5rem;
    }
    .main-nav .nav-item span:before{
      color: #fff;
    }
      .main-nav .nav-item:hover {
        background-color: rgba(147, 133, 133, 0.161); }
      .main-nav .nav-item:before {
        content: '';
        left: 50%;
        top: 100%;
        position: absolute;
        height: 4px;
        width: 0;
        -webkit-transform: translate(-50%, -4px);
                transform: translate(-50%, -4px);
        -webkit-transition: width 350ms cubic-bezier(0.88, 0.01, 0.01, 1);
        transition: width 350ms cubic-bezier(0.88, 0.01, 0.01, 1);
        background-color: #4FD9E2; }
    .main-nav .nav-item:hover .nav-dropdown {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .main-nav .nav-item:hover:before,
    .main-nav .nav-item.nav-active:before {
      width: 100%; }
    .main-nav .nav-item.nav-active {
      font-weight: bold; }
    .main-nav .nav-dropdown {
      position: absolute;
      display: none;
      top: 3rem;
      left: -6.5rem; 
    }
    .main-nav .nav-dropdown:before{
      content: '';
      position: absolute;
      display: block;
      background-image: url('../img/nav-point.png');
      background-size: 100% 100%;
      top:.2rem;
      left: 9.8rem;
      width: 2rem;
      height: .8rem;
    }
    .main-nav .nav-dropdown.wider {
        width: 20rem; 
    }
    .main-nav .nav-content {
      width: 100%;
      margin-top: 1rem;
      /*padding: 1rem 2rem; */
      border-radius: 1rem;
      background-color: #fff;
      overflow: hidden;
    }
    .main-nav .nav-content a{
      position: relative;
      display: flex;
      align-items: center;
      gap: 1rem;
      color: var(--base-font-color);
      font-size: 0.8rem;
      white-space: normal;
      padding: 0.75rem 2rem;
      font-weight: bold;
      line-height: 1.5; 

      transition: background-color .5s cubic-bezier(0.77, 0, 0.175, 1);
    }
    .main-header .main-nav .nav-item .nav-content a:hover {
       background-color: #98e0e5; 
    }

    .main-nav .nav-content a:before{
      content: '';
      display: block;
      width: 1.5rem;
      height: 1.5rem;
      background-size: 100%;
    }

    .main-nav .nav-content a.corporate-gift:before{
      background-image: url('../img/03-OurServices/nav-icons/corporate-gift.png');
    }

    .main-nav .nav-content a.general-insurance:before{
      background-image: url('../img/03-OurServices/nav-icons/device-protection.png');
    }

    .main-nav .nav-content a.retail-and-e-commerce:before{
      background-image: url('../img/03-OurServices/nav-icons/retail-and-e-commerce.png');
    }

    .main-nav .nav-content a.electronics-consultancy:before{
      background-image: url('../img/03-OurServices/nav-icons/electronics-consultancy.png');
    }

    .main-nav .nav-content a.repair-and-service-operations:before{
      background-image: url('../img/03-OurServices/nav-icons/repair-and-service-operations.png');
    }

    .main-nav .nav-content a.trade-in-program:before{
      background-image: url('../img/03-OurServices/nav-icons/trade-in-program.png');
    }

    .main-nav .nav-image {
      width: 50%;
      display: none;
      background-color: #423f3b; 
    }
    .main-nav .nav-image img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      opacity: 0.7; 
    }

  .toggle {
    display: none; } }
.quick-links {
  padding: 0;
  background-color: white;
  position: relative; }
  .quick-links .link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2rem; }
  .quick-links header {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    font-weight: bold;
    text-transform: uppercase; }
    .quick-links header:after {
      content: '';
      display: block;
      height: 2px;
      background-color: black;
      margin-top: 0.5rem; }
  .quick-links .link-icon {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    font-size: 3rem; }
  .quick-links .link-title {
    margin: 0;
    margin-bottom: 20px;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; }
  .quick-links .link-more {
    margin: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; }
    .quick-links .link-more span {
      position: relative;
      display: inline-block; }
      .quick-links .link-more span:before {
        content: '';
        height: 3px;
        width: 100%;
        position: absolute;
        background-color: var(--pri-color-1-400);
        top: 100%;
        left: 0;
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: center right;
                transform-origin: center right;
        -webkit-transition: -webkit-transform 250ms ease-in-out;
        transition: -webkit-transform 250ms ease-in-out;
        transition: transform 250ms ease-in-out;
        transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
  .quick-links .link-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    color: inherit; }
  .quick-links .link-item:hover .link-icon {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  .quick-links .link-item:hover .link-title {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .quick-links .link-item:hover .link-more {
    -webkit-transform: translateX(20%);
            transform: translateX(20%); }
    .quick-links .link-item:hover .link-more span:before {
      -webkit-transform: scaleX(0);
              transform: scaleX(0); }

.awards-section {
  background: url("../img/01-Homepage/Homepage-AwardsBG.png") bottom center no-repeat;
  background-size: 100% auto; }

.header-2 {
  color: #2F2F2F; }
  .header-2 em {
    font-weight: 700; }

.text-btn {
  font-size: 1.25rem;
  border-radius: 0; }

.homepage-slider {
  --slide-gap: 2rem;
  --n-slide-gap: -2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin: var(--base-gap-4) var(--n-slide-gap);
  padding: 0 24px;
  position: relative; }
  .homepage-slider .slider {
    margin: 0; }
  .homepage-slider .slide {
    padding: var(--slide-gap); }
  .homepage-slider .slider-control .control {
    padding: 0;
    height: 3rem;
    width: 3rem;
    border-radius: 100%;
    font-size: 1.25rem; }

.homepage-slider .slider:not(.slick-initialized) .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--base-gap-4);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.homepage-slider .slider:not(.slick-initialized) .slide {
  width: 100%;
  display: none; }
.homepage-slider .slider:not(.slick-initialized) .slide:first-child {
  display: block; }

.section-testimonials {
  background: url("../img/section-testimonial-bg.png") no-repeat;
  background-position: -25rem 10rem;
  background-size: 50rem; }
  .section-testimonials .card-testomonials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .section-testimonials .img-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
            flex: 0 1 60%;
    margin: 0; }
  .section-testimonials .desc-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%; }
  .section-testimonials .testimonial-item {
    margin: var(--base-gap-2) auto; }

.section-signup {
  position: relative;
  background: var(--pri-color-1-400) url("../img/signup-bg-m.png") no-repeat bottom center;
  background-size: contain;
  color: white;
  text-align: center;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem; }
  .section-signup .container-fluid-width {
    padding-bottom: 6rem;
    z-index: 1; }
  .section-signup em, .section-signup a {
    color: white; }
  .section-signup .img-container {
    display: none; }
  .section-signup .circular-bg {
    position: absolute;
    top: -50%;
    z-index: -2; }
  .section-signup .img1 {
    position: absolute;
    top: 37%;
    right: 4.2%;
    bottom: auto; }
  .section-signup .img2 {
    position: absolute;
    top: 0;
    right: 32%; }
  .section-signup .img3 {
    position: absolute;
    top: auto;
    right: 4%;
    bottom: -27%; }
  .section-signup .desc-container {
    z-index: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
    .section-signup .desc-container .text-btn {
      color: #2E478A;
      font-weight: 700;
      margin-left: 1rem;
      text-decoration: underline; }
    .section-signup .desc-container p {
      margin-bottom: 2rem; }
  .section-signup .button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  

@media only screen and (min-width: 768px) {
  .quick-links .link-title br {
    display: none; }
  .quick-links .link-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1rem);
            flex: 0 0 calc(50% - 1rem); } }
@media only screen and (min-width: 1024px) {
  .quick-links {
    position: absolute;
    bottom: 0;
    color: white;
    width: 1200px;
    max-width: 100%;
    margin: auto;
    left: 50%;
    padding: 2rem 3rem;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-color: transparent; }
    .quick-links .link-list {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
    .quick-links .link-more {
      font-size: 0; }
      .quick-links .link-more span {
        width: 5rem; }
        .quick-links .link-more span:before {
          height: 4px; }
    .quick-links header:after {
      background-color: white; }
    .quick-links .link-item {
      gap: 1rem;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      color: white; } }
.ourvalues-section {
  background: url("../img/02-AboutUs/AboutUs-OurValues.png") center;
  background-size: cover;
  color: white; }

.values-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem; 
  justify-content: center;
  align-items: stretch;
}
  .values-list div.equalize {
    width: 100%; }
    .values-list div.equalize .values-item.align-col {
      min-height: 140px; }

.values-list.add-3rem {
  margin-bottom: 3rem; }

.values-item a{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  /*border-left: 10px solid var(--pri-color-2-400);*/
  padding: 2rem;
  padding-left: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
  height: 100%;
  position: relative;
  text-align: left; 
  background-color: #fff;
  color: #0BC0CC;
  isolation: isolate;
  overflow: hidden;
}

.values-item a:before,
.values-item a:after{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 110%;
  height: 110%;
  background-image: url('../img/slider-bg-norm.jpg');
  background-size: 100% 100%;
  z-index: -1;
  opacity: 1;

  transition: opacity .5s  cubic-bezier(0.77, 0, 0.175, 1);
}

.values-item a:after{
  background-image: url('../img/slider-bg.jpg');
  z-index: -1;
  opacity: 0;
}

.values-item a .values-icon {
  width: 4rem;
  height: 4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 4rem;
          flex: 0 1 4rem; 
}
.values-item .values-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
   color: #212121;
  margin: 0; 

  transition: color .5s  cubic-bezier(0.77, 0, 0.175, 1);
}
.values-item a p{
  margin: 0;
  width: 100%;
  line-height: 1.5; 
  color: #666666;

   transition: color .5s  cubic-bezier(0.77, 0, 0.175, 1);
}

.values-item a:hover .values-title,
.values-item a:hover p{
  color: #fff;
}

.values-item a:hover:before{
  opacity: 0;
}

.values-item a:hover:after{
  opacity: 1;
}

.values-item.align-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  text-align: left;
  gap: 0;
  border-top-color: #cecece;
  border-right-color: #cecece;
  border-bottom-color: #cecece; }
  .values-item.align-col .values-title {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    text-align: left; }
  .values-item.align-col a {
    color: var(--pri-color-1-400); }

.values-item.left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.news-section {
  background: var(--pri-color-2-400) url("../img/02-AboutUs/AboutUs-NewSectionBG.png") bottom center no-repeat;
  background-size: contain; }
  .news-section .img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem; }

.awards-slider .slider {
  width: 100% !important; }
.awards-slider .control.right {
  right: 3.5rem !important; }
.awards-slider .widget-item {
  background-color: transparent;
  color: inherit;
  text-align: center;
  -webkit-box-shadow: 0rem 0.5rem 2rem rgba(0, 0, 0, 0.15);
          box-shadow: 0rem 0.5rem 2rem rgba(0, 0, 0, 0.15);
  pointer-events: none;
  border-radius: 1rem;
  padding: 2rem; }
  .awards-slider .widget-item > * {
    margin-left: auto;
    margin-right: auto; }
  .awards-slider .widget-item img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    opacity: 1;
    position: static !important;
    height: auto;
    width: auto;
    margin: 0 auto 2rem;
    max-width: 100%; }
  .awards-slider .widget-item p:last-of-type {
    margin-top: 0;
    line-height: 1.25; }
    .awards-slider .widget-item p:last-of-type b {
      margin-top: 0;
      margin-bottom: 10px; }
  .awards-slider .widget-item .slide-title {
    color: var(--pri-color-1-400); }

@media only screen and (min-width: 768px) {
  .values-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 1rem);
            flex: 0 1 calc(50% - 1rem);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

  .values-list div.equalize {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 1rem);
            flex: 0 1 calc(50% - 1rem); } }
@media only screen and (min-width: 1024px) {
  .news-section .section-card .desc-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33% - 1.5rem);
            flex: 0 1 calc(33% - 1.5rem); }
  .news-section .section-card .img-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(67% - 1.5rem);
            flex: 0 1 calc(67% - 1.5rem); }
    .news-section .section-card .img-container .widget-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 calc(50% - 1rem);
              flex: 0 1 calc(50% - 1rem); } }
@media only screen and (min-width: 768px) {
  .quick-links .link-title br {
    display: none; }
  .quick-links .link-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1rem);
            flex: 0 0 calc(50% - 1rem); } }
@media only screen and (min-width: 1024px) {
  .quick-links {
    position: absolute;
    bottom: 0;
    color: white;
    width: 1200px;
    max-width: 100%;
    margin: auto;
    left: 50%;
    padding: 2rem 3rem;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-color: transparent; }
    .quick-links .link-list {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
    .quick-links .link-more {
      font-size: 0; }
      .quick-links .link-more span {
        width: 5rem; }
        .quick-links .link-more span:before {
          height: 4px; }
    .quick-links header:after {
      background-color: white; }
    .quick-links .link-item {
      gap: 1rem;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      color: white; } }
.tab {
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-height);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 10; }
  .tab .container-fluid-width {
    overflow: auto;
    white-space: nowrap; }

.services-list,
.services-inner-list {
  margin: var(--base-gap) -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  padding: 0; }
  .services-list > *,
  .services-inner-list > * {
    padding: 1rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 0%;
            flex: 0 1 0%; }

.services-list {
  gap: 2rem;
  margin: 2rem 0; }

.services-inner-list .services-inner-item {
  max-width: none; }

.services-item {
  position: relative;
  background-color: white;
  padding: var(--base-gap-4);
  -webkit-box-shadow: 11px 11px 42px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 11px 11px 42px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  padding-top: 6rem;
  margin-top: 6rem; }
  .services-item .img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 65%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .services-item .img-container img {
      width: 100%;
      display: block; }
  .services-item .desc-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    gap: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
    .services-item .desc-container > * {
      margin: 0; }
    .services-item .desc-container .btn {
      margin-top: auto; }
  .services-item ul {
    text-align: left; }
  .services-item .btn {
    margin-top: 2rem; }

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .breadcrumbs > * {
    color: var(--base-font-color); }

.column-text {
  -webkit-columns: 350px 2;
          columns: 350px 2;
  -webkit-column-gap: var(--base-gap-4);
          column-gap: var(--base-gap-4);
  -webkit-column-break-inside: avoid;
          break-inside: avoid; }
  .column-text > * {
    margin: 0;
    padding: 1rem 0; }

.services-inner-item {
  margin: 0;
  gap: var(--base-gap-2); }
  .services-inner-item .img-container img {
    width: 4rem; }

@media only screen and (min-width: 550px) {
  .services-list,
  .services-inner-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .services-list > *,
    .services-inner-list > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%; }

  .services-list .services-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 1rem);
            flex: 0 1 calc(50% - 1rem); } }
@media only screen and (min-width: 768px) {
  .services-inner-list > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33%;
            flex: 0 1 33.33%; }

  .services-inner-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2rem; }
    .services-inner-item .img-container, .services-inner-item .desc-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 0%;
              flex: 0 1 0%; }

  .services-list .services-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.33% - 2rem);
            flex: 0 1 calc(33.33% - 2rem); } }
.faq-content .faqs-filter {
  text-align: left; }

.faqs-search {
  max-width: 768px;
  margin: auto; }

.faqs-list {
  text-align: left; }
  .faqs-list .accordion-item h3 {
    margin: 0; }
  .faqs-list .accordion-item :before {
    background-color: red; }
  .faqs-list .accordion-header {
    padding-left: var(--base-gap-2);
    background-color: var(--pri-color-2-100); }
  .faqs-list .accordion-section {
    height: auto; }
    .faqs-list .accordion-section > div {
      padding-left: var(--base-gap-2);
      padding-right: var(--base-gap-4);
      display: block; }

.faqs-filter {
  white-space: nowrap;
  margin: var(--base-gap) 0;
  overflow: auto; }

@media only screen and (min-width: 768px) {
  .faq-content .faqs-filter {
    text-align: center; } }
.price-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin: var(--base-gap) 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.pricing-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  border-radius: 1rem;
  border: 1px solid var(--pri-color-2-400);
  border-top: 1rem solid var(--pri-color-2-400);
  padding: var(--base-gap-2);
  text-align: center;
  background-color: white; }
  .pricing-item .pricing-name {
    margin-bottom: 1.5rem; }
  .pricing-item .pricing-desc {
    line-height: 1.25;
    margin-bottom: 1.5rem; }
  .pricing-item .pricing-features {
    text-align: left;
    margin: 3rem 0; }

.pricing-item:nth-child(2) {
  border: 1px solid var(--pri-color-1-400);
  border-top: 1rem solid var(--pri-color-1-400); }

.pricing-item:nth-child(3) {
  border: 1px solid var(--pri-color-3-400);
  border-top: 1rem solid var(--pri-color-3-400); }

.features-table tr th {
  background-color: var(--sec-color-2-300);
  color: var(--base-font-color); }
.features-table .icon {
  color: var(--pri-color-1-400); }

@media only screen and (min-width: 550px) {
  .pricing-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.33% - 2rem);
            flex: 1 1 calc(33.33% - 2rem); } }
.testimonial {
  max-width: none;
  width: auto;
  position: relative; }
  .testimonial .slider {
    display: block; }
  .testimonial .slider.slick-initialized .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .testimonial .slider-control {
    display: none; }
  .testimonial .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2rem; }
    .testimonial .slide:first-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .testimonial .slide > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%; }
  .testimonial .slick-dots {
    right: auto;
    left: 50%;
    bottom: -4rem;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }

.testimonial-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #FFFFFF;
  -webkit-box-shadow: 14px 18px 30px -5px rgba(0, 0, 0, 0.08);
          box-shadow: 14px 18px 30px -5px rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  padding: 4rem 2rem 2rem;
  text-align: left; }
  .testimonial-item .desc {
    line-height: 1.5; }
    .testimonial-item .desc:before {
      content: '';
      position: absolute;
      top: 2rem;
      left: 2rem;
      height: 2rem;
      width: 2rem;
      background: url("/assets/img/testimonials/qoute.png") no-repeat;
      background-size: contain; }
    .testimonial-item .desc .name {
      font-weight: 700;
      color: #5080FF; }
  .testimonial-item .profile {
    margin-left: 20px; }
    .testimonial-item .profile img {
      height: 5rem;
      width: 5rem;
      border-radius: 50%; }

.create-account-container .title {
  display: block;
  margin: 0 auto 3rem;
  text-align: center;
  width: 55%; }
.create-account-container form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0;
  margin-bottom: 3rem;
  gap: 1rem; }
  .create-account-container form p {
    margin: 0; }
  .create-account-container form input {
    border-radius: 10px; }
  .create-account-container form input[type=checkbox] {
    width: auto; }
  .create-account-container form .width-50 {
    width: 50%; }
  .create-account-container form .container-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .create-account-container form .checkbox-list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: left;
    margin-left: auto;
    margin-right: auto; }
    .create-account-container form .checkbox-list .form-group {
      margin-bottom: 1rem; }
.create-account-container .content {
  margin: 0 auto;
  width: 520px;
  max-width: 100%;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 10px;
  padding: var(--base-gap);
  text-align: center; }
  .create-account-container .content h4 {
    color: var(--pri-color-3-400); }
  .create-account-container .content .create-account {
    width: 100%;
    border-radius: 10px; }
  .create-account-container .content.verify-email {
    background: transparent;
    border: 0; }
    .create-account-container .content.verify-email a {
      font-weight: 700;
      color: var(--pri-color-3-400); }
.create-account-container p {
  margin: 1rem 0;
  color: #2B2B2B;
  font-size: 1.125rem;
  line-height: 1.5; }
.create-account-container .bottom-section p {
  font-size: 1.125rem; }
  .create-account-container .bottom-section p a {
    color: var(--pri-color-3-400);
    font-weight: 700; }
  .create-account-container .bottom-section p:first-child {
    margin-bottom: 2rem; }
    .create-account-container .bottom-section p:first-child a {
      text-decoration: underline;
      margin-left: .5rem; }
      .create-account-container .bottom-section p:first-child a:hover {
        text-decoration: none; }
.create-account-container input[type=number]::-webkit-outer-spin-button,
.create-account-container input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.otp-container {
  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; }
  .otp-container input[type=number] {
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 3px; }

.otp-timer .timer {
  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;
  width: 78px;
  height: 78px;
  border: 2px solid #5080FF;
  border-radius: 50px;
  text-align: center;
  margin: 0 auto; }
  .otp-timer .timer p {
    color: #5080FF; }
.otp-timer .resend-code {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  color: #C4C6C9;
  margin-top: 1rem;
  margin-bottom: 2rem; }
  .otp-timer .resend-code:hover {
    color: #535353; }
.otp-timer .need-help {
  font-size: 1.125rem;
  color: #2E478A; }
  .otp-timer .need-help:hover {
    text-decoration: underline; }

.img-success-container {
  display: block;
  margin: 0 auto;
  text-align: center; }
  .img-success-container .btn.pri-btn-3.bordered {
    margin-top: 2rem; }
    .img-success-container .btn.pri-btn-3.bordered:hover {
      color: #2E478A; }

.reset-password {
  display: block;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center; }
  .reset-password h2 {
    text-align: center;
    margin-bottom: 3rem; }
  .reset-password h4 {
    color: #2E478A;
    text-align: center; }
  .reset-password p {
    text-align: center; }
  .reset-password .resend-it {
    font-weight: 700;
    color: #2E478A; }
  .reset-password .content {
    background: #ffffff;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    padding: 2rem 3rem 3rem;
    width: 100%;
    max-width: 580px;
    margin: 0 auto; }
    .reset-password .content form span {
      font-size: 13px;
      color: #736F6F;
      margin-top: -20px; }
    .reset-password .content .form-group {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .reset-password .content .form-group input {
        border-radius: 10px; }
    .reset-password .content .form-action .btn {
      border-radius: 10px;
      width: 100%; }

.contact-form .row {
  gap: var(--base-gap-2); }

.map-content {
  background-color: var(--pri-color-2-100);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .map-content .desc-container {
    margin-left: auto;
    padding: var(--base-gap); }
    .map-content .desc-container > div {
      max-width: 100%;
      margin: auto; }
  .map-content .map-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px; }
    .map-content .map-item .icon {
      color: var(--pri-color-1-400);
      font-size: 1.3rem; }
    .map-content .map-item span {
      line-height: 1; }
    .map-content .map-item span:last-child {
      line-height: 1.5; }

.contact-form {
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: 0;
  margin: 2.5rem 0; }
  .contact-form textarea,
  .contact-form input {
    font-weight: 500; }
    .contact-form textarea::-webkit-input-placeholder,
    .contact-form input::-webkit-input-placeholder {
      color: #7A7A7A; }
    .contact-form textarea:-ms-input-placeholder,
    .contact-form input:-ms-input-placeholder {
      color: #7A7A7A; }
    .contact-form textarea::-ms-input-placeholder,
    .contact-form input::-ms-input-placeholder {
      color: #7A7A7A; }
    .contact-form textarea::placeholder,
    .contact-form input::placeholder {
      color: #7A7A7A; }
  .contact-form select {
    font-weight: 500; }
  .contact-form .form-group {
    row-gap: 1rem; }
    .contact-form .form-group textarea {
      height: 200px; }
  .contact-form .grid-container {
    margin: 0; }
  .contact-form .action {
    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; }
  .contact-form button {
    background-color: var(--pri-color-1-400);
    color: #fff;
    border-radius: 50px;
    font-weight: 500; }
    .contact-form button:hover {
      background-color: var(--pri-color-1-500); }

.g-recaptcha {
  -webkit-transform: scale(1);
          transform: scale(1); }

.conglomerate .main-banner {
  background-color: #E8412C;
  max-height: 420px;
  min-height: auto; }
.conglomerate .brand-container {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  margin: 1rem 0 3rem; }
  .conglomerate .brand-container .c-card {
    border: 1px solid #E8E5E5;
    width: 545px;
    padding: 2rem 0 0; }
    .conglomerate .brand-container .c-card img {
      display: block;
      width: auto;
      margin: 0 auto; }
  .conglomerate .brand-container p {
    background-color: #E8412C;
    color: #fff;
    margin-bottom: 0;
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 700; }
.conglomerate .bridge-connector {
  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;
  height: 155px;
  width: 6px;
  background-color: #C4C4C4;
  text-align: center; }
  .conglomerate .bridge-connector p {
    font-weight: 700;
    font-size: 1rem;
    color: #000;
    background-color: #C4C4C4;
    padding: 0 1rem;
    border-radius: 10px;
    text-align: center;
    line-height: 1.8;
    margin-top: 0; }

@media only screen and (max-width: 768px) {
  .col-tab-1,
  .col-tab-2,
  .col-tab-3,
  .col-tab-4,
  .col-tab-5,
  .col-tab-6,
  .col-tab-7,
  .col-tab-8,
  .col-tab-9,
  .col-tab-10,
  .col-tab-11,
  .col-tab-12 {
    float: left;
    padding: 1rem; }

  .parent {
    padding: 0; }

  .col-tab-1 {
    width: 8.33%; }

  .col-tab-2 {
    width: 16.66%; }

  .col-tab-3 {
    width: 25.00%; }

  .col-tab-4 {
    width: 33.33%; }

  .col-tab-5 {
    width: 41.66%; }

  .col-tab-6 {
    width: 50.00%; }

  .col-tab-7 {
    width: 58.33%; }

  .col-tab-8 {
    width: 66.66%; }

  .col-tab-9 {
    width: 75.00%; }

  .col-tab-10 {
    width: 83.33%; }

  .col-tab-11 {
    width: 91.66%; }

  .col-tab-12 {
    width: 100%; } 

  .widget-banner{
    top: 45%;
  }

  .widget-banner .container .content{
    padding: .25rem .5rem .25rem 1rem;
  }

  .widget-banner .container .bullets{
    padding-top: 1rem;
  }

  .widget-banner .container .bullets span:before{
    width: 1rem;
    height: 1rem;
  }


}
@media only screen and (max-width: 550px) {
  .col-mob-1,
  .col-mob-2,
  .col-mob-3,
  .col-mob-4,
  .col-mob-5,
  .col-mob-6,
  .col-mob-7,
  .col-mob-8,
  .col-mob-9,
  .col-mob-10,
  .col-mob-11,
  .col-mob-12 {
    float: left;
    padding: 1rem; }

  .parent {
    padding: 0; }

  .col-mob-1 {
    width: 8.33%; }

  .col-mob-2 {
    width: 16.66%; }

  .col-mob-3 {
    width: 25.00%; }

  .col-mob-4 {
    width: 33.33%; }

  .col-mob-5 {
    width: 41.66%; }

  .col-mob-6 {
    width: 50.00%; }

  .col-mob-7 {
    width: 58.33%; }

  .col-mob-8 {
    width: 66.66%; }

  .col-mob-9 {
    width: 75.00%; }

  .col-mob-10 {
    width: 83.33%; }

  .col-mob-11 {
    width: 91.66%; }

  .col-mob-12 {
    width: 100%; } }

/*# sourceMappingURL=style.css.map */
.announcement-container{
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.announce.content .banner{
  position: relative;
  display: block;
  width: 100%;
  background-color: #333;
}

.announce.content p{
  padding: 1rem 1.2rem;
}

.announce.content a{
  color: #F4AD3F;
}

.announce.content img,
.announce.content video{
  width: 100%;
}


.section-card p a,
.banner-btn,
.shop-now,
.main-nav .nav-item.contact-us,
a.btn,
.contact-form button{
  margin-top: 2rem;
  display: inline-block;
  padding: .65rem 2rem;
  width: auto;
  background: linear-gradient(90deg, rgba(79, 217, 226, 0.59) 45.42%, rgba(24, 133, 139, .3) 133.02%);
  border: 1px solid #4FD9E2;
  border-bottom: 1px solid #4FD9E2 !important;
  border-radius: 10px;
  font-weight: 300 !important;
  line-height: 1;
  color: #fff;

  transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);
}

p:has(.shop-now){
  margin: 0;
  padding: 2rem 0 4rem;
}

.shop-now{
  display: flex;
  margin: 0 auto;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 100vmax;
  max-width: 15rem;
  background:#4FD9E2;
}

.shop-now span{
  padding: 0;
}

.shop-now span::before{
  color: #fff;
  font-size: 1.5rem;

  transition: color .3s cubic-bezier(0.77, 0, 0.175, 1);
}


.contact-now .btn{
  margin-top: 0; 
}

.contact-now .btn span.icon::before{
  transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);
  margin-right: .5rem;
  color: #fff;
}

.contact-now .btn:hover span.icon::before{
  color: #000;
}

.main-nav .nav-item.contact-us{
  margin: 0;
  padding: .8rem 1.5rem;
  font-weight: 400 !important;
}

.main-nav .nav-item.contact-us.nav-active{
  color: #000;
  font-weight: 700 !important;
  background-color: #4FD9E2;
}

.main-nav .nav-item.contact-us.nav-active:before{
  display: none;
}

@media only screen and (max-width: 768px) {
  .main-nav .nav-item.contact-us{
    margin-top: 2rem;
  }
}

.section-card p a:hover,
.banner-btn:hover,
.shop-now:hover,
.main-nav .nav-item.contact-us:hover,
a.btn:hover,
.contact-form button:hover{
  color: #000;
  background-color: #4FD9E2;
}
.shop-now:hover .icons::before{
  color: #333;
}

.main-nav .nav-item.contact-us:hover:before{
  display: none;
}

.wide-slide .card{
  flex-direction: column;
}

.para-bg{
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0 auto;
  max-width: 1200px;
}

.para-bg .section-card{
  display: flex;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.para-bg .desc-container{
  position: relative;
  margin: 0;
  padding: 0;
}

.para-bg .desc-container .card-title,
.para-bg .desc-container p{
  color: #fff;
}

.para-bg .img-container{
  padding-top: 0;
  margin: 0;
  width: 50%;
}

.para-bg .testi-links{
  position: relative;
  margin-top: 1rem;
  text-align: center;
}

.para-bg .testi-links .slick-dots{
  position: relative;
  display: inline-block;
  right: 0;
  bottom: 0;
}

.para-bg .slide-item{
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem 2rem;
  align-items: center;
}

.para-bg .slide-item .link{
  display: none;
}

.para-bg .slide-item .content p{
  line-height: 1.2;
  font-size: 1rem;
}

.para-bg .slide-item img.icon{
  border-radius: 100vmax;
}

@media only screen and (max-width: 768px) {
  .para-bg{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .para-bg .section-card{
    flex-direction: column;
  }
  .para-bg .img-container{
    border: none;
    width: 100%;
  }
}

.contact-now{
  padding: 2rem;
  display: flex;
}

.contact-now .container{
  display: flex;
  justify-content: center;
  padding: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 20px;
  background-image: url(../img/contact-now.jpg);
  background-position: center;
  background-size: cover;
}

.contact-now .container .content{
  padding: 2rem;
  max-width: 500px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .contact-now .container{
    background-position: left;
  }

  .contact-now .container .content{
    background-color: rgb(255 255 255 );
    border-radius: 1rem;
  }
  
}

.tri-col{ 
  display: flex;
  padding: 5rem 0;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.tri-col .content{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
  max-width: 1200px;
  isolation: isolate;
}

.tri-col .content .col{
  display: flex;
  flex-direction: column;
  padding: 0 2rem 1rem;
  width: calc((100% / 3) - 1rem);
  align-items: center;
  text-align: center;
}

.tri-col .content .col img{
  margin: 1rem 0;
  width: 8rem;
  height: 8srem;
}

.tri-col .content .col h3{
  margin: 1rem 0;
  font-size: 1.5rem;
}

.tri-col .content .col h3,
.tri-col .content .col p{
  color: #fff;
}

.tri-col .content .col:before{
  content:'';
  position: absolute;
  display: flex;
  top: 5rem;
  left: 0;
  width: 100%;
  height: calc(100% - 3rem);
  background-color: rgb(137 137 137 / .1);
  border-radius: 2rem 2rem 0 0;
  z-index: -1;
}

@media only screen and (max-width: 768px) {
  .tri-col{
    padding: 2rem 0;
  } 

  .tri-col .content{
    padding: 2rem;
    flex-direction: column;
  }

  .tri-col .content .col{
    padding: 1rem;
    width: 100%;
  }
}

.contact-locations{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 0 auto;
  width: 1200px;
  padding: 4rem;
  z-index: 1;
}

.contact-locations .location{
  display: flex;
  align-items: center;
  gap: 1rem;
  width: calc(50% - 1rem);
}

.contact-locations .location img{
  width: 3rem;
  height: 3rem;
}

.contact-locations .location .content h4{
  margin: 0 0 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.contact-locations .location .content p{
  margin: 0;
  line-height: 1.2;
  color: #fff;

}

@media only screen and (max-width: 1024px) {
  .contact-locations{
    flex-direction: column;
    padding: 1rem 2rem;
  }
  .contact-locations .location{
    width: 100%;
  }
}

.enquiry{
  display: flex;
  justify-content: space-between;
  margin: 1rem 0 2rem;
  gap: 1rem;
}

.enquiry input[type="radio"]{
  display: none;
}

.enquiry label{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border: 1px solid #4FD9E2;
  padding: 1rem;
  width: 8rem;
  height: 8rem;
  border-radius: 10px;
}

.enquiry label span{
  font-size: .75rem;
  line-height: 1.2;
  text-align: center;
}

.enquiry label img{
  width: 3rem;
  height: 3rem;
}

.enquiry input[type="radio"]:checked + label{
  background-color: rgb(79 217 226 / .5);
}


@media only screen and (max-width: 1024px) {
  .enquiry{
    flex-wrap: wrap;
    justify-content: center;
  }

  .enquiry label{
    width: calc(50% - .5rem);
  
  }
}