h1,
h2,
h3 {
  /* font-family: "Helvetica-Neue-Bold"; */
  font-family: 'Roboto', sans-serif;
}

a,
p,
span {
  /* font-family: "helvetica-neue-Regular"; */
  font-family: 'Roboto', sans-serif;
}

.container {
  max-width: 1325px;
  margin: 0 auto;
}

.tp__header {
  background: #001736 0% 0% no-repeat padding-box;
  padding: 10px 0;
}

.tp__header span {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #FBCA3B;
  margin-right: 23px;
}

.tp__content p {
  letter-spacing: 1px;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}

.bg__around {
  background: transparent linear-gradient(89deg, #053F8E 0%, #002350 100%) 0% 0% no-repeat padding-box;
  padding: 20px 0 0;
}

.nav_first {
  padding: 0 0 0 125px;
}

.pdng-nav {
  padding: 45px 0 0;
}

.bg__around ul li a {
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  margin: 0 24px 0 0;
  transition: 0.3s all ease-in-out;
}

.bg__around ul li a:hover {
  color: #fff;
}

.nav_first li a span {
  display: inline-block;
  width: 10px;
  height: 1px;
  background: #fff;
  margin: 0 0 16px 0;
  opacity: 0;
  transition: 0.3s all ease;
}

.nav_first li a:hover span,
#active_a span {
  opacity: 1 !important;
}

.launch_a {
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  padding: 10px 25px !important;
  display: inline-block;
}

.launch_a:hover {
  background: transparent linear-gradient(90deg, #004E6600 0%, #00C3FF3B 100%) 0% 0% no-repeat padding-box;
  color: #FFFFFF;
}

.text__box {
  padding: 74px 0 83px;
}

.text__im-content {
  position: relative;
}

.skng_h2 {
  position: absolute;
  bottom: 62px;
  left: 62px;
}

.skng_h2 h2 {
  font-size: 80px;
  line-height: 0.7;
  color: #fff;
}

.skng_h2 h2 span {
  font-size: 50px;
  line-height: 61px;
  letter-spacing: 2.5px;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  /* font-family: "Helvetica-Neue-Bold"; */
}

.skng_h2 p {
  font-size: 30px;
  line-height: 30px;
  color: #FFFFFF;
}

.work_content {
  margin: 0 0 -20px 0;
}

.work_content h2 {
  font-size: 40px;
  line-height: 49px;
  letter-spacing: 2px;
  color: #FFFFFF;
  margin: 0 0 22px;
}




/*===working-area===*/


.working-area {
  background: transparent linear-gradient(270deg, #053F8E 0%, #002350 100%) 0% 0% no-repeat padding-box;
  padding: 29px 0 102px;
  overflow: hidden;
}

.working-area2 {
  background: transparent linear-gradient(89deg, #053F8E 0%, #002350 100%) 0% 0% no-repeat padding-box;
}

.box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.market_text {
  position: relative;
  z-index: 99;
}

.inr_market {
  background: #022C63;
  padding: 53px 62px 42px;
  border-radius: 0px 50px;
  border: 0.1px solid #153E76;
}

.market_text:before {
  content: "";
  background: linear-gradient(135deg, rgba(0,195,255,0) 64%, rgb(13, 96, 121) 71%, rgb(111, 109, 185) 81%, rgb(214, 31, 121) 90%, rgb(255, 0, 96) 96%);
  width: 257px;
  height: 212px;
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: -1;
  transform: rotate(180deg);
}

.market_text:after {
  content: "";
  background: linear-gradient(305deg, rgba(0,195,255,0) 64%, rgb(12, 75, 94) 71%, rgba(111,109,185,1) 81%, rgba(214,31,121,1) 90%, rgba(255,0,96,1) 96%);
  width: 305px;
  height: 211px;
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  transform: rotate(180deg);
}

.market_text h2 {
  letter-spacing: 2px;
  color: #FFFFFF;
  font-size: 40px;
  line-height: 49px;
  margin: 0 0 28px;
}

.market_text p {
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.9px;
  color: #FFFFFF;
  margin: 0;
}

.market_text a {
  font-size: 20px;
  color: #FFFFFF;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 4px 20px;
  display: inline-block;
  margin: 25px 0 0;
  transition: 0.3s all ease;
  /*! line-height: 1; */
}

.market_text a:hover {
  background: transparent linear-gradient(90deg, #004E6600 0%, #00C3FF3B 100%) 0% 0% no-repeat padding-box;
}

.rider_a {
  border: none !important;
}

.rider_a:hover {
  background: none !important;
}

.rider_a:hover img {
  background: transparent linear-gradient(90deg, #004E6600 0%, #00C3FF3B 100%) 0% 0% no-repeat padding-box;
}

.market_im img.floor {
  margin-top: -452px;
  margin-left: -100px;
}

.market_im img.floor2 {
  margin-top: -448px;
  margin-left: -210px;
}

.market_im img:first-child {
  transform: translatey(0px);
  animation: float 2s ease-in-out infinite;
  animation-delay: 0s;
}


@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}



/*==detail-area==*/

.detail-area {
  background: transparent linear-gradient(360deg, #053F8E 0%, #002350 100%) 0% 0% no-repeat padding-box;
  padding: 83px 0 40px;
}

.detail__content {
  background: #02295B;
  border: 1px solid #153E76;
  border-radius: 30px;
  padding: 48px 0;
}

.detail__content h2 {
  font-size: 30px;
  line-height: 37px;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  margin: 0 0 25px;
}

.detail__content p {
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.9px;
  color: #FFFFFF;
}

.detail__content a {
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #fff;
  padding: 5px 22px;
  display: inline-block;
  font-size: 20px;
  margin: 55px 0 0;
  transition: 0.3s all ease;
}

.detail__content a:hover {
  background: transparent linear-gradient(90deg, #004E6600 0%, #00C3FF3B 100%) 0% 0% no-repeat padding-box;
}


/*=footer-area=*/

.ftr_links2 {
    padding: 0 0 0 28%;
}

.ftr_links h3 {
  font-size: 30px;
  line-height: 37px;
  color: #FFFFFF;
  margin: 0 0 20px;
}

.ftr_links ul li a {
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  text-decoration: none;
  display: inline-block;
}

.social_icons ul li a {
  /* font-size: 35px; */
  font-size: 40px;
  color: #fff;
  margin: 0 0 0 25px;
}

.pdng_around {
  padding: 92px 0 158px;
}

.bottom-area span {
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  margin: 0 32px 0 0;
  color: #FFFFFF;
  vertical-align: middle;
}

.bottom-area a {
  display: inline-block;
  color: #fff;
  font-size: 40px;
  /* font-family: "Helvetica-Neue-Bold"; */
  font-family: 'Roboto', sans-serif;
  vertical-align: middle;
}





.tp_btn {
  border: 1px solid #fff;
  padding: 6px 15px;
  border-radius: 12px;
}

.tp_btn:focus {
  box-shadow: none;
}