@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: "Tomatoes";
  src: url("../fonts/Tomatoes.woff2") format("woff2"), url("../fonts/Tomatoes.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Chaparral Pro";
  src: url("../fonts/ChaparralPro-Regular.woff2") format("woff2"), url("../fonts/ChaparralPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Chaparral Pro bold";
  src: url("../fonts/ChaparralPro-Bold.woff2") format("woff2"), url("../fonts/ChaparralPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial MT Extra Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Arial MT Extra Bold"), url("../fonts/ARIALMTEXTRABOLD.woff") format("woff");
}
@font-face {
  font-family: "Arial MT Light";
  font-style: normal;
  font-weight: normal;
  src: local("Arial MT Light"), url("../fonts/ARIALMTLIGHT.woff") format("woff");
}
@font-face {
  font-family: "Arial MT Medium";
  font-style: normal;
  font-weight: normal;
  src: local("Arial MT Medium"), url("../fonts/ARIALMTMEDIUM.woff") format("woff");
}
/*=====================================================================
==========================   all-mixing-scss  =========================
========================================================================*/
/* output CSS
.icon-save {
  color: green;
}
.icon-cancel {
  color: gray;
}
.icon-delete {
  color: red;
} */
/*=====================================================================
==========================   main-css-all-pages  =========================
========================================================================*/
html {
  font-size: 16px;
}
@media (max-width: 1440px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 525px) {
  html {
    font-size: 12px;
  }
}

body {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  overflow-x: hidden !important;
}

@media (min-width: 1500px) {
  .container {
    max-width: 1470px;
  }
}
@media (max-width: 1200px) {
  .container {
    max-width: 1024px;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 775px;
  }
}
@media (max-width: 585px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/*=====================================================================
==========================   font-face  =========================
========================================================================*/
a,
a:hover,
a:active,
a:focus,
a:link,
a:visited {
  text-decoration: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
  margin: 0;
  padding: 0;
  transition: 0.5s;
}

.vertical-block {
  float: left;
  width: 100%;
  position: relative;
  display: table;
  height: 100%;
}
.vertical-block .cell {
  display: table-cell;
  vertical-align: middle;
}

button,
.btn,
.form-control,
input {
  border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
button:focus, button:active, button:visited,
.btn:focus,
.btn:active,
.btn:visited,
.form-control:focus,
.form-control:active,
.form-control:visited,
input:focus,
input:active,
input:visited {
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}

.progress-wrap {
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(29, 35, 58, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.progress-wrap::after {
  position: absolute;
  content: "\f176";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #00fffb;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}
.progress-wrap svg.progress-circle path {
  stroke: #00fffb;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}
.progress-wrap svg path {
  fill: none;
}

#pre-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}

.pre-loader {
  width: 3.125rem;
  height: 3.125rem;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.563rem;
  margin-top: -1.563rem;
}
.pre-loader span {
  position: absolute;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 100%;
  background: #00fffb;
  animation: pre-loader 1.3s linear infinite;
  -webkit-animation: pre-loader 1.3s linear infinite;
}
.pre-loader span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes pre-loader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
.header {
  position: relative;
  z-index: 9;
  top: 0;
  padding: 3.75rem 0;
  background: #5bcfe2;
}
@media (max-width: 450px) {
  .header {
    padding-top: 3rem;
    text-align: center;
  }
}
.header .row {
  flex-wrap: nowrap;
}
.header .row .col-left {
  width: 41%;
}
.header .row .col-right {
  width: 59%;
}
@media (max-width: 450px) {
  .header .row .col-right {
    display: none;
  }
}
@media (max-width: 450px) {
  .header .row {
    flex-wrap: wrap;
  }
  .header .row .col-sm-6 {
    width: 100%;
  }
}
.header-logo a {
  font-size: 30.672px;
  color: #003a6a;
  font-family: "Chaparral Pro bold";
  font-weight: 600;
}
.header-logo a span {
  color: #fff;
}
.header-menu ul {
  display: flex;
  align-items: center;
  gap: 2.375rem;
  justify-content: flex-end;
}
@media (max-width: 575px) {
  .header-menu ul {
    gap: 1rem;
  }
}
@media (max-width: 450px) {
  .header-menu ul {
    justify-content: center;
  }
}
.header-menu ul li a {
  font-size: 1.188rem;
  color: #003a6a;
  font-family: "Arial MT Medium";
}
.header-menu ul li.request-demo a {
  background: #003a6a;
  padding: 0.938rem 1.875rem 0.688rem;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3rem;
  letter-spacing: 0.2px;
  height: 3rem;
  transition: 0.5s;
}
.header-menu ul li.request-demo a:hover {
  background-color: #fff;
  color: #003a6a;
}

.slider {
  background-image: linear-gradient(#5ccfe2, #00fffb);
  position: relative;
  padding-top: 5.5rem;
}
@media (max-width: 767px) {
  .slider {
    padding-top: 2rem;
    padding-bottom: 8rem;
  }
}
@media (max-width: 1199px) {
  .slider .row {
    flex-direction: column;
  }
  .slider .row .col-md-6 {
    width: 100%;
  }
}
.slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../img/slider-bottom.png);
  height: 4.563rem;
  width: 100%;
  background-size: cover;
}
.slider::before {
  content: "";
  background-image: url(../img/slider-bg.png);
  height: 10rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(50%);
  width: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 1;
}
@media (max-width: 1199px) {
  .slider::before {
    height: 15.813rem;
    width: 76%;
  }
}
@media (max-width: 767px) {
  .slider::before {
    width: 100%;
    top: 49%;
  }
}
@media (max-width: 450px) {
  .slider::before {
    top: 58%;
  }
}
.slider-sec {
  padding-left: 5.9rem;
}
@media (max-width: 1399px) {
  .slider-sec {
    padding-left: 3.9rem;
  }
}
@media (max-width: 1199px) {
  .slider-sec {
    padding-left: 0;
  }
}
.slider-sec h3 {
  font-size: 3.75rem;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  color: #003a6a;
  letter-spacing: -2.4px;
  line-height: 1.22;
  margin-bottom: 1.625rem;
}
.slider-sec h3 span.text,
.slider-sec h3 span {
  font-family: "Tomatoes";
  color: #fff;
  font-weight: normal;
  position: relative;
  font-size: 4.438rem;
}
.slider-sec h3 span.text::after,
.slider-sec h3 span::after {
  content: "";
  position: absolute;
  right: 0;
  background-image: url(../img/icon/line.png);
  height: 11px;
  width: 147px;
  bottom: 38px;
}
@media (max-width: 767px) {
  .slider-sec h3 span.text::after,
  .slider-sec h3 span::after {
    bottom: 24px;
  }
}
.slider-sec p {
  font-size: 1.25rem;
  color: #003a6a;
  font-weight: 600;
  letter-spacing: 0.3px;
  margin-bottom: 3.5rem;
}
@media (max-width: 1199px) {
  .slider-sec .text-end {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .slider-sec .text-end {
    padding-top: 2rem;
  }
}
@media (max-width: 450px) {
  .slider-sec .text-end {
    padding-top: 1rem;
  }
}
.slider-sec .custom-btn {
  font-size: 1rem;
  color: #003a6a;
  text-transform: uppercase;
  font-family: "Arial MT Medium";
  background-color: #fff;
  border-radius: 4px;
  padding: 0.938rem 1.875rem 0.688rem;
  height: 3rem;
  display: inline-block;
  font-weight: 500;
  transition: 0.5s;
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
  .slider-sec .custom-btn {
    font-size: 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
    height: 54px;
    width: 75%;
  }
}
.slider-sec .custom-btn:hover {
  background-color: #003a6a;
  color: #fff;
}
.slider-box {
  position: relative;
  top: -2rem;
  left: -1.25rem;
}
@media (max-width: 1399px) {
  .slider-box {
    height: 570px;
  }
}
@media (max-width: 1199px) {
  .slider-box {
    display: none;
  }
}
@media (max-width: 768px) {
  .slider-box {
    height: 520px;
  }
}
@media (max-width: 767px) {
  .slider-box {
    height: 440px;
  }
}
@media (max-width: 520px) {
  .slider-box {
    height: 375px;
  }
}
.slider-overlay {
  position: absolute;
  top: 0;
  right: -1.125rem;
}
@media (max-width: 1199px) {
  .slider-overlay {
    right: auto;
    left: 50.5%;
    transform: translateX(-50%);
    width: 100%;
    top: -7px;
  }
}
@media (max-width: 767px) {
  .slider-overlay {
    top: -3px;
  }
}
@media (max-width: 520px) {
  .slider-overlay {
    left: 51%;
  }
}
@media (max-width: 1440px) {
  .slider-overlay img {
    height: 41rem;
  }
}
@media (max-width: 1399px) {
  .slider-overlay img {
    height: 36.6rem;
  }
}
@media (max-width: 1199px) {
  .slider-overlay img {
    margin: 0 auto;
    display: block;
    height: 36rem;
  }
}
@media (max-width: 767px) {
  .slider-overlay img {
    height: 30.5rem;
  }
}
@media (max-width: 520px) {
  .slider-overlay img {
    height: 27rem;
  }
}
.slider-video {
  overflow: hidden;
  -webkit-mask-position: top right;
  mask-position: top right;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/video-image.png);
  mask-image: url(../img/video-image.png);
  position: relative;
  z-index: 9;
}
@media (max-width: 1440px) {
  .slider-video {
    -webkit-mask-size: 39.5rem;
            mask-size: 39.5rem;
  }
}
@media (max-width: 1399px) {
  .slider-video {
    -webkit-mask-size: 35rem;
            mask-size: 35rem;
  }
}
@media (max-width: 1199px) {
  .slider-video {
    -webkit-mask-size: 34rem;
            mask-size: 34rem;
    -webkit-mask-position: top;
            mask-position: top;
  }
}
@media (max-width: 767px) {
  .slider-video {
    -webkit-mask-size: 29rem;
            mask-size: 29rem;
  }
}
@media (max-width: 520px) {
  .slider-video {
    -webkit-mask-size: 26rem;
            mask-size: 26rem;
  }
}
.slider-video video {
  position: relative;
  z-index: 10;
  z-index: 1;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
  height: 41rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 20%;
     object-position: 0 20%;
}
@media (max-width: 1399px) {
  .slider-video video {
    height: 36rem;
  }
}
@media (max-width: 1199px) {
  .slider-video video {
    height: 35rem;
  }
}
@media (max-width: 767px) {
  .slider-video video {
    height: 30rem;
  }
}
@media (max-width: 520px) {
  .slider-video video {
    height: 27rem;
  }
}

.enterprice {
  background-color: #f6f9fa;
  position: relative;
  padding-bottom: 8.563rem;
  padding-top: 4rem;
}
@media (max-width: 1399px) {
  .enterprice {
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .enterprice {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .enterprice {
    padding-bottom: 1.5rem;
    padding-top: 1rem;
  }
}
.enterprice:after {
  content: "";
  position: absolute;
  bottom: 2rem;
  left: 0;
  background-image: url(../img/line.png);
  height: 13.688rem;
  background-repeat: no-repeat;
  width: 90%;
  background-size: contain;
  z-index: 0;
}
@media (max-width: 767px) {
  .enterprice:after {
    width: 80%;
    bottom: 4rem;
    background-size: cover;
  }
}
.enterprice .left__img {
  width: 50%;
  position: absolute;
  height: 100%;
  bottom: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .enterprice .left__img {
    height: 92%;
  }
}
@media (max-width: 720px) {
  .enterprice .left__img {
    height: 85%;
  }
}
@media (max-width: 575px) {
  .enterprice .left__img {
    height: 0;
  }
}
@media (max-width: 580px) {
  .enterprice .left__img {
    height: 30%;
    top: 12rem;
    width: 65%;
  }
}
.enterprice-gls {
  height: calc(100% + 5rem);
  bottom: 0;
  position: absolute;
  top: -5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
@media (max-width: 1399px) {
  .enterprice-gls {
    height: 100%;
    top: 0;
  }
}
.enterprice-gls.xs-mobile {
  display: none;
}
@media (max-width: 580px) {
  .enterprice-gls.xs-mobile {
    display: block;
  }
}
.enterprice-gls.mobile {
  display: none;
}
@media (max-width: 991px) {
  .enterprice-gls.mobile {
    display: block;
  }
}
@media (max-width: 580px) {
  .enterprice-gls.mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .enterprice-gls.desktop {
    display: none;
  }
}
@media (max-width: 991px) {
  .enterprice-sec .row .col-md-8 {
    width: 75%;
  }
}
@media (max-width: 580px) {
  .enterprice-sec .row .col-md-8 {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .enterprice-sec .row .col-md-4 {
    width: 100%;
  }
}
.enterprice-main {
  padding-left: 11rem;
  position: relative;
}
@media (max-width: 1399px) {
  .enterprice-main {
    padding-left: 3.9rem;
  }
}
@media (max-width: 1199px) {
  .enterprice-main {
    padding-right: 3rem;
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .enterprice-main {
    padding-left: 0;
  }
}
.enterprice-main .title {
  max-width: 74%;
}
.enterprice-content p {
  font-size: 1.313rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.enterprice-popup {
  position: relative;
  max-width: 27.313rem;
  background-color: #1d1d1d;
  color: #fff;
  border-radius: 10px;
  padding: 1.688rem 2.375rem;
  padding-right: 1rem;
  z-index: 1;
  top: 4rem;
  left: 4rem;
}
@media (max-width: 1280px) {
  .enterprice-popup {
    left: -3rem;
    max-width: 32rem;
  }
}
@media (max-width: 1030px) {
  .enterprice-popup {
    left: -5rem;
  }
}
@media (max-width: 991px) {
  .enterprice-popup {
    top: 0;
    float: right;
    left: 0;
  }
}
@media (max-width: 768px) {
  .enterprice-popup {
    top: -2rem;
  }
}
@media (max-width: 767px) {
  .enterprice-popup {
    top: 0;
  }
}
@media (max-width: 580px) {
  .enterprice-popup {
    margin-top: 2rem;
  }
}
.enterprice-popup a {
  position: absolute;
  right: 1rem;
  top: 4px;
  color: #fff;
  background: transparent;
  font-size: 1.25rem;
  opacity: 0.5;
}
.enterprice-popup a:hover {
  color: #fff;
  opacity: 1;
  outline: none;
  box-shadow: none;
}
.enterprice-popup h3 {
  font-size: 1.47rem;
  font-family: "Arial MT Extra Bold";
  margin-bottom: 1rem;
}
.enterprice-popup ul li {
  padding-left: 2rem;
  font-size: 1.487rem;
  font-family: "Arial MT Light";
  color: #afafaf;
  position: relative;
}
.enterprice-popup ul li::before {
  content: "";
  position: absolute;
  background-image: url(../img/list-icon.png);
  width: 21px;
  height: 23px;
  left: -5px;
  top: 5px;
}
.enterprice-popup ul li strong {
  font-family: "Arial MT Medium";
  color: #fff;
}

.work {
  text-align: center;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
}
.work:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #00fffb;
}
@media (max-width: 580px) {
  .work:before {
    top: -3rem;
  }
}
.work-sec a.work-btn {
  width: 13.25rem;
  height: 13.25rem;
  display: inline-flex;
  background: #00fffb;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  color: #003a6a;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.8;
  box-shadow: 1.188rem 5px #003a6a;
  margin-bottom: 5rem;
  position: relative;
}
.work-sec-box {
  border-radius: 2rem;
  margin: 0 auto;
  padding: 3rem;
  margin-bottom: 3.5rem;
  position: relative;
  background-color: #fff;
}
@media (max-width: 767px) {
  .work-sec-box {
    padding: 3rem 1.5rem;
  }
}
@media (max-width: 767px) {
  .work-sec-box {
    padding: 3rem 1rem;
  }
}
.work-sec-box .digit {
  position: absolute;
  top: 0;
  width: 3.563rem;
  height: 3.563rem;
  background-color: #252a46;
  border-radius: 100%;
  color: #00fffb;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Arial MT Medium";
  font-size: 1.5rem;
  padding: 0.875rem;
  top: -1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.work-sec-box ul.img {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .work-sec-box ul.img {
    flex-direction: column;
    justify-content: center;
  }
}
.work-sec-box ul.img li a {
  font-size: 0.938rem;
  color: #000;
  opacity: 0.83;
}
.work-sec-box ul.img li a:hover {
  opacity: 1;
}
.work-sec-box ul.btn-ul {
  display: flex;
  align-self: center;
  justify-content: center;
  margin-bottom: 5rem;
}
@media (max-width: 615px) {
  .work-sec-box ul.btn-ul {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
}
.work-sec-box ul.btn-ul li a {
  font-size: 1.375rem;
  font-family: "Arial MT Medium";
  color: #00fffb;
  border: 2px solid #00fffb;
  border-radius: 3rem;
  padding: 1rem 1.875rem 0.688rem;
  letter-spacing: 0.3px;
  background-color: #fff;
}
@media (max-width: 615px) {
  .work-sec-box ul.btn-ul li a {
    display: block;
  }
}
.work-sec-box ul.btn-ul li a:hover {
  background-color: #00fffb;
  color: #003a6a;
}
.work-sec-box ul.btn-ul li:nth-child(2) a {
  border: 2px dashed #000;
  color: #000;
  position: relative;
  top: 1.625rem;
  margin-left: -1.25rem;
  margin-right: -2rem;
}
@media (max-width: 615px) {
  .work-sec-box ul.btn-ul li:nth-child(2) a {
    top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.work-sec-box ul.btn-ul li:nth-child(2) a:hover {
  border: 2px solid #000;
  background-color: #000;
  color: #fff;
}
.work-sec-box ul.btn-ul li:last-child a {
  position: relative;
  z-index: 1;
}
.work-sec-box ul.right {
  text-align: right;
  padding-right: 1rem;
}
.work-sec-box ul.right li::after {
  right: -0.938rem;
}
.work-sec-box ul.left {
  text-align: left;
  padding-left: 0.5rem;
}
.work-sec-box ul.left li::after {
  left: -0.5rem;
}
.work-sec-box p {
  font-size: 1.438rem;
  font-family: "Arial MT Medium";
  letter-spacing: -0.4px;
}
.work-sec-box h3 {
  font-size: 1.75rem;
  color: #00fffb;
  margin-bottom: 3.75rem;
  letter-spacing: -0.2px;
  font-weight: bold;
}
.work-sec-box .list {
  width: 52%;
}
@media (max-width: 1440px) {
  .work-sec-box .list {
    width: 100%;
  }
}
.work-sec-box .list-ul {
  display: flex;
  gap: 2.125rem;
  margin-bottom: 1rem;
  justify-content: center;
}
@media (max-width: 768px) {
  .work-sec-box .list-ul {
    gap: 1rem;
  }
}
.work-sec-box .list a.btn-output {
  font-size: 1.063rem;
  color: #fff;
  font-weight: bold;
  background-color: #003a6a;
  border-radius: 2rem;
  padding: 0.5rem 1.563rem;
  margin-bottom: 2.5rem;
  display: inline-block;
}
.work-sec-box .list a.btn-output i {
  color: #00fffb;
  font-weight: bold;
  margin-right: 1rem;
}
.work-sec-box .list li {
  font-size: 1.25rem;
  font-family: "Arial MT Medium";
  letter-spacing: -0.2px;
  margin-bottom: 0.7rem;
  position: relative;
}
.work-sec-box .list li:after {
  content: "";
  position: absolute;
  top: 35%;
  transform: translateX(-50%);
  width: 5px;
  height: 5px;
  background-color: #000;
  border-radius: 100%;
}
.work-sec-box .list a.more-btn {
  font-size: 0.938rem;
  font-family: "Arial MT Medium";
  font-style: italic;
  color: #000;
  opacity: 0.5;
}
.work-sec-box .list a.more-btn:hover {
  opacity: 1;
  color: #003a6a;
}
.work .box-1 {
  border: 1px solid #00fffb;
  max-width: 72.813rem;
}
.work .box-2 {
  border: 1px solid #00fffb;
  max-width: 72.813rem;
}
.work .box-3 {
  background-image: url(../img/bg-img.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 64.75rem;
  margin: 0;
  padding-top: 4rem;
  padding-bottom: 0;
}
.work .box-3 .digit {
  top: -1.375rem;
}
@media (max-width: 1440px) {
  .work .box-3 {
    background-size: cover;
  }
}
@media (max-width: 1199px) {
  .work .box-3 {
    margin-left: -3rem;
    margin-right: -3rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 585px) {
  .work .box-3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

.navigate {
  background-color: #5ccfe2;
  background-image: url(../img/bg-img2.png);
  background-repeat: repeat;
  background-size: cover;
  background-position: center top;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .navigate .row.justify-content-center {
    justify-content: end !important;
  }
}
@media (max-width: 1399px) {
  .navigate-sec {
    padding-right: 3.9rem;
  }
}
@media (max-width: 1199px) {
  .navigate-sec {
    padding-right: 0;
  }
}
.navigate-sec .title {
  margin-bottom: 7.5rem;
}
@media (max-width: 767px) {
  .navigate-sec .title {
    margin-bottom: 2.5rem;
  }
}
.navigate-sec .title h3 {
  letter-spacing: -0.7px;
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .navigate-sec .title h3 {
    margin-bottom: 2rem;
  }
}
.navigate-sec .custom-width {
  max-width: 48.75rem;
  float: right;
}
.navigate-sec .custom-width p:last-child {
  margin-bottom: 0;
}
.navigate-sec p {
  font-size: 1.313rem;
  margin-bottom: 2.5rem;
}
.navigate-sec .search {
  position: relative;
  margin-bottom: 5.7rem;
  display: flex;
  justify-content: flex-end;
  width: 76.5rem;
}
@media (max-width: 767px) {
  .navigate-sec .search {
    margin-bottom: 2.5rem;
  }
}
.navigate-sec .search form {
  position: relative;
  background-color: #fff;
  border-radius: 2rem;
  width: 100%;
  padding: 3.2rem 10rem;
  padding-right: 1rem;
  left: 18%;
}
@media (max-width: 1199px) {
  .navigate-sec .search form {
    left: 10%;
    border-radius: 1rem;
  }
}
@media (max-width: 768px) {
  .navigate-sec .search form {
    left: 0;
  }
}
@media (max-width: 767px) {
  .navigate-sec .search form {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 6rem;
    left: 10%;
  }
}
@media (max-width: 690px) {
  .navigate-sec .search form {
    left: 5%;
  }
}
@media (max-width: 690px) {
  .navigate-sec .search form {
    left: 0;
  }
}
.navigate-sec .search form img {
  position: absolute;
  left: 4rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .navigate-sec .search form img {
    left: 2rem;
    width: 3rem;
  }
}
.navigate-sec .search form input {
  border: none;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 2.5px;
  width: 100%;
}
@media (max-width: 1366px) {
  .navigate-sec .search form input {
    font-size: 2rem;
  }
}
@media (max-width: 575px) {
  .navigate-sec .search form input {
    font-size: 1.5rem;
    letter-spacing: 1.5px;
  }
}

.care {
  background-color: #003a6a;
  background-image: url(../img/bg-img4.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .care {
    overflow: hidden;
  }
}
.care:after, .care:before {
  content: "";
  position: absolute;
  background-size: contain;
}
.care:after {
  background-image: url(../img/global.png);
  width: 11.625rem;
  height: 11.625rem;
  left: 8.438rem;
  top: 7.063rem;
}
@media (max-width: 1920px) {
  .care:after {
    left: 4rem;
    top: 4rem;
  }
}
@media (max-width: 767px) {
  .care:after {
    content: none;
  }
}
.care:before {
  background-image: url(../img/hacker.png);
  background-position: right;
  background-repeat: no-repeat;
  height: 53.25rem;
  right: 19rem;
  top: 12rem;
  width: 46.5rem;
}
@media (max-width: 1920px) {
  .care:before {
    right: -1rem;
  }
}
@media (max-width: 1680px) {
  .care:before {
    width: 40rem;
  }
}
@media (max-width: 1600px) {
  .care:before {
    width: 37rem;
  }
}
@media (max-width: 1440px) {
  .care:before {
    width: 41rem;
  }
}
@media (max-width: 1366px) {
  .care:before {
    width: 37rem;
  }
}
@media (max-width: 1199px) {
  .care:before {
    width: 34rem;
  }
}
@media (max-width: 1024px) {
  .care:before {
    width: 26rem;
  }
}
@media (max-width: 991px) {
  .care:before {
    width: 34rem;
  }
}
@media (max-width: 768px) {
  .care:before {
    width: 26rem;
  }
}
@media (max-width: 767px) {
  .care:before {
    right: -12rem;
    bottom: 0;
    top: auto;
    width: 30rem;
    display: none;
  }
}
.care .title p {
  color: #00fffb;
}
@media (max-width: 1399px) {
  .care .col-lg-1 {
    display: none;
  }
}
@media (max-width: 1399px) {
  .care-sec {
    padding-left: 3.9rem;
  }
}
@media (max-width: 1199px) {
  .care-sec {
    padding-left: 0;
  }
}
.care-sec p {
  font-size: 1.25rem;
  margin-bottom: 2rem;
  width: 93%;
  line-height: 1.68;
}
.care-sec p:last-child {
  margin-bottom: 0;
}
.care-sec p strong {
  color: #00fffb;
  font-size: 1.5rem;
  line-height: 1.45;
}
.care-img {
  display: none;
}
@media (max-width: 767px) {
  .care-img {
    display: block;
    -webkit-clip-path: polygon(49% 0, 39% 3%, 30% 11%, 24% 21%, 21% 29%, 21% 33%, 25% 36%, 19% 39%, 14% 46%, 10% 56%, 1% 56%, 12% 90%, 0 100%, 100% 100%, 87% 90%, 99% 56%, 90% 56%, 86% 49%, 81% 41%, 76% 37%, 79% 30%, 76% 18%, 69% 7%, 58% 0);
            clip-path: polygon(49% 0, 39% 3%, 30% 11%, 24% 21%, 21% 29%, 21% 33%, 25% 36%, 19% 39%, 14% 46%, 10% 56%, 1% 56%, 12% 90%, 0 100%, 100% 100%, 87% 90%, 99% 56%, 90% 56%, 86% 49%, 81% 41%, 76% 37%, 79% 30%, 76% 18%, 69% 7%, 58% 0);
    shape-outside: polygon(49% 0, 39% 3%, 30% 11%, 24% 21%, 21% 29%, 21% 33%, 25% 36%, 19% 39%, 14% 46%, 10% 56%, 1% 56%, 12% 90%, 0 100%, 100% 100%, 87% 90%, 99% 56%, 90% 56%, 86% 49%, 81% 41%, 76% 37%, 79% 30%, 76% 18%, 69% 7%, 58% 0);
    float: right;
    clear: right;
    width: 50%;
  }
}
@media (max-width: 575px) {
  .care-img {
    width: 60%;
  }
}

header,
footer,
section {
  float: left;
  width: 100%;
  position: relative;
  padding: 6.563rem 0;
}
@media (max-width: 767px) {
  header,
  footer,
  section {
    padding: 5rem 0;
  }
}

.title {
  margin-bottom: 3.5rem;
}
@media (max-width: 767px) {
  .title {
    margin-bottom: 2rem;
  }
}
.title h1 {
  font-size: 2.5rem;
  color: #fff;
}
.title p {
  font-size: 1.5rem;
  color: #003a6a;
  letter-spacing: 2.8px;
  margin-bottom: 3.3rem;
}
@media (max-width: 767px) {
  .title p {
    margin-bottom: 2rem;
  }
}
.title h3 {
  font-size: 2.188rem;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 1.4;
}
.title h4 {
  font-size: 2.188rem;
  font-weight: normal;
  letter-spacing: -1.1px;
  line-height: 1.45;
}

.content-pg {
  background-color: #5bcfe2;
  padding: 1.25rem 0;
}
.content-pg p,
.content-pg li {
  font-size: 1.125rem;
  color: #000;
  font-family: "Arial MT Medium";
  font-weight: 400;
  letter-spacing: -0.3px;
  line-height: 1.6;
}
.content-pg p strong,
.content-pg li strong {
  font-family: "Arial MT Extra Bold";
  letter-spacing: -0.9px;
}
.content-pg p a,
.content-pg li a {
  color: #000;
}
.content-pg p a:hover,
.content-pg li a:hover {
  color: #003a6a;
}
.content-pg ul,
.content-pg p {
  margin-bottom: 2rem;
}
.content-pg p + ul {
  margin-top: -2rem;
}
.content-pg ul em {
  padding-left: 2.5rem;
}
.content-pg-details h1 {
  font-family: "Arial MT Extra Bold";
  letter-spacing: -1px;
  margin-bottom: 7rem;
}
@media (max-width: 991px) {
  .content-pg-details h1 {
    margin-bottom: 3.5rem;
  }
}

.contact {
  padding: 2.25rem 0;
}
.contact .plr-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (max-width: 991px) {
  .contact .plr-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.contact-details h3 {
  font-size: 2.188rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 2.625rem;
  letter-spacing: -0.8px;
}
.contact-details h3 span {
  display: block;
  font-size: 2.563rem;
  padding-left: 1rem;
  padding-left: 0.75rem;
  margin-top: 2px;
}
.contact-details p {
  font-size: 1.438rem;
  margin-bottom: 3.5rem;
  letter-spacing: -0.3px;
  font-family: "Arial MT Medium";
}
.contact-details h5 {
  font-size: 1.188rem;
  color: #000;
  letter-spacing: -0.3px;
  font-family: "Arial MT Medium";
  margin-bottom: 3.5rem;
}
.contact-form .form-group {
  margin-bottom: 3rem;
}
.contact-form .form label {
  font-family: "Arial MT Medium";
  font-size: 1.125rem;
  margin-bottom: 7px;
  color: #000;
  padding-left: 1.125rem;
}
.contact-form .form-control {
  font-size: 1.125rem;
  height: 4rem;
  border: 1px solid #c6c7c7;
  border-radius: 6px;
  padding: 1rem 1.125rem;
}
.contact-form .form textarea {
  height: 10.75rem;
  resize: none;
}
.contact-form .form .btn-submit {
  font-family: "Arial MT Medium";
  background-color: #215d6d;
  border: 1px solid #c6c7c7;
  color: #fff;
  font-size: 1.188rem;
  text-align: center;
  padding: 0.688rem 3.125rem;
  transition: 0.5s;
}
.contact-form .form .btn-submit:hover {
  background-color: transparent;
  border-color: #215d6d;
  color: #215d6d;
}

.pagination {
  margin-bottom: 3.75rem;
}
.pagination a {
  font-size: 15px;
  font-family: "Arial MT Medium";
  color: #000;
}
.pagination a img {
  margin-right: 3px;
}

.footer {
  color: #fff;
  padding: 0;
  position: relative;
}
.footer-top {
  background-color: #fff;
  padding: 4.6rem 0 1rem;
}
@media (max-width: 767px) {
  .footer-top {
    padding: 2.5rem 0;
  }
}
.footer-top p {
  font-family: "Arial MT Medium";
  font-size: 15px;
  color: #000;
  opacity: 0.62;
  margin-bottom: 25px;
}
.footer-top ul {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
}
@media (max-width: 370px) {
  .footer-top ul {
    gap: 20px;
  }
}
.footer-top ul li {
  font-family: "Arial MT Extra Bold";
  font-size: 13px;
  color: #000;
}
.footer-top ul li img {
  display: block;
  margin: 0 auto 15px;
  filter: grayscale(1);
  transition: 0.5s;
}
.footer-top ul li span {
  display: block;
  color: #000;
}
.footer-bottom {
  background-color: #f2f2f2;
  padding: 10px 0;
}
.footer-bottom .footer-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 370px) {
  .footer-bottom .footer-menu ul {
    gap: 10px;
  }
}
.footer-bottom .footer-menu ul li a {
  font-family: "Arial MT Medium";
  font-size: 12px;
  color: #000;
}
.footer-copyright {
  background-color: #0e101b;
  padding: 1rem;
}
.footer-copyright .container {
  position: relative;
}
.footer-copyright p {
  font-family: "Arial MT Medium";
  font-size: 11.712px;
  color: #fff;
  font-weight: 400;
}
.footer-copyright p a {
  color: inherit;
}
.footer-sec a.custom-btn {
  font-size: 1rem;
  color: #003a6a;
  text-transform: uppercase;
  font-family: "Arial MT Medium";
  background-color: #00fffb;
  border-radius: 4px;
  padding: 0.875rem 1.875rem 0.688rem;
  height: 3rem;
  display: inline-block;
  font-weight: 500;
  transition: 0.5s;
  position: absolute;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.footer-sec a.custom-btn:hover {
  background-color: #fff;
}
.footer-sec h3 {
  font-size: 1.917rem;
  font-family: "Chaparral Pro";
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.6px;
  margin-bottom: 1.5rem;
}/*# sourceMappingURL=style.min.css.map */