/*
**
** Main Colors
**
*/
/*
**
** Main Colors
**
*/
.skip-link {
  display: none;
}

body .container-fluid {
  padding-left: 70px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body .container-fluid {
    padding-left: 15px;
  }
}
@media (max-width: 768px) {
  body .order-22 {
    order: 2;
  }
}
@media (max-width: 768px) {
  body .order-222 {
    order: 2;
  }
}
body .ss {
  padding-right: 70px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body .ss {
    padding-right: 15px;
  }
}
body header.site-header {
  background-image: url("../img/ship.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  height: 100vh;
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.site-header {
    height: auto;
  }
}
body header.site-header::after {
  content: "";
  width: 100%;
  top: 0;
  right: 0;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.55);
}
body header.site-header nav {
  z-index: 9999;
  margin: 0 50px;
}
body header.site-header nav a.navbar-brand {
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 17px;
}
body header.site-header nav a.navbar-brand img {
  width: 57px;
  height: 57px;
  margin-right: 5px;
}
body header.site-header nav ul {
  position: relative;
}
body header.site-header nav ul:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 49%;
  background-color: rgba(255, 255, 255, 0.4);
  left: -49%;
  bottom: 50%;
}
@media (min-width: 992px) {
  body header.site-header nav ul li.nav-item {
    padding-right: 1.2rem !important;
    padding-left: 1.2rem !important;
  }
}
body header.site-header nav ul li.nav-item a.nav-link {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
body header.site-header nav ul li.nav-item a.nav-link.active {
  border-bottom: 1px solid #3861ef;
}
body header.site-header nav ul li.nav-item a.nav-link::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 1px solid #3861ef;
  content: "";
  transition: all 0.5s;
}
body header.site-header nav ul li.nav-item a.nav-link:hover::before {
  width: 100%;
}
body header.site-header .borderrr {
  position: absolute;
  width: 100%;
  top: 0;
  padding-top: 40px;
  height: 100%;
}
body header.site-header .borderrr::after {
  content: url("../img/left-line.svg");
  position: absolute;
  left: 30px;
  z-index: 998;
}
body header.site-header .borderrr::before {
  content: url("../img/line-right.png");
  position: absolute;
  right: 30px;
  z-index: 998;
}
body header.site-header .main-info {
  z-index: 999;
  position: relative;
  color: #ffffff;
  padding: 0 134px;
  height: 75vh;
}
@media (min-width: 767px) and (max-width: 787px) {
  body header.site-header .main-info {
    padding: 0 67px;
  }
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.site-header .main-info {
    padding: 0 40px;
  }
}
@media (min-width: 1365px) and (max-width: 1920px) {
  body header.site-header .main-info .offset-xl-6 {
    margin-left: 38%;
  }
}
body header.site-header .main-info .info {
  width: 49%;
  margin: 229px 0 40px;
}
@media (min-width: 767px) and (max-width: 787px) {
  body header.site-header .main-info .info {
    width: 96% !important;
    margin: 70px 0 40px;
  }
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body header.site-header .main-info .info {
    width: 66%;
    margin: 72px 0 51px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  body header.site-header .main-info .info {
    width: 72%;
    margin: 91px 0 40px;
  }
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.site-header .main-info .info {
    width: 90%;
    margin: 0px 0 51px;
  }
}
body header.site-header .main-info .info .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 29px;
  text-transform: uppercase;
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.site-header .main-info .info .title {
    font-size: 25px;
  }
}
body header.site-header .main-info .info p {
  font-size: 15px;
  font-weight: 400;
  width: 74%;
  margin-bottom: 35px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.site-header .main-info .info p {
    width: 100%;
  }
}
body header.site-header .main-info .info .contact-btn {
  display: inline-block;
  position: relative;
}
body header.site-header .main-info .info .contact-btn a {
  background-color: #3861ef;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  padding: 18px 80px;
  border-radius: 15px;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  display: block;
  transition: all 0.5s;
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.site-header .main-info .info .contact-btn a {
    background-color: #3861ef;
    font-size: 12px;
    padding: 18px 74px;
  }
}
body header.site-header .main-info .info .contact-btn a span {
  z-index: 9999;
  position: relative;
}
body header.site-header .main-info .info .contact-btn a svg {
  position: absolute;
  left: 8px;
  bottom: 6px;
  transition: all 0.5s;
  transform: rotate(0deg) scale(1.2);
}
body header.site-header .main-info .info .contact-btn a:after {
  content: "";
  background-color: #fff;
  position: absolute;
  left: -49px;
  bottom: 3px;
  width: 99px;
  height: 50px;
  border-radius: 50%;
  -webkit-transition: all 0.4s;
  transition: all 0.8s;
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
  z-index: 2;
}
body header.site-header .main-info .info .contact-btn a:hover {
  color: #3861ef;
}
body header.site-header .main-info .info .contact-btn a:hover svg {
  transform: scale(2);
}
body header.site-header .main-info .info .contact-btn a:hover:after {
  background-color: #fff;
  width: 700px;
  left: -290px;
  border-radius: 0%;
  height: 422px;
}
@media (min-width: 1365px) and (max-width: 1440px) {
  body header.site-header .main-info .col-lg-4 {
    -ms-flex: 0 0 33.333333% !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
  }
  body header.site-header .main-info .col-xl-6 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
body header.site-header .main-info .company-examp {
  position: relative;
}
body header.site-header .main-info .company-examp .sec-title {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
}
body header.site-header .main-info .company-examp .sec-title:after {
  content: "";
  width: 40px;
  height: 1px;
  position: absolute;
  background-color: #fff;
  right: -55px;
  bottom: 50%;
}
body header.site-header .main-info .company-examp .exam {
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  height: 232px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.site-header .main-info .company-examp .exam {
    height: 185px;
    margin-bottom: 10px;
  }
}
body header.site-header .main-info .company-examp .exam:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #242424;
  background: linear-gradient(0deg, #242424 0%, rgba(36, 36, 36, 0.54) 50%, rgba(0, 212, 255, 0) 100%);
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 1;
  pointer-events: none;
  transition: all 0.5s;
}
body header.site-header .main-info .company-examp .exam:hover:after {
  top: 0px;
}
body header.site-header .main-info .company-examp .exam img {
  width: 100%;
  height: 100%;
}
body header.site-header .main-info .company-examp .exam .title {
  position: absolute;
  bottom: 15px;
  left: -2px;
  z-index: 2;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body header.site-header .main-info .company-examp .exam .title {
    font-size: 12px;
  }
}
body header.site-header .waves {
  overflow: hidden;
  position: relative;
  z-index: 998;
  bottom: 129px;
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body header.site-header .waves {
    bottom: 166px;
  }
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.site-header .waves {
    bottom: 0px;
  }
}
body header.site-header .waves .a3 {
  height: 280px;
  visibility: hidden;
  z-index: -1;
}
body header.site-header .waves .wave1, body header.site-header .waves .wave2, body header.site-header .waves .wave3 {
  position: absolute;
  left: -54px;
  width: 100%;
  top: 0;
}
body header.site-header .waves .wave1 {
  top: 100px;
  left: -58px;
  animation: toright 3s ease infinite alternate;
  animation-delay: 0.4s;
}
body header.site-header .waves .wave2 {
  animation: torleft 3s ease infinite alternate;
  animation-delay: 0.8s;
  opacity: 50%;
  left: 610px;
  top: 89px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
body header.site-header .waves .wave3 {
  animation: torcenter 1.5s ease infinite alternate;
  opacity: 25%;
  top: 31px;
  left: -257px;
  animation-delay: 1.2s;
}
@keyframes toright {
  0% {
    left: -58px;
  }
  100% {
    left: -90px;
  }
}
@media (min-width: 1365px) and (max-width: 1367px) {
  @keyframes torleft {
    0% {
      left: 610px;
    }
    100% {
      left: 490px;
    }
  }
}
@keyframes torleft {
  0% {
    left: 610px;
  }
  100% {
    left: 490px;
  }
}
@keyframes torcenter {
  0% {
    left: -257px;
  }
  100% {
    left: -280px;
  }
}
body header.company-header {
  background-image: url("../img/ship.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 30vh;
  position: relative;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.company-header {
    height: 40vh;
  }
}
body header.company-header::after {
  content: "";
  width: 100%;
  top: 0;
  right: 0;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.55);
}
body header.company-header nav {
  z-index: 9999;
  margin: 0 50px;
}
body header.company-header nav a.navbar-brand {
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 17px;
}
body header.company-header nav a.navbar-brand img {
  width: 57px;
  height: 57px;
  margin-right: 5px;
}
body header.company-header nav ul {
  position: relative;
}
body header.company-header nav ul:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 49%;
  background-color: rgba(255, 255, 255, 0.4);
  left: -49%;
  bottom: 50%;
}
@media (min-width: 992px) {
  body header.company-header nav ul li.nav-item {
    padding-right: 1.2rem !important;
    padding-left: 1.2rem !important;
  }
}
body header.company-header nav ul li.nav-item a.nav-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
body header.company-header nav ul li.nav-item a.nav-link.active {
  border-bottom: 1px solid #3861ef;
}
body header.company-header nav ul li.nav-item a.nav-link::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 1px solid #3861ef;
  content: "";
  transition: all 0.5s;
}
body header.company-header nav ul li.nav-item a.nav-link:hover::before {
  width: 100%;
}
body header.company-header .borderrr {
  position: absolute;
  width: 100%;
  top: 0;
  padding-top: 40px;
  height: 100%;
}
body header.company-header .borderrr::after {
  content: url("../img/left-line.svg");
  position: absolute;
  left: 30px;
  z-index: 998;
}
body header.company-header .borderrr::before {
  content: url("../img/line-right.png");
  position: absolute;
  right: 30px;
  z-index: 998;
}
body header.company-header .company_name_search {
  z-index: 888;
  position: relative;
}
body header.company-header .company_name_search .page-title {
  color: #ffffff;
  font-weight: bold;
  font-size: 31px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body header.company-header .company_name_search .page-title {
    font-size: 21px;
    padding: 10px 21px;
  }
}
body header.company-header .company_name_search form {
  position: relative;
  justify-content: center;
  width: 342px;
}
body header.company-header .company_name_search form input {
  display: inline-block;
  width: 380px;
  vertical-align: middle;
  border-radius: 33px;
  background-color: transparent;
  border-color: #2A48B3;
  color: #fff;
}
body header.company-header .company_name_search form input::placeholder {
  color: #ffffff;
}
body header.company-header .company_name_search form button {
  position: absolute;
  right: 10px;
  color: #2A48B3;
  border: none;
}
body .filter-group .filter-op {
  border-color: #3861ef;
  color: #3861ef;
  padding: 1px 6px;
}
body .filter-group .filter-bt {
  background-color: #3861ef;
  border: none;
  border-radius: 6px;
  color: #fff;
  padding: 3px 7px;
}
body .pp {
  padding: 0 134px;
  z-index: 1;
  position: relative;
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body .pp {
    padding: 0 64px;
  }
}
@media (min-width: 767px) and (max-width: 769px) {
  body .pp {
    padding: 0 0px;
  }
}
@media (min-width: 340px) and (max-width: 768px) {
  body .pp {
    padding: 0 0px;
  }
}
body section.about-us {
  background-color: #3861ef;
  color: #ffffff;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
body section.about-us svg {
  position: absolute;
  bottom: -439px;
  width: 100%;
  z-index: 0;
}
body section.about-us .title {
  text-align: center;
  position: relative;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.about-us .title {
    z-index: 9999;
    margin-top: 136px;
  }
}
body section.about-us .title:after {
  content: "";
  height: 1px;
  width: 97%;
  position: absolute;
  top: 29px;
  left: 1.5%;
  background-color: #2E2E2E;
  z-index: 1;
}
body section.about-us .title h2 {
  z-index: 2;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  background-color: #3861ef;
  padding: 15px 35px;
}
body section.about-us .fbi-img {
  padding: 40px 0;
}
body section.about-us .fbi-img img {
  border-radius: 15px;
  width: 100%;
  height: 499px;
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body section.about-us .fbi-img img {
    height: 450px;
  }
}
body section.about-us .fbi-info {
  padding-top: 80px;
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body section.about-us .fbi-info {
    padding-top: 45px;
  }
}
body section.about-us .fbi-info .fbi-title h4 {
  font-size: 35px;
  font-weight: bold;
  text-transform: uppercase;
}
body section.about-us .fbi-info hr {
  background-color: rgba(10, 9, 11, 0.34);
  height: 0.5px;
  border-top: none;
}
body section.about-us .fbi-info p {
  font-size: 17px;
  font-weight: 500;
  padding: 20px 0 15px;
}
body section.about-us .fbi-info .more-btn {
  padding: 20px 0;
}
body section.about-us .fbi-info .more-btn a {
  border-radius: 12px;
  padding: 15px 70px;
  background-color: #fff;
  color: #2A48B3;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
body section.about-us .fbi-info .more-btn a:hover {
  text-decoration: none;
}
body section.about-us .fbi-info .more-btn a svg {
  bottom: -20px;
  z-index: -1;
  left: 66px;
  width: auto;
}
body section.trusted-partners .bg {
  padding: 100px 0;
  background-image: url("../img/handshake.png");
  min-height: 660px;
  background-size: cover;
  background-position: center;
  position: relative;
}
body section.trusted-partners .bg::after {
  content: "";
  background-color: #0A090B;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
body section.trusted-partners .title {
  color: #3861ef;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
}
body section.trusted-partners .title h2 {
  display: inline-block;
  position: relative;
  font-size: 25px;
  font-weight: bold;
}
body section.trusted-partners .title h2:after {
  content: url("../img/bottom-border.svg");
  position: absolute;
  bottom: -50px;
  right: 17px;
}
body section.trusted-partners .comp-info {
  position: relative;
  z-index: 2;
  text-align: center;
  height: 230px;
  padding: 55px 52px 30px;
  margin: 0 0 50px 0;
  transition: all 0.5s;
  background-color: #fff;
  border-radius: 0 50px;
  border: 1px #3861ef solid;
}
body section.trusted-partners .comp-info .comp-title h3 {
  color: #2E2E2E;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  padding-bottom: 11px;
  border-bottom: 1px solid;
}
body section.trusted-partners .comp-info .comp-ceo-name h4 {
  color: #3861ef;
  font-size: 15px;
  padding: 11px 0;
  font-weight: 400;
  background-image: linear-gradient(to right, #161616 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 21px 1px;
  background-repeat: repeat-x;
}
body section.trusted-partners .comp-info .comp-bus-type h5 {
  color: #3861ef;
  font-size: 13px;
  font-weight: 400;
  padding: 11px 0;
}
body section.trusted-partners .comp-info .comp-more {
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
  bottom: -19px;
  left: 13%;
  color: #3861ef;
  text-transform: uppercase;
  padding: 9px 22px 9px 40px;
  text-align: center;
  font-size: 12px;
  background-color: #fff;
  border-radius: 16px;
}
body section.trusted-partners .comp-info .comp-more:hover {
  cursor: pointer;
}
body section.trusted-partners .comp-info span.plus {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  line-height: 29px;
  font-size: 35px;
  position: absolute;
  background-color: #fff;
  color: #3861EF;
  border: 2px solid #3861EF;
  left: 11%;
  z-index: 3;
  bottom: -22px;
}
body section.trusted-partners .comp-info .comp-product {
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
  bottom: -12px;
  left: 53%;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.trusted-partners .comp-info .comp-product {
    left: 58%;
  }
}
body section.trusted-partners .comp-info .comp-product a {
  color: #3861ef;
  text-transform: uppercase;
  padding: 9px 22px 9px 40px;
  text-align: center;
  font-size: 12px;
  background-color: #fff;
  border-radius: 16px;
  width: 0%;
}
body section.trusted-partners .comp-info .comp-product a:hover {
  text-decoration: none;
}
body section.trusted-partners .comp-info span.product {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  line-height: 29px;
  font-size: 35px;
  position: absolute;
  background-color: #fff;
  color: #3861EF;
  border: 2px solid #3861EF;
  left: 51%;
  z-index: 3;
  bottom: -22px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.trusted-partners .comp-info span.product {
    left: 56%;
  }
}
body .partners-popup {
  top: 30px;
}
body .partners-popup .modal-dialog {
  max-width: 59%;
  border-radius: 37px;
  overflow: hidden;
}
@media (max-width: 768px) {
  body .partners-popup .modal-dialog {
    max-width: 100%;
  }
}
body .partners-popup .modal-dialog .modal-header {
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 3;
  color: #ffffff;
}
body .partners-popup .modal-dialog .modal-header .modal-title {
  z-index: 9;
  padding: 110px 0 0 63px;
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
}
body .partners-popup .modal-dialog .modal-header .modal-title span {
  font-size: 14px;
  font-weight: lighter;
}
body .partners-popup .modal-dialog .modal-header .close {
  background-color: #2A48B3;
  z-index: 3;
  opacity: 1;
  border-radius: 50%;
  color: transparent;
  padding: 3px 6px 7px;
  font-size: 15px;
  line-height: 12px;
  margin-top: 5px;
  margin-right: 10px;
}
body .partners-popup .modal-dialog .modal-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 4, 4, 0.8);
  z-index: 1;
}
body .partners-popup .modal-dialog .modal-body .content {
  text-transform: capitalize;
  margin: 10px 64px;
}
body .partners-popup .modal-dialog .modal-body .content .title h4 {
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  width: 16%;
  padding-bottom: 13px;
  font-size: 20px;
}
body .partners-popup .modal-dialog .modal-body .content .val {
  color: #3861ef;
  font-size: 16px;
  font-weight: 300;
  width: 54%;
}
body .partners-popup .modal-dialog .modal-body a {
  float: right;
  padding: 7px 36px;
  text-transform: uppercase;
  margin-right: 11px;
  background-color: #2A48B3;
  color: #ffffff;
}
body section.feat-products-con {
  padding: 70px 0;
  position: relative;
}
body section.feat-products-con .prev {
  position: absolute;
  left: 342px;
  top: 50%;
  background-color: #2A48B3;
  color: #3861EF;
  padding: 15px 9px;
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body section.feat-products-con .prev {
    left: 71px;
  }
}
@media (min-width: 767px) and (max-width: 769px) {
  body section.feat-products-con .prev {
    left: 10px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  body section.feat-products-con .prev {
    left: 71px;
  }
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.feat-products-con .prev {
    display: none !important;
  }
}
body section.feat-products-con .prev:hover {
  cursor: pointer;
}
body section.feat-products-con .next {
  position: absolute;
  right: 342px;
  top: 50%;
  background-color: #2A48B3;
  color: #3861EF;
  padding: 15px 9px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.feat-products-con .next {
    display: none !important;
  }
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body section.feat-products-con .next {
    right: 71px;
  }
}
@media (min-width: 767px) and (max-width: 769px) {
  body section.feat-products-con .next {
    right: 10px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  body section.feat-products-con .next {
    right: 71px;
  }
}
body section.feat-products-con .next:hover {
  cursor: pointer;
}
body section.feat-products-con .title {
  position: relative;
  text-align: center;
  color: #2A48B3;
  text-transform: uppercase;
}
body section.feat-products-con .title:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #2E2E2E;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: -1;
}
body section.feat-products-con .title h2 {
  font-size: 25px;
  font-weight: bold;
  background-color: #fff;
  display: inline-block;
  padding: 0 15px;
}
body section.feat-products-con .feat-products {
  padding: 50px 0;
  position: relative;
}
body section.feat-products-con .feat-products .feat-product {
  position: relative;
  margin: 0 15px;
}
body section.feat-products-con .feat-products .feat-product:hover .overlay {
  transform: scale(1);
}
body section.feat-products-con .feat-products .feat-product .overlay {
  position: absolute;
  height: 400px;
  top: 0;
  left: 0;
  width: 95%;
  transform: scale(0);
  transition: all 0.5s;
}
body section.feat-products-con .feat-products .feat-product .overlay:afteR {
  content: "";
  position: absolute;
  background-color: rgba(22, 22, 22, 0.85);
  width: 89%;
  height: 91%;
  top: 20px;
  left: 17px;
  border-radius: 15px;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-name {
  position: absolute;
  color: #ffffff;
  top: 80px;
  z-index: 8;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-name:after {
  content: "";
  position: absolute;
  width: 33%;
  height: 1px;
  background-color: #ffffff;
  bottom: 0;
  left: 107px;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-name h5 {
  font-weight: 400;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-comp {
  position: absolute;
  color: #ffffff;
  top: 140px;
  z-index: 8;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-comp:after {
  content: "";
  position: absolute;
  width: 33%;
  height: 1px;
  background-color: #ffffff;
  bottom: 0;
  left: 107px;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-comp h5 {
  font-weight: 400;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-other {
  position: absolute;
  color: #ffffff;
  top: 200px;
  z-index: 8;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-other h5 {
  font-weight: 400;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-link {
  position: absolute;
  color: #ffffff;
  bottom: 70px;
  z-index: 8;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-link a {
  color: #763332;
  background-color: #ffffff;
  padding: 16px 70px;
  border-radius: 45px;
  font-size: 16px;
  font-weight: 500;
}
body section.feat-products-con .feat-products .feat-product .overlay .feat-prou-link a:hover {
  text-decoration: none;
}
body section.feat-products-con .feat-products .feat-product .feat-prou-img {
  height: 400px;
  border-radius: 15px;
  overflow: hidden;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.feat-products-con .feat-products .feat-product .feat-prou-img {
    height: 350px;
  }
}
body section.feat-products-con .feat-products .feat-product .feat-prou-img img {
  width: 100%;
  height: 100%;
}
body section.feat-categories-con {
  padding: 35px 0;
  background-image: url("../img/CATEGORIESS.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
body section.feat-categories-con:after {
  content: "";
  background-color: rgba(14, 25, 61, 0.95);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body section.feat-categories-con .title {
  position: relative;
  width: 100%;
  margin: 0.7em auto;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  z-index: 9999;
}
body section.feat-categories-con .title:after, body section.feat-categories-con .title:before {
  content: "";
  display: inline-block;
  width: 50%;
  margin: 0 0.5em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid;
}
body section.feat-categories-con .title:after {
  margin: 0 -55% 0 0.5em;
}
body section.feat-categories-con .title h2 {
  font-size: 25px;
  font-weight: bold;
  display: inline-block;
  padding: 0 15px;
  z-index: 9;
}
body section.feat-categories-con .feat-categories {
  padding: 50px 0;
  position: relative;
  z-index: 99999;
}
body section.feat-categories-con .feat-categories .feat-categorie {
  position: relative;
  margin: 10px 0;
}
body section.feat-categories-con .feat-categories .feat-categorie:hover .overlay {
  transform: scale(1);
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay {
  position: absolute;
  background: #3861ef;
  background: linear-gradient(180deg, #3861EF 0%, rgba(56, 97, 239, 0.661502) 40%, rgba(0, 212, 255, 0) 69%);
  width: 100%;
  top: 0;
  z-index: 1;
  height: 100%;
  border-radius: 15px;
  transition: all 0.5s;
  transform: scale(0);
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-name {
  position: absolute;
  color: #ffffff;
  top: 80px;
  z-index: 8;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-name:after {
  content: "";
  position: absolute;
  width: 33%;
  height: 1px;
  background-color: #ffffff;
  bottom: 0;
  left: 107px;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-name h5 {
  font-weight: 400;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-comp {
  position: absolute;
  color: #ffffff;
  top: 140px;
  z-index: 8;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-comp:after {
  content: "";
  position: absolute;
  width: 33%;
  height: 1px;
  background-color: #ffffff;
  bottom: 0;
  left: 107px;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-comp h5 {
  font-weight: 400;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-other {
  position: absolute;
  color: #ffffff;
  top: 200px;
  z-index: 8;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-other h5 {
  font-weight: 400;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-link {
  position: absolute;
  color: #ffffff;
  bottom: 70px;
  z-index: 8;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-link a {
  color: #763332;
  background-color: #ffffff;
  padding: 16px 70px;
  border-radius: 45px;
  font-size: 16px;
  font-weight: 500;
}
body section.feat-categories-con .feat-categories .feat-categorie .overlay .feat-prou-link a:hover {
  text-decoration: none;
}
body section.feat-categories-con .feat-categories .feat-categorie .feat-prou-img {
  height: 425px;
  border-radius: 15px;
  overflow: hidden;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.feat-categories-con .feat-categories .feat-categorie .feat-prou-img {
    height: 350px;
  }
}
body section.feat-categories-con .feat-categories .feat-categorie .feat-prou-img img {
  width: 100%;
  height: 100%;
}
body section.faq {
  margin: 30px 0;
  padding: 30px 0;
  position: relative;
}
body section.faq .title {
  position: relative;
  text-align: center;
  color: #3861ef;
  text-transform: uppercase;
  margin: 30px 0;
}
body section.faq .title:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #2E2E2E;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: -1;
}
body section.faq .title h2 {
  font-size: 25px;
  font-weight: bold;
  background-color: #fff;
  display: inline-block;
  padding: 0 15px;
}
body section.faq .vl {
  border-left: 1px solid #0A090B;
  height: 70%;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  opacity: 0.4;
  bottom: 21%;
}
body section.faq .qa {
  margin: 16px 0 28px;
}
body section.faq .qa .accordion {
  color: #ffffff;
}
body section.faq .qa .accordion .card {
  background-color: #3861ef;
  margin-bottom: 25px;
  border-radius: 5px;
}
body section.faq .qa .accordion .card .card-header {
  background-color: #3861ef;
  border: none;
  padding: 5px 22px;
}
body section.faq .qa .accordion .card .card-header .card-titl {
  display: inline-block;
  margin-left: -33px;
  font-size: 30px;
}
body section.faq .qa .accordion .card .card-header .card-titl h5 {
  font-size: 45px;
  font-weight: 400;
}
body section.faq .qa .accordion .card .card-header h5.mb-0 {
  display: block;
  width: 95%;
  float: right;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.faq .qa .accordion .card .card-header h5.mb-0 {
    width: 90%;
  }
}
body section.faq .qa .accordion .card .card-header h5.mb-0 .btn-link {
  font-size: 20px;
  font-weight: 300;
  line-height: 40px;
  color: #fff;
  padding-left: 0;
}
body section.faq .qa .accordion .card .card-header h5.mb-0 .btn-link:hover {
  text-decoration: none;
}
body section.faq .qa .accordion .card .card-body {
  padding: 0 29px 24px;
}
body section.faq .form {
  background-color: #3861ef;
  border-radius: 5px;
  color: #fff;
  padding: 40px 0 40px 40px;
  position: relative;
  margin-top: 28px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.faq .form {
    padding: 60px 20px;
  }
}
body section.faq .form .title {
  color: #3861ef;
  background-color: #fff;
  border-radius: 5px;
  text-align: left;
  padding: 10px 20px 10px 10px;
  display: inline-block;
  position: absolute;
  top: -57px;
  left: 25px;
}
body section.faq .form form {
  position: relative;
  background-repeat: no-repeat;
  background-size: 16%;
  background-position-x: 392px;
  background-position-y: 46px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182.5' height='244.5' viewBox='0 0 182.5 244.5'%3E%3Cg id='Group_89' data-name='Group 89' transform='translate(-1444.25 -4317.25)'%3E%3Cline id='Line_46' data-name='Line 46' x2='74' transform='translate(1444.5 4317.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='0.5'/%3E%3Cline id='Line_49' data-name='Line 49' y1='244' transform='translate(1518.5 4317.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='0.5'/%3E%3Cline id='Line_47' data-name='Line 47' x2='182' transform='translate(1444.5 4440.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='0.5'/%3E%3Cline id='Line_48' data-name='Line 48' x2='74' transform='translate(1444.5 4561.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
body section.faq .form form .inputs {
  width: 35%;
  display: inline-block;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.faq .form form .inputs {
    width: 100%;
  }
}
body section.faq .form form .inputs .form-control {
  background-color: #3861ef;
  color: #fff;
  border-radius: 30px;
  padding: 5px 13px;
}
body section.faq .form form .inputs .form-control::placeholder {
  color: #fff;
  opacity: 0.7;
}
body section.faq .form form .inputs select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.616' height='13.503' viewBox='0 0 23.616 13.503'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M18,20.679l8.93-8.937a1.681,1.681,0,0,1,2.384,0,1.7,1.7,0,0,1,0,2.391L19.2,24.258a1.685,1.685,0,0,1-2.327.049L6.68,14.14a1.688,1.688,0,0,1,2.384-2.391Z' transform='translate(-6.188 -11.247)' fill='%23fff'/%3E%3C/svg%3E%0A");
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position-x: 254px;
  background-position-y: 11px;
}
body section.faq .form form .inputs select option {
  background-color: #3861ef;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
body section.faq .form form button.btn {
  position: absolute;
  top: 45%;
  right: 14%;
  background-color: #fff;
  color: #3861EF;
  height: 41px;
  width: 213px;
  text-transform: uppercase;
  border-radius: 5px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body section.faq .form form button.btn {
    top: 100%;
  }
}
@media (min-width: 767px) and (max-width: 787px) {
  body section.faq .form form {
    background-size: 20%;
    background-position-x: 260px;
    background-position-y: 49px;
  }
}
body section.clients {
  background-image: url(../img/our-clientss.png);
  padding: 40px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 340px) and (max-width: 425px) {
  body section.clients {
    display: none;
  }
}
body section.clients .title {
  text-align: center;
  color: #ffffff;
  padding: 31px 0;
  text-transform: uppercase;
}
body section.clients:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #3861ef;
  background: linear-gradient(0deg, rgba(56, 96, 239, 0.781) 0%, rgba(56, 96, 239, 0.781) 50%, rgba(13, 23, 57, 0.781) 100%);
  opacity: 0.7;
  top: 0;
  left: 0;
  z-index: -1;
}
body section.clients .progress-area {
  position: relative;
}
body section.clients .progress-area .prev_client {
  position: absolute;
  left: 63px;
  top: -10px;
  color: #3861EF;
  padding: 15px 9px;
  font-size: 21px;
}
body section.clients .progress-area .prev_client:hover {
  cursor: pointer;
}
body section.clients .progress-area .next_client {
  position: absolute;
  right: 63px;
  top: -10px;
  color: #3861EF;
  padding: 15px 9px;
  font-size: 21px;
}
body section.clients .progress-area .next_client:hover {
  cursor: pointer;
}
body section.clients .progress-area .progress {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 75%;
  height: 5px;
  border-radius: 15px;
  overflow: hidden;
  background-color: #f5f5f5;
  background-image: linear-gradient(to right, #3861ef, #3861ef);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 0.4s ease-in-out;
}
body section.clients .our-client {
  position: relative;
  margin: 0 44px;
}
body section.clients .our-client .review {
  background-color: #2A48B3;
  color: #ffffff;
  padding: 30px 30px 30px 90px;
  border-radius: 7px;
}
body section.clients .our-client .review span.client-name {
  font-style: italic;
}
body section.clients .our-client .review p {
  font-size: 15px;
  font-weight: normal;
}
body section.clients .our-client .img {
  width: 108px;
  height: 108px;
  border-radius: 6px;
  overflow: hidden;
  position: absolute;
  top: 47px;
  left: -40px;
}
body section.clients .our-client .img img {
  width: 100%;
}
body section.contact {
  margin: 87px 0;
}
body section.contact .col-4 {
  padding: 0 90px;
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body section.contact .col-4 {
    padding: 0 15px;
  }
}
body section.contact .con {
  margin-bottom: 10px;
  background-color: #2A48B3;
  border-radius: 16px;
  color: #ffffff;
  padding: 32px 57px;
  min-height: 191px;
  text-transform: uppercase;
}
@media (min-width: 340px) and (max-width: 350px) {
  body section.contact .con {
    padding: 33px 17px;
  }
}
body section.contact .con.con2 {
  padding-top: 59px !important;
}
body section.contact .con .title {
  font-size: 20px;
  border-bottom: 1px solid rgba(199, 155, 97, 0.424);
}
body section.contact .con .info .line {
  padding: 15px 0 0;
}
body section.contact .con .info .line a {
  color: #ffffff;
}
body section.contact .con .info .line a:hover {
  color: #ffffff;
  text-decoration: none;
}
body .contact-popup {
  top: 30px;
}
body .contact-popup .modal-dialog {
  max-width: 59%;
  border-radius: 37px;
  overflow: hidden;
}
@media (max-width: 768px) {
  body .contact-popup .modal-dialog {
    max-width: 100%;
  }
}
body .contact-popup .modal-dialog .modal-header {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 3;
  color: #3861ef;
}
body .contact-popup .modal-dialog .modal-header .modal-title {
  z-index: 9;
  padding: 30px 0 0 63px;
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
}
body .contact-popup .modal-dialog .modal-header .close {
  background-color: #2A48B3;
  z-index: 3;
  opacity: 1;
  border-radius: 50%;
  color: transparent;
  padding: 3px 6px 7px;
  font-size: 15px;
  line-height: 12px;
  margin-top: 5px;
  margin-right: 10px;
}
body .contact-popup .modal-dialog .modal-body .content {
  text-transform: capitalize;
  margin: 10px 64px;
}
body .contact-popup .modal-dialog .modal-body .content .title h4 {
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  width: 16%;
  padding-bottom: 13px;
  font-size: 20px;
}
body .contact-popup .modal-dialog .modal-body .content .value {
  color: #3861ef;
  font-size: 16px;
  font-weight: 300;
  width: 54%;
}
body .contact-popup .modal-dialog .modal-body .content .value span {
  font-weight: bold;
  display: block;
  color: #2E2E2E;
}
body .contact-popup .modal-dialog .modal-body a {
  text-transform: uppercase;
  margin-right: 11px;
  color: #2A48B3;
  transform: translate(0px, 0px);
  transition: all 0.5s;
  display: inline-block;
}
body .contact-popup .modal-dialog .modal-body a:hover {
  text-decoration: none;
  transform: translate(15px, 0);
}
body footer {
  position: relative;
  overflow: hidden;
  min-height: 210px;
}
@media (min-width: 340px) and (max-width: 768px) {
  body footer {
    background-color: #2a48b3;
    min-height: 168px;
  }
}
body footer svg {
  width: 100%;
  z-index: 0;
  position: absolute;
  bottom: -1px;
}
@media (min-width: 1365px) and (max-width: 1367px) {
  body footer svg {
    bottom: -31px;
    height: 212px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  body footer svg {
    bottom: -26px;
  }
}
body footer .foot {
  padding-top: 142px;
  position: relative;
  z-index: 9;
}
@media (min-width: 340px) and (max-width: 768px) {
  body footer .foot {
    padding-top: 16px;
  }
}
body footer .company-logo a {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 17px;
}
body footer .company-logo a:hover {
  text-decoration: none;
}
body footer .company {
  color: #fff;
  text-transform: uppercase;
}
body footer .company-creator {
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
body footer .company-creator span {
  border-bottom: 1px solid #fff;
}
body footer .company-creator a {
  color: #fff;
}
body footer .company-creator a:hover {
  text-decoration: none;
}
body.single header {
  height: auto;
  background-image: none;
}
body.single header:after {
  content: none;
}
body.single header nav a.navbar-brand {
  color: #2A48B3;
}
body.single header nav ul li.nav-item a.nav-link {
  color: #2A48B3;
}
body.single main {
  margin: 100px 0 12px;
}
@media (max-width: 768px) {
  body.single main {
    margin-top: 50px;
  }
}
body.single .slider-section {
  position: relative;
}
body.single .slider-section .slider {
  width: 80%;
  float: right;
}
body.single .slider-section .slider img {
  width: 100%;
  height: 500px;
}
body.single .slider-section .slider-nav-thumbnails {
  width: 20%;
  float: left;
  margin: 0 auto;
}
body.single .slider-section .slider-nav-thumbnails .item {
  padding-right: 5px;
  margin-bottom: 20px;
  width: 95%;
}
body.single .slider-section .slider-nav-thumbnails .item img {
  width: 100% !important;
  height: 100px !important;
}
body.single .post-info {
  text-transform: capitalize;
  color: #3861ef;
}
@media (max-width: 768px) {
  body.single .post-info {
    margin-bottom: 15px;
  }
}
body.single .post-info .title {
  text-transform: uppercase;
}
body.single .post-info button {
  background-color: #3861ef;
  color: #ffffff;
  text-transform: uppercase;
  padding: 7px 28px;
}
body .product-page {
  margin-top: 50px;
}
body .product-page .product {
  height: 300px;
  overflow: hidden;
  border-radius: 16px;
  border: none;
  margin: 15px auto;
  box-shadow: rgba(0, 0, 0, 0.3) 5px 4px 16px;
}
body .product-page .product img {
  height: 158px;
  width: 100%;
}
body .product-page .product .card-body {
  padding-left: 1.5rem;
  color: #2A48B3;
  position: relative;
}
body .product-page .product .card-body .card-text {
  padding-bottom: 5px;
}
body .product-page .product .card-body span {
  position: absolute;
  color: #ffffff;
  background-color: #3861ef;
  bottom: 8px;
  right: 8px;
  border-radius: 50%;
  border: none;
}

/*# sourceMappingURL=style.css.map */