/* [Core Stylesheet - 1.0] */
/* :: 1.0 Import Fonts */
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&family=Source+Sans+3:wght@300;400;600;700&display=swap");
/* :: 2.0 Import All CSS */
@import url(css/bootstrap.min.css);

@import url(css/owl.carousel.min.css);
@import url(css/animate.css);
@import url(css/font-awesome.min.css);
@import url(css/credit-icon.css);
/* :: 3.0 Base CSS */
* {
  margin: 0;
  padding: 0; }

body {
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  color: #000000;
  line-height: 1.3;
  font-weight: 700; }

p {
  color: #838383;
  font-size: 15px;
  line-height: 2;
  font-weight: 400; }

a,
a:hover,
a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #000000;
  font-weight: 700;
  font-size: 16px; }

ul,
ol {
  margin: 0; }
  ul li,
  ol li {
    list-style: none; }

img {
  height: auto;
  max-width: 100%; }

/* :: 3.1.0 Spacing */
.mt-15 {
  margin-top: 15px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-50 {
  margin-right: 50px !important; }

/* :: 3.2.0 Height */
.height-400 {
  height: 400px !important; }

.height-500 {
  height: 500px !important; }

.height-600 {
  height: 600px !important; }

.height-700 {
  height: 700px !important; }

.height-800 {
  height: 800px !important; }

/* :: 3.3.0 Section Padding */
.section-padding-100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.section-padding-100-0 {
  padding-top: 100px;
  padding-bottom: 0; }

.section-padding-0-100 {
  padding-top: 0;
  padding-bottom: 100px; }

.section-padding-100-70 {
  padding-top: 100px;
  padding-bottom: 70px; }

/* :: 3.4.0 Preloader */
.preloader {
  background-color: #1b3a6b;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999; }
  .preloader .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px; }
    .preloader .lds-ellipsis div {
      position: absolute;
      top: 27px;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #0e9c7f;
      animation-timing-function: cubic-bezier(0, 1, 1, 0); }
      .preloader .lds-ellipsis div:nth-child(1) {
        left: 6px;
        -webkit-animation: lds-ellipsis1 0.6s infinite;
        animation: lds-ellipsis1 0.6s infinite; }
      .preloader .lds-ellipsis div:nth-child(2) {
        left: 6px;
        -webkit-animation: lds-ellipsis2 0.6s infinite;
        animation: lds-ellipsis2 0.6s infinite; }
      .preloader .lds-ellipsis div:nth-child(3) {
        left: 26px;
        -webkit-animation: lds-ellipsis2 0.6s infinite;
        animation: lds-ellipsis2 0.6s infinite; }
      .preloader .lds-ellipsis div:nth-child(4) {
        left: 45px;
        -webkit-animation: lds-ellipsis3 0.6s infinite;
        animation: lds-ellipsis3 0.6s infinite; }

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }
@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0); } }
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0); } }
/* :: 3.5.0 Miscellaneous */
.jarallax {
  position: relative;
  z-index: 0; }

.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

.section-heading {
  position: relative;
  z-index: 1;
  margin-bottom: 30px; }
  .section-heading .line {
    width: 25px;
    height: 5px;
    border-radius: 3px;
    background-color: #0e9c7f;
    margin-bottom: 20px; }
  .section-heading p {
    font-size: 12px;
    margin-bottom: 0;
    letter-spacing: 2px;
    color: #a5a5a5;
    text-transform: uppercase; }
  .section-heading h2 {
    font-size: 36px;
    color: #212121;
    font-weight: 700;
    margin-bottom: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .section-heading h2 {
        font-size: 28px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-heading h2 {
        font-size: 24px; } }
    @media only screen and (max-width: 767px) {
      .section-heading h2 {
        font-size: 24px; } }
  .section-heading.white .line {
    background-color: #ffffff; }
  .section-heading.white p,
  .section-heading.white h2 {
    color: #ffffff; }
  .section-heading.text-center .line {
    margin-left: auto;
    margin-right: auto; }

.box-shadow {
  position: relative;
  z-index: 1; }
  .box-shadow:hover {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.2); }

.tooltip-inner {
  background-color: #0e9c7f;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.2); }

.tooltip .arrow::before {
  border-bottom-color: #0e9c7f; }

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.bg-white {
  background-color: #ffffff !important; }

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

.bg-transparent {
  background-color: transparent !important; }

.bg-gray {
  background-color: #f5f7fa; }

.font-bold {
  font-weight: 700; }

.font-light {
  font-weight: 300; }

.bg-overlay {
  position: relative;
  z-index: 2;
  background-position: center center;
  background-size: cover; }
  .bg-overlay::after {
    background-color: rgba(0, 0, 0, 0.61);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""; }

.bg-fixed {
  background-attachment: fixed !important; }

/* :: 3.6.0 ScrollUp */
#scrollUp {
  background-color: #1b3a6b;
  border-radius: 5px 0 0 5px;
  bottom: 70px;
  color: #ffffff;
  font-size: 10px;
  padding: 12px 0;
  height: 60px;
  line-height: 1.5;
  right: 0;
  text-align: center;
  width: 35px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  font-weight: 700;
  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);
  text-transform: uppercase; }
  #scrollUp i {
    font-size: 18px;
    display: block; }
  #scrollUp:hover {
    background-color: #0e9c7f;
    color: #ffffff; }

/* :: 3.7.0 Credit Button */
.credit-btn {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: #0e9c7f;
  position: relative;
  z-index: 1;
  display: inline-block;
  min-width: 175px;
  height: 48px;
  color: #ffffff;
  border-radius: 5px;
  padding: 0 30px;
  font-size: 14px;
  line-height: 48px;
  font-weight: 700;
  text-transform: uppercase; }
  .credit-btn:hover, .credit-btn:focus {
    font-size: 14px;
    font-weight: 700;
    background-color: #1b3a6b;
    color: #ffffff; }
  .credit-btn.btn-2 {
    background-color: #1b3a6b;
    color: #ffffff; }
    .credit-btn.btn-2:hover, .credit-btn.btn-2:focus {
      background-color: #0e9c7f;
      color: #ffffff; }
  .credit-btn.btn-3 {
    background-color: transparent;
    color: #1b3a6b;
    border: 2px solid #1b3a6b;
    line-height: 44px; }
    .credit-btn.btn-3:hover, .credit-btn.btn-3:focus {
      border: 2px solid #1b3a6b;
      background-color: #1b3a6b;
      color: #ffffff; }

  
/* :: 5.0 Hero Area CSS */
.hero-area {
  position: relative;
  z-index: 1; }
  .hero-area .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: 30px;
    left: 0;
    right: 0; }
    .hero-area .owl-dots .owl-dot {
      width: 8px;
      height: 8px;
      background-color: #d2d2d2;
      border-radius: 50%;
      margin: 0 6px; }
      .hero-area .owl-dots .owl-dot.active {
        background-color: #0e9c7f; }
  .hero-area .owl-prev,
  .hero-area .owl-next {
    position: absolute;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    top: 50%;
    margin-top: -23px;
    font-size: 18px;
    color: #ffffff;
    background-color: #1b3a6b;
    left: 20px;
    text-align: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    line-height: 46px;
    opacity: 0;
    visibility: hidden; }
    @media only screen and (max-width: 767px) {
      .hero-area .owl-prev,
      .hero-area .owl-next {
        left: 10px; } }
    .hero-area .owl-prev:hover,
    .hero-area .owl-next:hover {
      background-color: #0e9c7f;
      color: #ffffff; }
  .hero-area .owl-next {
    left: auto;
    right: 20px; }
    @media only screen and (max-width: 767px) {
      .hero-area .owl-next {
        right: 10px; } }
  .hero-area:hover .owl-next,
  .hero-area:hover .owl-prev {
    opacity: 1;
    visibility: visible; }

.single-slide {
  position: relative;
  z-index: 99;
  width: 100%;
  height: 760px;
  background-color: #ffffff;
  overflow: hidden; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slide {
      height: 600px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slide {
      height: 600px; } }
  @media only screen and (max-width: 767px) {
    .single-slide {
      height: 600px; } }
  .single-slide .slide-bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -12;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-animation: slide-bg linear 10000ms infinite;
    animation: slide-bg linear 10000ms infinite; }
  .single-slide .slide-du-indicator {
    position: absolute;
    z-index: 10;
    width: 0;
    height: 2px;
    background-color: #0e9c7f;
    left: 0;
    bottom: 0;
    -webkit-animation: slide-du-indicator linear 10000ms infinite;
    animation: slide-du-indicator linear 10000ms infinite; }
  .single-slide .welcome-text {
    position: relative;
    z-index: 1; }
    .single-slide .welcome-text h6 {
      font-size: 18px;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 15px; }
    .single-slide .welcome-text h2 {
      font-size: 70px;
      color: #ffffff;
      font-weight: 600;
      margin-bottom: 10px;
      text-transform: uppercase; }
      .single-slide .welcome-text h2 span {
        color: #0e9c7f; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-slide .welcome-text h2 {
          font-size: 48px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-slide .welcome-text h2 {
          font-size: 42px; } }
      @media only screen and (max-width: 767px) {
        .single-slide .welcome-text h2 {
          font-size: 24px; } }
    .single-slide .welcome-text p {
      font-size: 16px;
      color: #ffffff; }

@-webkit-keyframes slide-du-indicator {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@keyframes slide-du-indicator {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@-webkit-keyframes slide-bg {
  0% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes slide-bg {
  0% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
/* :: 6.0 Features Area CSS */
.single-features-area {
  position: relative;
  z-index: 1; }
  .single-features-area h6 {
    font-size: 18px;
    color: #6e6e6e;
    margin-bottom: 0;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    line-height: 1.8; }
  .single-features-area img {
    margin-bottom: 15px; }
  .single-features-area h5 {
    font-size: 18px;
    margin-bottom: 0;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-features-area h5 {
        font-size: 15px; } }
  .single-features-area:hover h5 {
    color: #0e9c7f; }

/* :: 7.0 Special Feature CSS */
.special-feature-area {
  position: relative;
  z-index: 1; }
  .special-feature-area .special-feature-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    background-color: #0e9c7f; }
    @media only screen and (max-width: 767px) {
      .special-feature-area .special-feature-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }
    .special-feature-area .special-feature-content .feature-text {
      position: relative;
      z-index: 1;
      max-width: 555px;
      margin-left: auto;
      padding-right: 70px; }
      .special-feature-area .special-feature-content .feature-text h6 {
        color: #ffffff;
        line-height: 1.7;
        margin-bottom: 50px;
        font-weight: 600; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .special-feature-area .special-feature-content .feature-text h6 {
            font-size: 14px; } }
        @media only screen and (max-width: 767px) {
          .special-feature-area .special-feature-content .feature-text h6 {
            font-size: 14px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .special-feature-area .special-feature-content .feature-text {
          max-width: 465px;
          padding-right: 40px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .special-feature-area .special-feature-content .feature-text {
          max-width: 350px;
          padding-right: 20px; } }
      @media only screen and (max-width: 767px) {
        .special-feature-area .special-feature-content .feature-text {
          max-width: 100%;
          padding-right: 15px;
          padding-left: 15px; } }
  .special-feature-area .special-feature-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .special-feature-area .special-feature-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: 250px; } }
  .special-feature-area.style-2 .special-feature-content {
    background-color: #1b3a6b; }
    .special-feature-area.style-2 .special-feature-content .feature-text {
      margin-left: 0;
      margin-right: auto;
      padding-right: 0;
      padding-left: 70px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .special-feature-area.style-2 .special-feature-content .feature-text {
          padding-left: 40px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .special-feature-area.style-2 .special-feature-content .feature-text {
          padding-left: 20px; } }
      @media only screen and (max-width: 767px) {
        .special-feature-area.style-2 .special-feature-content .feature-text {
          padding-left: 15px;
          padding-right: 15px; } }

/* :: 8.0 CTA Area CSS */
.cta-area {
  position: relative;
  z-index: 1; }
  .cta-area .cta-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cta-area .cta-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: 400px; } }
    @media only screen and (max-width: 767px) {
      .cta-area .cta-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: 280px; } }
  .cta-area .cta-content {
    position: relative;
    z-index: 1;
    padding: 100px 5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    background-color: #0e9c7f; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cta-area .cta-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .cta-area .cta-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }
    .cta-area .cta-content h6 {
      color: #ffffff;
      font-weight: 600;
      font-family: "Source Sans 3", sans-serif;
      line-height: 1.8; }
    .cta-area .cta-content .single-skils-area .skills-text span {
      color: #ffffff;
      font-size: 18px;
      font-weight: 700; }
    .cta-area .cta-content .single-skils-area p {
      margin-bottom: 0;
      font-family: "Source Sans 3", sans-serif;
      letter-spacing: 2px;
      color: #ffffff;
      text-transform: uppercase; }

.cta-2-area {
  position: relative;
  z-index: 1;
  background-color: #1b3a6b;
  padding-top: 50px; }
  .cta-2-area .cta-content .cta-text {
    position: relative;
    z-index: 1;
    margin-bottom: 50px; }
    .cta-2-area .cta-content .cta-text h4 {
      color: #ffffff;
      font-family: "Source Sans 3", sans-serif;
      margin-bottom: 0;
      font-weight: 600; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .cta-2-area .cta-content .cta-text h4 {
          font-size: 18px; } }
    .cta-2-area .cta-content .cta-text p {
      color: #ffffff;
      font-size: 14px;
      margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .cta-2-area .cta-content .cta-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }
  .cta-2-area .cta-content .cta-btn {
    position: relative;
    z-index: 1;
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .cta-2-area .cta-content .cta-btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }

.contact--area .section-heading h2,
.news--area .section-heading h2 {
  font-size: 24px; }

.news--area {
  position: relative;
  z-index: 1; }

.single-news-area {
  position: relative;
  z-index: 1;
  margin-bottom: 15px; }
  .single-news-area:last-child {
    margin-bottom: 0; }
  .single-news-area .news-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
    width: 37%; }
  .single-news-area .news-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 63%;
    flex: 0 0 63%;
    max-width: 63%;
    width: 63%;
    padding-left: 15px; }
    .single-news-area .news-content span {
      font-size: 10px;
      color: #ffffff;
      background-color: #0e9c7f;
      padding: 3px 15px;
      border-radius: 30px;
      display: inline-block;
      margin-bottom: 5px; }
    .single-news-area .news-content a {
      display: block;
      font-weight: 400;
      font-size: 16px;
      margin-bottom: 0; }
      .single-news-area .news-content a:hover, .single-news-area .news-content a:focus {
        color: #0e9c7f; }
    .single-news-area .news-content .news-meta a {
      position: relative;
      z-index: 1;
      display: inline-block;
      font-size: 12px;
      color: #838383;
      font-weight: 600;
      margin-bottom: 0;
      line-height: 1; }
      .single-news-area .news-content .news-meta a img {
        margin-right: 5px; }
      .single-news-area .news-content .news-meta a:last-child {
        margin-left: 31px; }
        .single-news-area .news-content .news-meta a:last-child::after {
          content: '|';
          position: absolute;
          top: 0;
          left: -20px;
          z-index: 1; }
      .single-news-area .news-content .news-meta a:hover, .single-news-area .news-content .news-meta a:focus {
        color: #0e9c7f; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-news-area .news-content .news-meta a {
          font-size: 10px; } }
      @media only screen and (max-width: 767px) {
        .single-news-area .news-content .news-meta a {
          font-size: 10px; } }

.contact--area {
  position: relative;
  z-index: 1; }
  .contact--area .contact-content {
    padding: 55px 45px;
    background-color: #ffffff;
    border: 1px solid #afbace; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .contact--area .contact-content {
        padding: 30px; } }
    @media only screen and (max-width: 767px) {
      .contact--area .contact-content {
        padding: 20px; } }
    .contact--area .contact-content .single-contact-content {
      position: relative;
      z-index: 1;
      margin-bottom: 45px; }
      .contact--area .contact-content .single-contact-content:last-child {
        margin-bottom: 0; }
      .contact--area .contact-content .single-contact-content .icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        max-width: 48px;
        width: 48px;
        height: 48px;
        line-height: 48px;
        color: #ffffff;
        text-align: center;
        margin-right: 15px;
        background-color: #0e9c7f; }
      .contact--area .contact-content .single-contact-content .text p {
        font-weight: 600;
        color: #212121;
        margin-bottom: 0; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .contact--area .contact-content .single-contact-content .text p {
            font-size: 12px; } }
        @media only screen and (max-width: 767px) {
          .contact--area .contact-content .single-contact-content .text p {
            font-size: 12px; } }
      .contact--area .contact-content .single-contact-content .text span {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #838383; }
  .contact--area.contact-page .contact-content {
    padding: 35px;
    border: none;
    background-color: #1b3a6b; }
    .contact--area.contact-page .contact-content h5 {
      color: #ffffff;
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 35px; }
    .contact--area.contact-page .contact-content .single-contact-content .text p,
    .contact--area.contact-page .contact-content .single-contact-content .text span {
      color: #ffffff; }

/* :: 9.0 Newsletter Area CSS */
.newsletter-area {
  position: relative;
  z-index: 3; }
  .newsletter-area::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 54, 121, 0.7);
    z-index: -1; }
  .newsletter-area .nl-content {
    position: relative;
    z-index: 1; }
    .newsletter-area .nl-content h2 {
      color: #ffffff;
      margin-bottom: 25px;
      display: block;
      font-weight: 400;
      font-size: 30px; }
      @media only screen and (max-width: 767px) {
        .newsletter-area .nl-content h2 {
          font-size: 18px; } }
    .newsletter-area .nl-content form {
      width: 100%;
      position: relative;
      z-index: 1;
      margin-bottom: 30px; }
      .newsletter-area .nl-content form input {
        width: 100%;
        height: 45px;
        background-color: #ffffff;
        border-radius: 30px;
        border: none;
        font-size: 12px;
        font-style: italic;
        padding: 0 20px; }
      .newsletter-area .nl-content form button {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        position: absolute;
        width: 130px;
        height: 45px;
        background-color: #0e9c7f;
        border: none;
        border-radius: 0 30px 30px 0;
        top: 0;
        right: 0;
        font-weight: 700;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        z-index: 20; }
        .newsletter-area .nl-content form button:hover {
          background-color: #1b3a6b; }
        .newsletter-area .nl-content form button:focus {
          outline: none;
          box-shadow: none; }
        @media only screen and (max-width: 767px) {
          .newsletter-area .nl-content form button {
            width: 100px; } }
    .newsletter-area .nl-content p {
      font-size: 12px;
      color: #ffffff;
      margin-bottom: 0; }

/* :: 10.0 Team Member Area CSS */
.single-team-member-area {
  position: relative;
  z-index: 1;
  text-align: center; }
  .single-team-member-area .team-thumb {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    position: relative;
    z-index: 1;
    width: 180px;
    border-radius: 50%;
    margin: 0 auto 40px;
    height: 180px; }
    .single-team-member-area .team-thumb::after {
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      content: '';
      width: 100%;
      height: 100%;
      background-color: transparent;
      border: 8px solid #1b3a6b;
      top: 0;
      left: 0;
      position: absolute;
      z-index: 100;
      border-radius: 50%;
      opacity: 0;
      visibility: hidden; }
    .single-team-member-area .team-thumb img {
      border-radius: 50%; }
    .single-team-member-area .team-thumb .view-more a {
      position: absolute;
      width: 62px;
      height: 62px;
      border-radius: 15px;
      background-color: #0e9c7f;
      text-align: center;
      bottom: -10px;
      right: 0;
      z-index: 300;
      color: #ffffff;
      line-height: 62px;
      font-size: 18px; }
      .single-team-member-area .team-thumb .view-more a:hover {
        background-color: #1b3a6b; }
    .single-team-member-area .team-thumb:hover {
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2); }
      .single-team-member-area .team-thumb:hover::after {
        opacity: 1;
        visibility: visible; }
  .single-team-member-area .team-info {
    position: relative;
    z-index: 1; }
    .single-team-member-area .team-info h5 {
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      font-size: 18px;
      margin-bottom: 5px; }
    .single-team-member-area .team-info h6 {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 0;
      color: #6e6e6e; }
  .single-team-member-area:hover .team-info h5 {
    color: #0e9c7f; }

/* :: 11.0 Footer Area CSS */
.footer-area {
  position: relative;
  z-index: 1;
  background-color: #021c3c; }
  .footer-area .single-footer-widget {
    position: relative;
    z-index: 1; }
    .footer-area .single-footer-widget .widget-title {
      font-size: 18px;
      color: #0e9c7f;
      margin-bottom: 40px;
      font-weight: 400; }
    .footer-area .single-footer-widget ul li a {
      display: block;
      color: #ffffff;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 30px;
      position: relative;
      z-index: 1;
      padding-left: 23px; }
      .footer-area .single-footer-widget ul li a::before {
        content: '';
        width: 8px;
        height: 8px;
        top: 7px;
        left: 0;
        border-radius: 50%;
        background-color: #0e9c7f;
        position: absolute;
        z-index: 1; }
      .footer-area .single-footer-widget ul li a:hover, .footer-area .single-footer-widget ul li a:focus {
        color: #0e9c7f; }
    .footer-area .single-footer-widget ul li:last-child a {
      margin-bottom: 0; }
  .footer-area .copywrite-area {
    position: relative;
    z-index: 1;
    border-top: 1px solid #3c4450;
    padding: 30px 0; }
    .footer-area .copywrite-area .copywrite-text {
      font-size: 14px;
      margin-bottom: 0;
      color: #636b75;
      font-weight: 400; }
      @media only screen and (max-width: 767px) {
        .footer-area .copywrite-area .copywrite-text {
          margin-top: 30px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .footer-area .copywrite-area .copywrite-text {
          margin-top: 0; } }
      .footer-area .copywrite-area .copywrite-text a {
        color: #636b75;
        font-size: 14px;
        font-weight: 400; }
        .footer-area .copywrite-area .copywrite-text a:hover, .footer-area .copywrite-area .copywrite-text a:focus {
          color: #0e9c7f; }

/* :: 12.0 Blog Area CSS */
.breadcrumb-area {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 255px; }
  @media only screen and (max-width: 767px) {
    .breadcrumb-area {
      height: 180px; } }
  .breadcrumb-area .breadcrumb-content h2 {
    color: #ffffff;
    font-size: 30px;
    text-transform: uppercase;
    display: block; }
    @media only screen and (max-width: 767px) {
      .breadcrumb-area .breadcrumb-content h2 {
        font-size: 24px; } }
  .breadcrumb-area .breadcrumb-content .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0; }
    .breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item::before {
      color: #ffffff; }
    .breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item.active {
      color: #0e9c7f;
      font-size: 16px;
      font-weight: 600; }
    .breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a {
      font-size: 16px;
      color: #ffffff;
      font-weight: 600; }
      .breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a:hover {
        color: #0e9c7f; }

.single-latest-news-area {
  position: relative;
  z-index: 1;
  margin-bottom: 20px; }
  .single-latest-news-area:last-child {
    margin-bottom: 0; }
  .single-latest-news-area .news-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%; }
  .single-latest-news-area .news-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    width: 75%;
    padding-left: 10px; }
    .single-latest-news-area .news-content a {
      display: block;
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 0;
      color: #ffffff; }
      .single-latest-news-area .news-content a:hover, .single-latest-news-area .news-content a:focus {
        color: #0e9c7f; }
    .single-latest-news-area .news-content .news-meta a {
      position: relative;
      z-index: 1;
      display: inline-block;
      font-size: 12px;
      color: #838383;
      font-weight: 600;
      margin-bottom: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-latest-news-area .news-content .news-meta a {
          font-size: 9px; } }
      .single-latest-news-area .news-content .news-meta a img {
        margin-right: 2px; }
      .single-latest-news-area .news-content .news-meta a:last-child {
        margin-left: 21px; }
        .single-latest-news-area .news-content .news-meta a:last-child::after {
          content: '|';
          position: absolute;
          top: 0;
          left: -15px;
          z-index: 1; }
      .single-latest-news-area .news-content .news-meta a:hover, .single-latest-news-area .news-content .news-meta a:focus {
        color: #0e9c7f; }

.single-blog-area {
  position: relative;
  z-index: 1; }
  .single-blog-area .blog-thumbnail {
    position: relative;
    z-index: 1;
    margin-bottom: 35px; }
    .single-blog-area .blog-thumbnail a {
      display: block; }
      .single-blog-area .blog-thumbnail a img {
        border-radius: 5px; }
  .single-blog-area .blog-content {
    position: relative;
    z-index: 1; }
    .single-blog-area .blog-content span {
      font-size: 10px;
      color: #ffffff;
      background-color: #0e9c7f;
      padding: 3px 15px;
      border-radius: 30px;
      display: inline-block;
      margin-bottom: 5px; }
    .single-blog-area .blog-content .post-title {
      display: block;
      font-weight: 600;
      font-size: 24px;
      margin-bottom: 0;
      color: #212121; }
      .single-blog-area .blog-content .post-title:hover, .single-blog-area .blog-content .post-title:focus {
        color: #0e9c7f; }
    .single-blog-area .blog-content .blog-meta {
      margin-bottom: 30px; }
      .single-blog-area .blog-content .blog-meta a {
        position: relative;
        z-index: 1;
        display: inline-block;
        font-size: 12px;
        color: #838383;
        font-weight: 600;
        margin-bottom: 0; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .single-blog-area .blog-content .blog-meta a {
            font-size: 9px; } }
        .single-blog-area .blog-content .blog-meta a img {
          margin-right: 2px; }
        .single-blog-area .blog-content .blog-meta a:last-child {
          margin-left: 21px; }
          .single-blog-area .blog-content .blog-meta a:last-child::after {
            content: '|';
            position: absolute;
            top: 0;
            left: -15px;
            z-index: 1; }
        .single-blog-area .blog-content .blog-meta a:hover, .single-blog-area .blog-content .blog-meta a:focus {
          color: #0e9c7f; }
    .single-blog-area .blog-content p {
      margin-bottom: 0; }

.post-details-content {
  position: relative;
  z-index: 1; }
  .post-details-content img {
    border-radius: 5px;
    margin-bottom: 30px; }
  .post-details-content p {
    margin-bottom: 25px; }

.pagination {
  position: relative;
  z-index: 1; }
  .pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 5px;
    line-height: 40px;
    font-weight: 600;
    font-size: 16px;
    color: #212121;
    padding: 0;
    border: none;
    text-align: center;
    margin-right: 2px; }
    .pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {
      color: #ffffff;
      background-color: #0e9c7f; }
  .pagination .page-item.active .page-link {
    color: #ffffff;
    background-color: #0e9c7f; }

.sidebar-area {
  position: relative;
  z-index: 1; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-area {
      margin-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .sidebar-area {
      margin-top: 100px; } }

.single-widget-area {
  position: relative;
  z-index: 1;
  margin-bottom: 50px; }
  .single-widget-area:last-child {
    margin-bottom: 0; }
  .single-widget-area .widget-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 35px; }
    .single-widget-area .widget-heading .line {
      width: 30px;
      height: 8px;
      background-color: #0e9c7f;
      border-radius: 5px;
      display: block;
      margin-bottom: 15px; }
  .single-widget-area.search-widget {
    position: relative;
    z-index: 1; }
    .single-widget-area.search-widget form {
      position: relative;
      z-index: 1; }
      .single-widget-area.search-widget form input {
        width: 100%;
        height: 50px;
        border-radius: 5px;
        border: none;
        background-color: #f5f7fa;
        padding: 0 20px;
        font-size: 12px;
        font-style: italic; }
      .single-widget-area.search-widget form button {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        position: absolute;
        width: 125px;
        height: 50px;
        border: none;
        top: 0;
        right: 0;
        z-index: 99;
        background-color: #1b3a6b;
        color: #0e9c7f;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 5px;
        cursor: pointer; }
        .single-widget-area.search-widget form button:hover {
          background-color: #0e9c7f;
          color: #1b3a6b; }
  .single-widget-area.cata-widget ul {
    padding-left: 35px; }
    .single-widget-area.cata-widget ul li a {
      display: block;
      font-size: 15px;
      padding: 7px 0;
      font-weight: 600;
      color: #1b3a6b; }
      .single-widget-area.cata-widget ul li a:hover, .single-widget-area.cata-widget ul li a:focus {
        color: #0e9c7f; }

.comment_area {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 50px; }
  .comment_area .comment-content .comment-author {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 51px;
    flex: 0 0 51px;
    min-width: 51px;
    margin-right: 30px;
    height: 51px;
    border-radius: 50%; }
    @media only screen and (max-width: 767px) {
      .comment_area .comment-content .comment-author {
        margin-right: 15px; } }
    .comment_area .comment-content .comment-author img {
      border-radius: 50%; }
  .comment_area .comment-content .comment-meta {
    margin-bottom: 30px; }
    .comment_area .comment-content .comment-meta .post-author,
    .comment_area .comment-content .comment-meta .post-date,
    .comment_area .comment-content .comment-meta .reply {
      position: relative;
      z-index: 1;
      margin-bottom: 5px;
      display: inline-block;
      font-size: 14px;
      color: #212121;
      margin-right: 30px; }
      @media only screen and (max-width: 767px) {
        .comment_area .comment-content .comment-meta .post-author,
        .comment_area .comment-content .comment-meta .post-date,
        .comment_area .comment-content .comment-meta .reply {
          font-size: 12px;
          margin-right: 15px; } }
      .comment_area .comment-content .comment-meta .post-author::after,
      .comment_area .comment-content .comment-meta .post-date::after,
      .comment_area .comment-content .comment-meta .reply::after {
        position: absolute;
        top: 0;
        right: -16px;
        content: '|';
        z-index: 1; }
        @media only screen and (max-width: 767px) {
          .comment_area .comment-content .comment-meta .post-author::after,
          .comment_area .comment-content .comment-meta .post-date::after,
          .comment_area .comment-content .comment-meta .reply::after {
            right: -8px; } }
      .comment_area .comment-content .comment-meta .post-author:hover,
      .comment_area .comment-content .comment-meta .post-date:hover,
      .comment_area .comment-content .comment-meta .reply:hover {
        color: #1b3a6b; }
    .comment_area .comment-content .comment-meta .reply {
      margin-right: 0; }
      .comment_area .comment-content .comment-meta .reply::after {
        display: none; }
    .comment_area .comment-content .comment-meta p {
      margin-bottom: 15px;
      font-size: 14px;
      line-height: 2;
      font-weight: 500; }
  .comment_area .single_comment_area {
    margin-bottom: 30px; }
    .comment_area .single_comment_area:last-of-type {
      margin-bottom: 0; }
  .comment_area .children .single_comment_area {
    margin-left: 50px;
    margin-top: 30px; }

/* :: 13.0 Contact Area CSS */
.contact-advisor {
  position: relative;
  z-index: 1;
  background-color: #0e9c7f;
  padding: 35px; }
  .contact-advisor h5 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 40px; }
  .contact-advisor .single-advisor {
    position: relative;
    z-index: 1;
    margin-bottom: 60px; }
    .contact-advisor .single-advisor:last-child {
      margin-bottom: 0; }
    .contact-advisor .single-advisor .advisor-img {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
      flex: 0 0 80px;
      max-width: 80px;
      width: 80px;
      margin-right: 30px; }
    .contact-advisor .single-advisor .advisor-info h6 {
      color: #ffffff;
      margin-bottom: 5px;
      font-weight: 600; }
    .contact-advisor .single-advisor .advisor-info span {
      font-size: 12px;
      text-transform: capitalize;
      margin-bottom: 15px;
      display: block;
      color: #ffffff; }
    .contact-advisor .single-advisor .advisor-info p {
      font-size: 14px;
      margin-bottom: 0;
      line-height: 1;
      font-weight: 700;
      color: #ffffff; }

.contact-form-area .form-control {
  position: relative;
  z-index: 2;
  height: 54px;
  width: 100%;
  background-color: #f5f7fa;
  font-size: 12px;
  margin-bottom: 15px;
  border: none;
  border-radius: 5px;
  padding: 15px 30px;
  font-weight: 500;
  color: #aeaeae;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  .contact-form-area .form-control:focus {
    box-shadow: none; }
.contact-form-area textarea.form-control {
  height: 250px; }

.map-area {
  position: relative;
  z-index: 2;
  height: 960px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .map-area {
      height: 1200px; } }
  @media only screen and (max-width: 767px) {
    .map-area {
      height: 1200px; } }
  .map-area iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin-bottom: 0; }
  .map-area .contact---area {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .map-area .contact---area .contact-page {
      background-color: #1b3a6b;
      padding: 70px 45px; }
      @media only screen and (max-width: 767px) {
        .map-area .contact---area .contact-page {
          padding: 40px 30px; } }
      .map-area .contact---area .contact-page h4 {
        color: #ffffff;
        font-weight: 600; }

/* :: 14.0 Elements Area CSS */
.elements-title {
  position: relative;
  z-index: 1; }
  .elements-title .line {
    width: 30px;
    height: 8px;
    background-color: #0e9c7f;
    border-radius: 5px;
    display: block;
    margin-bottom: 15px; }
  .elements-title h2 {
    font-size: 24px;
    margin-bottom: 0; }

.single-service-area {
  position: relative;
  z-index: 1; }
  .single-service-area .icon {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #1b3a6b;
    text-align: center;
    margin-right: 20px;
    line-height: 60px;
    color: #ffffff;
    font-size: 30px; }
  .single-service-area .text h5 {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    font-size: 18px; }
  .single-service-area .text p {
    margin-bottom: 0; }
  .single-service-area:hover .icon, .single-service-area:focus .icon {
    background-color: #0e9c7f; }
  .single-service-area:hover .text h5, .single-service-area:focus .text h5 {
    color: #0e9c7f; }

.single-cool-fact {
  position: relative;
  z-index: 1; }
  .single-cool-fact .scf-icon {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    max-width: 70px;
    width: 70px; }
    .single-cool-fact .scf-icon i {
      color: #0e9c7f;
      font-size: 65px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-cool-fact .scf-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        max-width: 40px;
        width: 40px; }
        .single-cool-fact .scf-icon i {
          font-size: 40px; } }
  .single-cool-fact .scf-text h2 {
    font-size: 48px;
    margin-bottom: 10px;
    color: #212121;
    font-weight: 600; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-cool-fact .scf-text h2 {
        font-size: 36px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-cool-fact .scf-text h2 {
        font-size: 30px; } }
    @media only screen and (max-width: 767px) {
      .single-cool-fact .scf-text h2 {
        font-size: 24px; } }
  .single-cool-fact .scf-text p {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0;
    color: #212121;
    line-height: 1; }
  .single-cool-fact.white .scf-icon i,
  .single-cool-fact.white .scf-text h2,
  .single-cool-fact.white .scf-text p {
    color: #ffffff; }

.single-accordion.panel {
  background-color: #ffffff;
  border: 0 solid transparent;
  border-radius: 4px;
  box-shadow: 0 0 0 transparent;
  margin-bottom: 15px; }
.single-accordion:last-of-type {
  margin-bottom: 0; }
.single-accordion h6 {
  margin-bottom: 0; }
  .single-accordion h6 a {
    font-family: "Source Sans 3", sans-serif;
    background-color: #1b3a6b;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 20px 70px 20px 30px;
    position: relative;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600; }
    .single-accordion h6 a span {
      background: transparent;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      font-size: 10px;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      width: 58px;
      height: 100%;
      color: #ffffff;
      line-height: 58px; }
      .single-accordion h6 a span.accor-open {
        opacity: 0; }
    .single-accordion h6 a.collapsed {
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      background-color: #0e9c7f;
      color: #ffffff; }
.single-accordion .accordion-content {
  border-top: 0 solid transparent;
  box-shadow: none; }
  .single-accordion .accordion-content p {
    padding: 15px 15px 0;
    margin-bottom: 0; }

.single-skils-area {
  position: relative;
  z-index: 1;
  text-align: center; }
  .single-skils-area .circle {
    position: relative;
    z-index: 10;
    margin-bottom: 15px; }
  .single-skils-area .skills-text {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .single-skils-area .skills-text span {
      font-size: 18px;
      color: #212121;
      font-weight: 600; }
  .single-skils-area p {
    margin-bottom: 0;
    font-family: "Source Sans 3", sans-serif;
    letter-spacing: 2px;
    color: #212121;
    text-transform: uppercase; }


.single-icons {
  position: relative;
  z-index: 1;
  background-color: #1b3a6b;
  border-radius: 5px;
  text-align: center;
  padding: 50px 20px; }
  .single-icons i {
    font-size: 50px;
    margin-bottom: 30px;
    display: block;
    color: #fff; }
  .single-icons span {
    display: block;
    color: #fff; }

/* ====== The End ====== */

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

/* ====== NexaFund Custom Overrides ====== */

/* Typography: switch to a modern sans-serif feel */
body {
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Section heading: pill-style line accent */
.section-heading .line {
  width: 48px;
  height: 4px;
  background: #0e9c7f;
  border-radius: 4px;
  margin-bottom: 12px;
}

/* Service cards: add rounded corners + subtle shadow */
.single-service-area {
  background: #ffffff;
  border-radius: 12px;
  padding: 28px 24px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.single-service-area:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(26,92,58,0.13);
}
.single-service-area .icon {
  width: 56px;
  height: 56px;
  background: #f0f7f4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  flex-shrink: 0;
}
.single-service-area .icon i {
  color: #1b3a6b;
  font-size: 24px;
}

/* Features area: image rounded */
.single-features-area img {
  border-radius: 10px;
}

/* Buttons: pill shape */
.btn.credit-btn {
  border-radius: 50px;
  padding-left: 32px;
  padding-right: 32px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.06em;
}


/* Hero welcome text: left-aligned */
.hero-area .welcome-text h6 {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 13px;
  color: #0e9c7f;
}
.hero-area .welcome-text h2 {
  font-size: 52px;
  font-weight: 800;
  line-height: 1.15;
}
.hero-area .welcome-text h2 span {
  color: #0e9c7f;
  font-style: italic;
}

/* CTA area: change skills circles color */
.single-skils-area p {
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
}

/* News thumbnails: rounded */
.news-thumbnail img,
.single-latest-news-area .news-thumbnail img {
  border-radius: 8px;
}

/* Footer: green top border accent */
.footer-area {
  border-top: 4px solid #0e9c7f;
}

/* Copywrite bar background */
.copywrite-area {
  background: #142e1f;
}

/* Preloader accent */
.lds-ellipsis div {
  background: #0e9c7f;
}


/* Scroll-up button */
#scrollUp {
  border-radius: 50%;
}

/* ====== End NexaFund Overrides ====== */


/* NexaFund Custom Overrides */

/* Pill-shaped tags and badges */
.single-news-area .news-meta span,
.post-meta span {
  border-radius: 20px !important;
}

/* Section headings: left border accent instead of bottom line */
.section-heading h2 {
  font-weight: 700;
  letter-spacing: -0.5px;
}


/* Hero text center tweaks */
.welcome-text.text-center h6 {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.85;
}

.welcome-text.text-center h2 {
  font-size: 52px;
  line-height: 1.15;
  font-weight: 700;
}

/* Features icons - circular background */
.single-features-area .features-icon {
  background: linear-gradient(135deg, #1b3a6b, #0e9c7f);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

/* Card-style service items */
.single-service-area {
  background: #fff;
  border-radius: 10px;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(27,58,107,0.08) !important;
  transition: transform 0.3s, box-shadow 0.3s;
}

.single-service-area:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(27,58,107,0.15) !important;
}

/* Footer top border accent */
.footer-area {
  border-top: 4px solid #0e9c7f;
}

/* Newsletter section overlay */
.newsletter-area::before {
  background: rgba(27, 58, 107, 0.78) !important;
}

/* Input fields rounded */
.newsletter-area input,
.contact--area input,
.contact--area textarea {
  border-radius: 8px !important;
}

/* Smooth scrollbar color */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f5f7fa; }
::-webkit-scrollbar-thumb { background: #1b3a6b; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #0e9c7f; }


/*==================================================
JEAMS SERVICES
==================================================*/

.jm-services{
    padding:100px 0;
    background:#fafafa;
    overflow:hidden;
}

.jm-services .container{
    max-width:1450px;
}

/*==================================================
Heading
==================================================*/

.jm-badge{

    display:inline-block;
    padding:10px 22px;

    background:#FFF4EF;

    color:#F25A24;

    border-radius:50px;

    font-weight:600;

    font-size:14px;

}

.jm-services h2{

    font-size:54px;

    font-weight:800;

    color:#111;

    margin-top:20px;

}

.jm-services p{

    color:#666;

    font-size:18px;

}


/*==================================================
LEFT / RIGHT MENU
==================================================*/

.jm-service-menu{

    display:flex;

    flex-direction:column;

    gap:18px;

}

/*==================================================
SERVICE ITEM
==================================================*/

.jm-item{

    background:#fff;

    border-radius:18px;

    padding:18px 20px;

    display:flex;

    align-items:center;

    gap:18px;

    cursor:pointer;

    transition:.35s;

    border:1px solid #efefef;

    box-shadow:0 8px 30px rgba(0,0,0,.04);

}

.jm-item:hover{

    transform:translateY(-6px);

    border-color:#F25A24;

    box-shadow:0 20px 40px rgba(242,90,36,.12);

}

/*==================================================
ICON
==================================================*/

.jm-item i{

    width:58px;

    height:58px;

    border-radius:16px;

    background:#FFF4EF;

    color:#F25A24;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    transition:.35s;

}

.jm-item span{

    font-size:18px;

    font-weight:600;

    color:#222;

    transition:.35s;

}

/*==================================================
ACTIVE
==================================================*/

.jm-item.active{

    background:linear-gradient(135deg,#F25A24,#ff7d4c);

    border-color:#F25A24;

}

.jm-item.active span{

    color:#fff;

}

.jm-item.active i{

    background:#fff;

    color:#F25A24;

}

/*==================================================
CENTER BOX
==================================================*/

.jm-service-content{

    background:#fff;

    border-radius:28px;

    padding:45px;

    min-height:720px;

    border:1px solid #eee;

    box-shadow:0 20px 60px rgba(0,0,0,.06);

    position:relative;

    overflow:hidden;

}

/* Decorative */

.jm-service-content::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    background:rgba(242,90,36,.05);

    border-radius:50%;

    top:-100px;

    right:-80px;

}

.jm-service-content::after{

    content:"";

    position:absolute;

    width:160px;

    height:160px;

    background:rgba(242,90,36,.04);

    border-radius:50%;

    bottom:-70px;

    left:-50px;

}


/*==================================================
CONTENT
==================================================*/

.jm-small-title{

    color:#F25A24;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.jm-service-content h3{

    font-size:42px;

    font-weight:800;

    margin:20px 0;

}

.jm-service-content p{

    color:#666;

    line-height:1.9;

}

.jm-service-content ul{

    padding-left:20px;

    margin-top:25px;

}

.jm-service-content li{

    margin-bottom:14px;

    color:#555;

}

/*==================================================
BUTTON
==================================================*/

.jm-btn{

    background:#F25A24;

    color:#fff;

    border-radius:50px;

    padding:14px 30px;

    margin-top:20px;

    font-weight:600;

}

.jm-btn:hover{

    background:#111;

    color:#fff;

}

/*==================================================
IMAGE
==================================================*/

.jm-image-box{

    text-align:center;

}

.jm-image-box img{

    max-width:100%;

    transition:.4s;

}

.jm-item:hover i{

    transform:rotate(-8deg) scale(1.08);

}

.jm-item.active:hover i{

    transform:rotate(0);

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

.jm-service-content{

min-height:auto;

padding:30px;

margin:30px 0;

}

.jm-services h2{

font-size:36px;

}

.jm-item{

padding:16px;

}

.jm-item span{

font-size:16px;

}

.jm-item i{

width:50px;

height:50px;

font-size:18px;

}

}

@media(max-width:767px){

.jm-services{

padding:70px 0;

}

.jm-services h2{

font-size:30px;

}

.jm-service-content{

padding:25px;

border-radius:20px;

}

}

/*=========================
CONTENT SWITCH
=========================*/

.jm-content{

display:none;

opacity:0;

transform:translateY(30px);

transition:.35s;

}

.jm-content.active{

display:block;

animation:serviceFade .45s ease forwards;

}

@keyframes serviceFade{

0%{

opacity:0;

transform:translateY(30px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

.jm-info-box{

background:#FFF7F3;

border:1px solid #FFE3D7;

border-radius:18px;

padding:18px;

text-align:center;

transition:.3s;

height:100%;

}

.jm-info-box:hover{

transform:translateY(-6px);

box-shadow:0 15px 30px rgba(242,90,36,.12);

}

.jm-info-box h5{

color:#F25A24;

font-size:24px;

font-weight:700;

margin-bottom:6px;

}

.jm-info-box small{

color:#666;

font-size:14px;

}

.jm-process-no{

width:55px;

height:55px;

border-radius:50%;

background:#FFF4EF;

color:#F25A24;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

font-size:18px;

flex-shrink:0;

}

.jm-flow-box{

width:80px;

height:80px;

background:#FFF4EF;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

font-size:28px;

color:#F25A24;

}

/* Dashboard */

.jm-dashboard{

background:#fff;

border-radius:28px;

padding:24px;

border:1px solid #ececec;

box-shadow:0 20px 50px rgba(0,0,0,.06);

height:100%;

}




.jm-live{

font-size:12px;

}


.jm-score-card{

padding:20px;

border-radius:18px;

margin-bottom:20px;

}

.jm-score-card h2{

font-size:42px;

font-weight:800;

margin-bottom:5px;

line-height:1;

}

.jm-score-card p{

font-size:14px;

line-height:1.5;

margin:0;

}

.jm-progress-item{

margin-bottom:18px;

}

.progress{

height:6px;

border-radius:20px;

overflow:hidden;

}

.progress-bar{

background:#F25A24;

}

.jm-mini-card{

padding:16px;

border-radius:16px;

height:140px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

}

.jm-mini-card:hover{

transform:translateY(-5px);

box-shadow:0 15px 30px rgba(0,0,0,.08);

}

.jm-mini-card i{

font-size:22px;

margin-bottom:10px;

}

.jm-mini-card h6{

font-size:15px;

margin-bottom:4px;

}

.jm-mini-card span{

font-size:12px;

line-height:1.4;

display:block;

}

.jm-check-list div{

margin-bottom:14px;

font-weight:500;

}

.jm-check-list i{

color:#F25A24;

margin-right:10px;

}

.jm-feature{

display:flex;

align-items:center;

padding:12px 15px;

background:#FFF7F3;

border-radius:12px;

margin-bottom:12px;

font-size:15px;

font-weight:500;

}

.jm-feature i{

margin-right:12px;

color:#F25A24;

}

/* STORE PREVIEW */

.jm-store-preview{

background:#fff;

border-radius:24px;

padding:20px;

border:1px solid #eee;

box-shadow:0 20px 45px rgba(0,0,0,.06);

}

/* Browser */

.jm-browser{

display:flex;

gap:8px;

margin-bottom:20px;

}

.jm-browser span{

width:12px;

height:12px;

border-radius:50%;

background:#ddd;

}

.jm-browser span:nth-child(1){

background:#ff5f57;

}

.jm-browser span:nth-child(2){

background:#febc2e;

}

.jm-browser span:nth-child(3){

background:#28c840;

}

/* Banner */

.jm-banner{

height:140px;

border-radius:18px;

background:linear-gradient(135deg,#F25A24,#ff8d61);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:24px;

font-weight:700;

margin-bottom:20px;

}

/* Category */

.jm-category-row{

display:flex;

gap:15px;

margin-bottom:20px;

}

.jm-category-row div{

flex:1;

height:70px;

border-radius:16px;

background:#FFF4EF;

}

/* Products */

.jm-products{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.jm-product{

height:120px;

border-radius:18px;

background:#f8f8f8;

border:1px solid #eee;

}

/* LEFT FEATURES */

.jm-store-features{

margin-top:35px;

}

.jm-store-item{

display:flex;

gap:15px;

margin-bottom:18px;

padding:18px;

border-radius:16px;

background:#fff8f5;

}

.jm-store-item i{

width:55px;

height:55px;

background:#F25A24;

color:#fff;

border-radius:14px;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

flex-shrink:0;

}

.jm-store-item strong{

display:block;

margin-bottom:5px;

}

.jm-store-item small{

color:#666;

line-height:1.6;

}

/* Store UI */

.jm-store-ui{

background:#fff;

border-radius:28px;

padding:22px;

border:1px solid #ececec;

box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.jm-browser-top{

display:flex;

gap:8px;

margin-bottom:20px;

}

.jm-browser-top span{

width:12px;

height:12px;

border-radius:50%;

background:#ddd;

}

.jm-browser-top span:nth-child(1){background:#ff5f57;}
.jm-browser-top span:nth-child(2){background:#febc2e;}
.jm-browser-top span:nth-child(3){background:#28c840;}

/*=========================================
        PREMIUM HERO SECTION
=========================================*/

.jm-hero{
    padding:90px 5% 70px;
    background:linear-gradient(135deg,#ffffff,#FFF8F3);
    overflow:hidden;
}

.jm-hero .container{
    max-width:1400px;
    margin:auto;
}

.jm-hero-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:50px;
}

/*=========================
LEFT
=========================*/

.jm-badge{
    display:inline-block;
    padding:12px 24px;
    background:#FFF4EF;
    color:#F25A24;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
}

.jm-left h1{
    font-size:58px;
    font-weight:900;
    line-height:1.12;
    color:#111;
    margin:20px 0;
}

.jm-left h1 span{
    color:#F25A24;
}

.jm-left p{
    font-size:18px;
    color:#666;
    line-height:1.8;
    max-width:620px;
    margin-bottom:35px;
}

.jm-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.jm-btn{
    background:#F25A24;
    color:#fff;
    padding:16px 34px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.jm-btn:hover{
    background:#df4d18;
    color:#fff;
    transform:translateY(-3px);
}

.jm-btn-outline{
    border:2px solid #F25A24;
    color:#F25A24;
    padding:16px 34px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.jm-btn-outline:hover{
    background:#F25A24;
    color:#fff;
}

/*=========================
RIGHT
=========================*/

.jm-right{
    position:relative;
    width:100%;
    max-width:470px;
    height:470px;
    margin:auto;
}

.center-circle{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:170px;
    height:170px;
    background:#fff;
    border-radius:50%;
    border:8px solid #F25A24;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 20px 60px rgba(242,90,36,.18);
}

.center-circle img{
    width:95px;
}

.market-card{
    position:absolute;
    width:90px;
    height:90px;
    background:#fff;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    animation:float 4s ease-in-out infinite;
    transition:.3s;
}

.market-card:hover{
    transform:translateY(-8px);
}

.market-card img{
    width:52px;
}

/*=========================
POSITIONS
=========================*/

.amazon{
    left:50%;
    top:0;
    transform:translateX(-50%);
}

.flipkart{
    top:95px;
    right:0;
}

.meesho{
    bottom:95px;
    right:0;
}

.myntra{
    left:50%;
    bottom:0;
    transform:translateX(-50%);
}

.ajio{
    left:0;
    bottom:95px;
}

.jiomart{
    left:0;
    top:95px;
}

/*=========================
FLOAT
=========================*/

@keyframes float{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-12px);
}

}

/*=========================
TABLET
=========================*/

@media(max-width:991px){

.jm-hero{
padding:80px 30px 60px;
}

.jm-hero-grid{
grid-template-columns:1fr;
gap:60px;
}

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

.jm-left p{
margin:auto auto 30px;
}

.jm-buttons{
justify-content:center;
}

.jm-left h1{
font-size:46px;
}

.jm-right{
height:420px;
max-width:420px;
}

.center-circle{
width:150px;
height:150px;
}

.center-circle img{
width:85px;
}

.market-card{
width:80px;
height:80px;
}

.market-card img{
width:45px;
}

.amazon{
top:0;
}

.flipkart{
top:80px;
}

.jiomart{
top:80px;
}

.ajio{
bottom:80px;
}

.meesho{
bottom:80px;
}

}

/*=========================
MOBILE
=========================*/

@media(max-width:576px){

.jm-hero{
padding:70px 20px 50px;
}

.jm-left h1{
font-size:34px;
}

.jm-left p{
font-size:16px;
}

.jm-buttons{
flex-direction:column;
}

.jm-btn,
.jm-btn-outline{
width:100%;
text-align:center;
}

.jm-right{
height:330px;
max-width:320px;
}

.center-circle{
width:120px;
height:120px;
border-width:6px;
}

.center-circle img{
width:70px;
}

.market-card{
width:60px;
height:60px;
border-radius:16px;
}

.market-card img{
width:34px;
}

.amazon{
top:0;
}

.flipkart{
top:60px;
}

.jiomart{
top:60px;
}

.ajio{
bottom:60px;
}

.meesho{
bottom:60px;
}

}

/*=========================
TESTIMONIALS
==========================*/

.jm-testimonials{
    padding:100px 5%;
    background:#fff;
}

.jm-heading{
    max-width:900px;
    margin:auto auto 70px;
    text-align:center;
}

.jm-badge{
    display:inline-block;
    padding:10px 22px;
    background:#FFF4EF;
    color:#F25A24;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
}

.jm-heading h2{
    font-size:64px;
    font-weight:900;
    margin:25px 0;
    color:#111;
}

.jm-heading h2 span{
    color:#F25A24;
}

.jm-heading p{
    font-size:20px;
    color:#666;
    line-height:1.8;
}

/*=========================
GRID
==========================*/

.jm-review-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

.jm-review-card{

    background:#fff;
    border:1px solid #eee;
    border-radius:30px;
    padding:40px;
    box-shadow:0 15px 40px rgba(0,0,0,.05);
    transition:.35s;

}

.jm-review-card:hover{

    transform:translateY(-8px);

}

.jm-review-card.active{

    background:#FFF7F3;

}

.jm-review-card.dark{

    background:#111;
    border:none;

}

.jm-stars{

    color:#F25A24;
    font-size:28px;
    margin-bottom:20px;

}

.gold{

    color:#FFD700;

}

.jm-review-card p{

    font-size:18px;
    color:#444;
    line-height:1.9;

}

.jm-review-card.dark p{

    color:#ddd;

}

/*=========================
RATING BOX
==========================*/

.jm-rating-box{

    margin-top:50px;
    background:#fafafa;
    border:1px solid #eee;
    border-radius:25px;
    padding:35px;
    text-align:center;

}

.jm-rating-box h3{

    font-size:42px;
    color:#111;
    margin-bottom:10px;

}

.jm-rating-box p{

    color:#666;

}

/*=========================
LAPTOP
==========================*/

@media(max-width:1200px){

.jm-heading h2{

font-size:54px;

}

}

/*=========================
TABLET
==========================*/

@media(max-width:991px){

.jm-review-grid{

grid-template-columns:repeat(2,1fr);

}

.jm-heading h2{

font-size:44px;

}

.jm-heading p{

font-size:18px;

}

.jm-rating-box h3{

font-size:34px;

}

}

/*=========================
MOBILE
==========================*/

@media(max-width:767px){

.jm-testimonials{

padding:70px 20px;

}

.jm-review-grid{

grid-template-columns:1fr;

gap:20px;

}

.jm-heading{

margin-bottom:45px;

}

.jm-heading h2{

font-size:32px;

}

.jm-heading p{

font-size:16px;

line-height:1.7;

}

.jm-review-card{

padding:28px;

border-radius:20px;

}

.jm-review-card p{

font-size:16px;

}

.jm-stars{

font-size:24px;

}

.jm-rating-box{

padding:25px;

}

.jm-rating-box h3{

font-size:26px;

line-height:1.4;

}

.jm-rating-box p{

font-size:15px;

}

}

/*=========================
SMALL MOBILE
==========================*/

@media(max-width:480px){

.jm-heading h2{

font-size:28px;

}

.jm-badge{

font-size:12px;
padding:8px 16px;

}

.jm-review-card{

padding:22px;

}

}

.jm-hero-banner{

height:160px;

border-radius:18px;

background:linear-gradient(135deg,#F25A24,#ff8d5b);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

text-align:center;

margin-bottom:20px;

}

.jm-category-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:12px;

margin-bottom:20px;

}

.jm-category-grid div{

background:#FFF4EF;

padding:14px;

text-align:center;

border-radius:14px;

font-weight:600;

}

.jm-product-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.jm-product-card{

background:#fafafa;

border-radius:16px;

padding:12px;

}

.jm-img{

height:90px;

border-radius:12px;

background:#e8e8e8;

margin-bottom:12px;

}

.jm-line{

height:10px;

background:#ddd;

border-radius:20px;

margin-bottom:8px;

}

.jm-line.small{

width:60%;

}

/* Left */

.jm-store-feature{

display:flex;

gap:15px;

padding:18px;

background:#FFF8F5;

border-radius:16px;

margin-bottom:16px;

transition:.3s;

}

.jm-store-feature:hover{

transform:translateX(8px);

background:#FFF2EB;

}

.jm-store-feature i{

width:55px;

height:55px;

border-radius:14px;

background:#F25A24;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:20px;

flex-shrink:0;

}

.jm-store-feature strong{

display:block;

margin-bottom:4px;

}

.jm-store-feature small{

color:#666;

line-height:1.6;

}

/* ===============================
A+ CONTENT
=================================*/

.jm-aplus-preview{

background:#fff;

padding:22px;

border-radius:24px;

border:1px solid #ececec;

box-shadow:0 20px 45px rgba(0,0,0,.07);

}

/* Banner */

.jm-aplus-banner{

height:150px;

border-radius:18px;

background:linear-gradient(135deg,#F25A24,#ff8b5a);

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

font-weight:700;

color:#fff;

margin-bottom:20px;

}

/* Feature Icons */

.jm-feature-strip{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:12px;

margin-bottom:20px;

}

.jm-feature-strip div{

height:70px;

background:#FFF4EF;

border-radius:16px;

}

/* Content */

.jm-aplus-content{

display:flex;

gap:18px;

margin-bottom:20px;

}

.jm-left-img{

width:40%;

height:170px;

background:#ececec;

border-radius:18px;

}

.jm-right-text{

flex:1;

display:flex;

flex-direction:column;

justify-content:center;

}

.line{

height:12px;

background:#ddd;

border-radius:30px;

margin-bottom:12px;

}

.line.lg{

width:100%;

}

.line{

width:90%;

}

.line.sm{

width:65%;

}

/* Comparison */

.jm-compare-table{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:10px;

}

.jm-compare-table div{

height:90px;

background:#f6f6f6;

border-radius:14px;

}

/* LEFT */

.jm-a-features{

margin-top:35px;

}

.jm-a-item{

display:flex;

align-items:center;

gap:15px;

padding:15px 18px;

margin-bottom:14px;

border-radius:14px;

background:#FFF8F5;

transition:.3s;

}

.jm-a-item:hover{

transform:translateX(8px);

background:#FFF1EA;

}

.jm-a-item i{

width:48px;

height:48px;

background:#F25A24;

border-radius:12px;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:18px;

flex-shrink:0;

}

.jm-a-item span{

font-weight:600;

color:#333;

}

/* PPC Dashboard */

.jm-ads-dashboard{

background:#fff;

padding:24px;

border-radius:24px;

border:1px solid #ececec;

box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.jm-dashboard-top{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:25px;

}

.jm-dashboard-top h5{

margin:0;

font-weight:700;

}

.jm-live-dot{

color:#22c55e;

font-size:13px;

font-weight:600;

}

.jm-metric-card{

background:#fafafa;

border:1px solid #eee;

padding:18px;

border-radius:16px;

transition:.3s;

height:100%;

}

.jm-metric-card:hover{

transform:translateY(-5px);

box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.jm-metric-card small{

color:#888;

}

.jm-metric-card h4{

font-size:32px;

font-weight:800;

color:#F25A24;

margin:8px 0;

}

.jm-metric-card span{

font-size:13px;

color:#666;

}

.jm-chart{

height:220px;

display:flex;

align-items:flex-end;

justify-content:space-between;

gap:12px;

padding-top:20px;

}

.jm-bar{

flex:1;

background:#FFD5C3;

border-radius:12px 12px 0 0;

transition:.3s;

}

.jm-bar.active{

background:#F25A24;

}

.jm-bar:hover{

opacity:.85;

transform:scaleY(1.05);

}

.jm-ppc-points{

margin-top:30px;

}

.jm-ppc-item{

display:flex;

align-items:center;

gap:15px;

padding:15px 18px;

margin-bottom:14px;

background:#FFF8F5;

border-radius:14px;

font-weight:600;

transition:.3s;

}

.jm-ppc-item:hover{

background:#FFF1EA;

transform:translateX(8px);

}

.jm-ppc-item i{

width:46px;

height:46px;

background:#F25A24;

border-radius:12px;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:18px;

flex-shrink:0;

}
/* ====================================
ACCOUNT MANAGEMENT
==================================== */

.jm-control-panel{

    background:#fff;

    border-radius:24px;

    padding:28px;

    border:1px solid #ececec;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}



.jm-online{

    color:#22c55e;

    font-size:13px;

    font-weight:600;

}

.jm-status-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:16px;

}

.jm-status-card{

    border-radius:18px;

    padding:22px;

    text-align:center;

    transition:.35s;

    border:1px solid #ececec;

    background:#fff;

}

.jm-status-card:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.jm-status-card i{

    width:58px;

    height:58px;

    border-radius:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 14px;

    font-size:22px;

    color:#fff;

}

.jm-status-card.success i{

    background:#22c55e;

}

.jm-status-card.warning i{

    background:#f59e0b;

}

.jm-status-card h6{

    margin-bottom:6px;

    font-weight:700;

}

.jm-status-card span{

    font-size:13px;

    color:#666;

}

/* LEFT */

.jm-account-list{

    margin-top:30px;

}

.jm-account-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:16px 18px;

    background:#FFF8F5;

    border-radius:14px;

    margin-bottom:14px;

    transition:.3s;

    font-weight:600;

}

.jm-account-item:hover{

    background:#FFF1EA;

    transform:translateX(8px);

}

.jm-account-item i{

    width:46px;

    height:46px;

    border-radius:12px;

    background:#F25A24;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

/* ==========================
Reporting Dashboard
========================== */

.jm-report-dashboard{

    background:#fff;

    border-radius:24px;

    padding:28px;

    border:1px solid #ececec;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.jm-report-head{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.jm-report-head h5{

    margin:0;

    font-weight:700;

}

.jm-report-live{

    color:#22c55e;

    font-size:13px;

    font-weight:600;

}

.jm-report-card{

    background:#fafafa;

    border:1px solid #eee;

    border-radius:16px;

    padding:18px;

    transition:.3s;

}

.jm-report-card:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.jm-report-card small{

    color:#777;

}

.jm-report-card h4{

    margin:8px 0;

    font-size:30px;

    font-weight:800;

    color:#F25A24;

}

.jm-report-card span{

    color:#22c55e;

    font-size:13px;

    font-weight:600;

}

.jm-report-table{

    background:#fafafa;

    border-radius:18px;

    padding:10px 20px;

    margin-bottom:25px;

}

.jm-report-row{

    display:flex;

    justify-content:space-between;

    padding:14px 0;

    border-bottom:1px solid #ececec;

}

.jm-report-row:last-child{

    border-bottom:none;

}

.jm-report-chart{

    height:180px;

    display:flex;

    align-items:flex-end;

    gap:12px;

}

.jm-report-chart .bar{

    flex:1;

    background:#FFD5C3;

    border-radius:10px 10px 0 0;

}

.jm-report-chart .bar.active{

    background:#F25A24;

}

/* LEFT */

.jm-report-list{

    margin-top:30px;

}

.jm-report-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:16px 18px;

    background:#FFF8F5;

    border-radius:14px;

    margin-bottom:14px;

    font-weight:600;

    transition:.3s;

}

.jm-report-item:hover{

    transform:translateX(8px);

    background:#FFF1EA;

}

.jm-report-item i{

    width:46px;

    height:46px;

    background:#F25A24;

    color:#fff;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

/*==========================
Reconciliation
==========================*/

.jm-flow-dashboard{

background:#fff;

padding:30px;

border-radius:24px;

border:1px solid #ececec;

box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.jm-flow-step{

display:flex;

gap:20px;

align-items:flex-start;

}

.jm-flow-line{

width:3px;

height:45px;

background:#F25A24;

margin:0 0 0 28px;

opacity:.25;

}

.jm-circle{

width:58px;

height:58px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:20px;

flex-shrink:0;

}

.jm-circle.success{

background:#22c55e;

}

.jm-circle.warning{

background:#f59e0b;

}

.jm-circle.primary{

background:#F25A24;

}

.jm-flow-step strong{

display:block;

margin-bottom:5px;

}

.jm-flow-step p{

margin:0;

font-size:14px;

color:#666;

line-height:1.6;

}

/* LEFT */

.jm-rec-list{

margin-top:30px;

}

.jm-rec-item{

display:flex;

gap:15px;

padding:18px;

margin-bottom:16px;

background:#FFF8F5;

border-radius:16px;

transition:.3s;

}

.jm-rec-item:hover{

transform:translateX(8px);

background:#FFF2EB;

}

.jm-rec-item i{

width:50px;

height:50px;

border-radius:12px;

background:#F25A24;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:18px;

flex-shrink:0;

}

.jm-rec-item strong{

display:block;

margin-bottom:4px;

}

.jm-rec-item small{

color:#666;

line-height:1.6;

}




.hero-section,
section:first-of-type{
    padding-top:140px;
}


/*==================================================
        JEAMS ECOSYSTEM SECTION
==================================================*/

.jm-ecosystem{
    padding:100px 5%;
    background:#fff;
    overflow:hidden;
}

.jm-ecosystem .container{
    max-width:1400px;
    margin:auto;
}

/*==========================
Heading
==========================*/

.eco-heading{
    max-width:950px;
    margin:0 auto 90px;
    text-align:center;
}

.eco-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 26px;
    border-radius:60px;
    background:#FFF4EF;
    color:#F25A24;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.eco-heading h2{
    font-size:56px;
    font-weight:900;
    color:#111;
    line-height:1.15;
    margin:25px 0;
}

.eco-heading h2 span{
    color:#F25A24;
}

.eco-heading p{
    font-size:19px;
    color:#666;
    line-height:1.9;
    max-width:900px;
    margin:auto;
}

/*==========================
Grid
==========================*/

.eco-wrapper{

    display:grid;

    grid-template-columns:1fr 260px 1fr;

    grid-template-rows:auto auto auto;

    gap:45px;

    align-items:center;

}

.eco-empty{
    visibility:hidden;
}

/*==========================
Links
==========================*/

.eco-link{

    display:block;

    text-decoration:none;

    color:inherit;

}

/*==========================
Cards
==========================*/

.eco-card{

    background:#fff;

    border-radius:30px;

    padding:38px;

    border:1px solid #ededed;

    box-shadow:0 18px 45px rgba(0,0,0,.07);

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}

.eco-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#F25A24;

    transform:scaleX(0);

    transition:.35s;

}

.eco-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.eco-card:hover::before{

    transform:scaleX(1);

}

.eco-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    background:#FFF4EF;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.eco-icon img{

    width:42px;

}

.eco-card h3{

    font-size:30px;

    color:#111;

    font-weight:800;

    margin-bottom:18px;

    line-height:1.3;

}

.eco-card p{

    font-size:17px;

    color:#666;

    line-height:1.9;

    margin:0;

}

/*==========================
Top & Bottom Cards
==========================*/

.eco-top{

    width:540px;

    margin:auto;

}

.eco-bottom{

    width:540px;

    margin:auto;

}

/*==========================
Center Logo
==========================*/

.eco-center{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    height:260px;

}

.eco-logo{

    width:240px;

    height:240px;

    border-radius:50%;

    background:#fff;

    border:10px solid #F25A24;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 25px 60px rgba(242,90,36,.22);

    position:relative;

    z-index:5;

}

.eco-logo img{

    width:150px;

}

/*==========================
Connection Lines
==========================*/

.line{

    position:absolute;

    background:#FFE0D2;

    z-index:1;

}

.line-top{

    width:4px;

    height:95px;

    top:-35px;

    left:50%;

    transform:translateX(-50%);

}

.line-bottom{

    width:4px;

    height:95px;

    bottom:-35px;

    left:50%;

    transform:translateX(-50%);

}

.line-left{

    width:95px;

    height:4px;

    left:-35px;

    top:50%;

    transform:translateY(-50%);

}

.line-right{

    width:95px;

    height:4px;

    right:-35px;

    top:50%;

    transform:translateY(-50%);

}

/*==================================================
            RESPONSIVE
==================================================*/

/*==========================
Large Laptop
==========================*/

@media (max-width:1400px){

.eco-wrapper{

grid-template-columns:1fr 220px 1fr;

gap:35px;

}

.eco-top,
.eco-bottom{

width:100%;

}

.eco-logo{

width:210px;
height:210px;

}

.eco-logo img{

width:130px;

}

.eco-card h3{

font-size:26px;

}

}

/*==========================
Laptop
==========================*/

@media (max-width:1200px){

.eco-heading h2{

font-size:46px;

}

.eco-wrapper{

grid-template-columns:1fr 180px 1fr;

gap:25px;

}

.eco-logo{

width:180px;
height:180px;
border-width:8px;

}

.eco-logo img{

width:110px;

}

.line-top,
.line-bottom{

height:70px;

}

.line-left,
.line-right{

width:70px;

}

}

/*==========================
Tablet
==========================*/

@media (max-width:991px){

.eco-wrapper{

display:flex;
flex-direction:column;
gap:25px;

}

.eco-empty{

display:none;

}

.eco-center{

order:-1;
height:auto;
margin-bottom:20px;

}

.eco-top,
.eco-bottom,
.eco-left,
.eco-right{

width:100%;
max-width:700px;
margin:auto;

}

.eco-card{

padding:30px;

}

.eco-logo{

width:170px;
height:170px;
border-width:8px;

}

.eco-logo img{

width:95px;

}

/* Hide Connection Lines */

.line{

display:none;

}

}

/*==========================
Mobile
==========================*/

@media (max-width:767px){

.jm-ecosystem{

padding:70px 20px;

}

.eco-heading{

margin-bottom:50px;

}

.eco-heading h2{

font-size:34px;
line-height:1.25;

}

.eco-heading p{

font-size:16px;
line-height:1.8;

}

.eco-badge{

padding:10px 20px;
font-size:12px;

}

.eco-card{

padding:25px;
border-radius:22px;

}

.eco-icon{

width:60px;
height:60px;
margin-bottom:18px;

}

.eco-icon img{

width:34px;

}

.eco-card h3{

font-size:22px;
margin-bottom:12px;

}

.eco-card p{

font-size:15px;
line-height:1.8;

}

.eco-logo{

width:150px;
height:150px;

}

.eco-logo img{

width:85px;

}

}

/*==========================
Small Mobile
==========================*/

@media (max-width:480px){

.jm-ecosystem{

padding:60px 15px;

}

.eco-heading h2{

font-size:28px;

}

.eco-heading p{

font-size:15px;

}

.eco-card{

padding:20px;

}

.eco-card h3{

font-size:20px;

}

.eco-card p{

font-size:14px;

}

.eco-logo{

width:130px;
height:130px;
border-width:6px;

}

.eco-logo img{

width:72px;

}

}

/*=========================================
      INDUSTRIES SECTION
=========================================*/

.industry-section{
    padding:100px 5%;
    background:#fff;
    overflow:hidden;
}

/*==============================
Heading
==============================*/

.industry-heading{
    max-width:1000px;
    margin:0 auto 70px;
    text-align:center;
}

.industry-badge{
    display:inline-block;
    padding:12px 24px;
    background:#FFF4EF;
    color:#F25A24;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.industry-heading h2{
    font-size:70px;
    line-height:1.05;
    font-weight:900;
    color:#111;
    margin:25px 0;
}

.industry-heading h2 span{
    color:#F25A24;
}

.industry-heading p{
    font-size:20px;
    color:#666;
    line-height:1.8;
    max-width:900px;
    margin:auto;
}

/*==============================
Grid
==============================*/

.industry-grid{
    max-width:1500px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1.2fr 1fr;
    gap:25px;
    align-items:stretch;
}

.industry-column{
    display:grid;
    gap:25px;
}

/*==============================
Cards
==============================*/

.industry-card{
    display:block;
    text-decoration:none;
    background:#fff;
    border:1px solid #eee;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.35s ease;
}

.industry-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.industry-image{
    overflow:hidden;
}

.industry-image img{
    width:100%;
    height:220px;
    object-fit:cover;
    transition:.4s;
}

.industry-card:hover img{
    transform:scale(1.08);
}

.industry-content{
    padding:30px;
}

.industry-content h3{
    font-size:28px;
    color:#111;
    margin-bottom:15px;
    font-weight:800;
}

.industry-content p{
    color:#666;
    line-height:1.8;
    font-size:17px;
}

/*==============================
Featured Card
==============================*/

.industry-feature{
    position:relative;
    display:block;
    min-height:780px;
    border-radius:35px;
    overflow:hidden;
    text-decoration:none;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.industry-feature img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.industry-feature:hover img{
    transform:scale(1.06);
}

.industry-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.88),
        rgba(0,0,0,.18)
    );
}

.industry-feature-content{
    position:absolute;
    left:40px;
    right:40px;
    bottom:40px;
    color:#fff;
    z-index:2;
}

.industry-feature-content span{
    display:inline-block;
    padding:10px 20px;
    background:#F25A24;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
}

.industry-feature-content h3{
    font-size:52px;
    line-height:1.1;
    margin:25px 0;
    color:#fff;
    font-weight:900;
}

.industry-feature-content p{
    font-size:18px;
    line-height:1.9;
    color:rgba(255,255,255,.92);
}

/*=========================================
        RESPONSIVE
=========================================*/

/*==============================
Large Laptop
==============================*/

@media (max-width:1400px){

    .industry-heading h2{
        font-size:58px;
    }

    .industry-grid{
        grid-template-columns:1fr 1fr 1fr;
        gap:20px;
    }

    .industry-feature{
        min-height:680px;
    }

    .industry-feature-content h3{
        font-size:44px;
    }

}

/*==============================
Laptop
==============================*/

@media (max-width:1200px){

    .industry-heading h2{
        font-size:48px;
    }

    .industry-heading p{
        font-size:18px;
    }

    .industry-grid{
        grid-template-columns:1fr 1fr;
        gap:25px;
    }

    /* Featured section full width */

    .industry-feature{
        grid-column:1 / -1;
        min-height:550px;
        order:-1;
    }

}

/*==============================
Tablet
==============================*/

@media (max-width:991px){

    .industry-section{
        padding:80px 30px;
    }

    .industry-heading{
        margin-bottom:50px;
    }

    .industry-heading h2{
        font-size:40px;
    }

    .industry-heading p{
        font-size:17px;
        line-height:1.7;
    }

    .industry-grid{
        display:flex;
        flex-direction:column;
        gap:25px;
    }

    .industry-column{
        gap:25px;
    }

    .industry-feature{
        min-height:480px;
        order:-1;
    }

    .industry-feature-content{
        left:30px;
        right:30px;
        bottom:30px;
    }

    .industry-feature-content h3{
        font-size:38px;
    }

}

/*==============================
Mobile
==============================*/

@media (max-width:767px){

    .industry-section{
        padding:70px 20px;
    }

    .industry-heading h2{
        font-size:32px;
        line-height:1.2;
    }

    .industry-heading p{
        font-size:16px;
        line-height:1.7;
    }

    .industry-badge{
        padding:10px 18px;
        font-size:12px;
    }

    .industry-card{
        border-radius:22px;
    }

    .industry-image img{
        height:200px;
    }

    .industry-content{
        padding:22px;
    }

    .industry-content h3{
        font-size:22px;
    }

    .industry-content p{
        font-size:15px;
        line-height:1.7;
    }

    .industry-feature{
        min-height:420px;
        border-radius:22px;
    }

    .industry-feature-content{
        left:22px;
        right:22px;
        bottom:22px;
    }

    .industry-feature-content span{
        padding:8px 16px;
        font-size:12px;
    }

    .industry-feature-content h3{
        font-size:30px;
        margin:18px 0;
    }

    .industry-feature-content p{
        font-size:15px;
        line-height:1.7;
    }

}

/*==============================
Small Mobile
==============================*/

@media (max-width:480px){

    .industry-section{
        padding:60px 15px;
    }

    .industry-heading h2{
        font-size:28px;
    }

    .industry-heading p{
        font-size:15px;
    }

    .industry-image img{
        height:180px;
    }

    .industry-content{
        padding:18px;
    }

    .industry-content h3{
        font-size:20px;
    }

    .industry-content p{
        font-size:14px;
    }

    .industry-feature{
        min-height:360px;
    }

    .industry-feature-content h3{
        font-size:26px;
    }

    .industry-feature-content p{
        font-size:14px;
    }

}

/*=========================
        FOOTER
=========================*/

.footer{
    background:#111;
    color:#fff;
    padding:90px 0 0;
}

.footer-box{
    height:100%;
}

.footer-title{
    font-size:24px;
    font-weight:700;
    margin-bottom:25px;
    color:#fff;
}

.footer-text{
    color:#bdbdbd;
    line-height:1.9;
}

.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:#bdbdbd;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:#F25A24;
    padding-left:6px;
}

.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    color:#bdbdbd;
    line-height:1.7;
}

.footer-contact i{
    color:#F25A24;
    min-width:20px;
    margin-top:5px;
}

.footer-social{
    display:flex;
    gap:12px;
    margin-top:25px;
}

.footer-social a{
    width:45px;
    height:45px;
    border-radius:50%;
    background:#1b1b1b;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    text-decoration:none;
}

.footer-social a:hover{
    background:#F25A24;
    transform:translateY(-4px);
}

.footer-bottom{
    margin-top:50px;
    border-top:1px solid rgba(255,255,255,.08);
    padding:25px 0;
}

.footer-bottom-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.footer-bottom p{
    margin:0;
    color:#bdbdbd;
}

.footer-bottom span{
    color:#F25A24;
    font-weight:700;
}

/*=========================
      RESPONSIVE
=========================*/

@media(max-width:991px){

.footer-box{
    margin-bottom:40px;
}

.footer-title{
    margin-top:10px;
}

.footer-bottom-inner{
    flex-direction:column;
    text-align:center;
}

}

@media(max-width:767px){

.footer{
    padding-top:60px;
}

.footer-logo img{
    height:70px !important;
}

.footer-title{
    font-size:22px;
}

.footer-social{
    justify-content:center;
}

.footer-contact li{
    font-size:15px;
}

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

}

.jm-who{

padding:110px 5%;

background:#fff;

}

.jm-heading{

max-width:850px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.jm-heading span{

display:inline-block;

padding:12px 24px;

background:#FFF4EF;

color:#F25A24;

border-radius:40px;

font-weight:700;

margin-bottom:20px;

}

.jm-heading h2{

font-size:58px;

font-weight:900;

line-height:1.15;

color:#111;

margin-bottom:20px;

}

.jm-heading strong{

color:#F25A24;

}

.jm-heading p{

font-size:20px;

line-height:1.9;

color:#666;

}

.jm-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:50px;

align-items:center;

}

.story-box{

display:flex;

gap:25px;

padding:30px;

border:1px solid #eee;

border-radius:25px;

margin-bottom:25px;

transition:.3s;

background:#fff;

}

.story-box:hover{

transform:translateY(-8px);

border-color:#F25A24;

box-shadow:0 20px 45px rgba(242,90,36,.12);

}

.story-icon{

width:75px;

height:75px;

background:#FFF4EF;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.story-icon i{

font-size:30px;

color:#F25A24;

}

.story-box h3{

font-size:28px;

margin-bottom:10px;

}

.story-box p{

color:#666;

line-height:1.8;

margin:0;

}

.highlight-card{

background:linear-gradient(135deg,#F25A24,#ff7b45);

padding:50px;

border-radius:35px;

color:#fff;

box-shadow:0 25px 60px rgba(242,90,36,.25);

}

.highlight-card span{

letter-spacing:2px;

font-size:13px;

opacity:.9;

}

.highlight-card h3{

font-size:42px;

margin:20px 0;

line-height:1.2;

}

.highlight-card p{

line-height:1.9;

opacity:.95;

}

.mini-stats{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

margin-top:35px;

text-align:center;

}

.mini-stats h4{

font-size:36px;

margin:0;

}

.mini-stats small{

opacity:.9;

}

@media(max-width:991px){

.jm-grid{

grid-template-columns:1fr;

}

.jm-heading h2{

font-size:42px;

}

.highlight-card{

padding:35px;

}

}

@media(max-width:576px){

.jm-heading h2{

font-size:32px;

}

.story-box{

flex-direction:column;

text-align:center;

}

.story-icon{

margin:auto;

}

.mini-stats{

grid-template-columns:1fr;

}

}

.jm-why{
padding:110px 5%;
background:#fafafa;
}

.jm-why-head{
max-width:850px;
margin:auto;
text-align:center;
margin-bottom:70px;
}

.jm-why-head span{
display:inline-block;
padding:12px 24px;
background:#FFF4EF;
color:#F25A24;
border-radius:50px;
font-weight:700;
margin-bottom:20px;
}

.jm-why-head h2{
font-size:56px;
font-weight:900;
margin-bottom:20px;
color:#111;
}

.jm-why-head h2 span{
color:#F25A24;
}

.jm-why-head p{
font-size:18px;
line-height:1.9;
color:#666;
}

.jm-why-grid{
display:grid;
grid-template-columns:1fr 420px 1fr;
gap:35px;
align-items:center;
}

.jm-why-col{
display:flex;
flex-direction:column;
gap:25px;
}

.jm-why-card{
background:#fff;
padding:30px;
border-radius:24px;
border:1px solid #eee;
transition:.3s;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.jm-why-card:hover{
transform:translateY(-8px);
border-color:#F25A24;
}

.icon{
width:65px;
height:65px;
background:#FFF4EF;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:18px;
}

.icon i{
font-size:28px;
color:#F25A24;
}

.jm-why-card h3{
font-size:24px;
margin-bottom:10px;
}

.jm-why-card p{
color:#666;
line-height:1.8;
margin:0;
}

.jm-center-card{
background:linear-gradient(135deg,#F25A24,#ff7c46);
padding:45px;
border-radius:35px;
text-align:center;
color:#fff;
box-shadow:0 25px 60px rgba(242,90,36,.30);
}

.jm-logo-circle{
width:130px;
height:130px;
margin:auto;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:25px;
}

.jm-logo-circle img{
width:85px;
}

.jm-center-card h3{
font-size:34px;
margin-bottom:20px;
}

.jm-center-card p{
line-height:1.9;
margin-bottom:30px;
}

.jm-center-card a{
display:inline-block;
padding:15px 32px;
background:#fff;
color:#F25A24;
font-weight:700;
border-radius:12px;
text-decoration:none;
}

.jm-center-card a:hover{
background:#111;
color:#fff;
}

@media(max-width:991px){

.jm-why-grid{
grid-template-columns:1fr;
}

.jm-why-head h2{
font-size:40px;
}

}

@media(max-width:576px){

.jm-why{
padding:80px 20px;
}

.jm-why-head h2{
font-size:32px;
}

.jm-center-card{
padding:35px 25px;
}

}

.jm-journey{

padding:90px 5%;

background:#fff;

}

.jm-title{

text-align:center;

max-width:760px;

margin:auto auto 60px;

}

.jm-title span{

display:inline-block;

padding:10px 24px;

background:#FFF4EF;

color:#F25A24;

border-radius:40px;

font-weight:700;

margin-bottom:18px;

}

.jm-title h2{

font-size:48px;

font-weight:900;

margin-bottom:18px;

color:#111;

}

.jm-title p{

font-size:18px;

color:#666;

line-height:1.8;

}

.jm-journey-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.jm-box{

background:#fff;

padding:30px;

border-radius:25px;

border:1px solid #eee;

text-align:center;

transition:.35s;

position:relative;

overflow:hidden;

}

.jm-box::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background:#F25A24;

transform:scaleX(0);

transition:.35s;

}

.jm-box:hover::before,

.jm-box.active::before{

transform:scaleX(1);

}

.jm-box:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.jm-year{

display:inline-block;

padding:8px 18px;

background:#FFF4EF;

color:#F25A24;

font-weight:700;

border-radius:30px;

margin-bottom:18px;

}

.jm-icon{

width:75px;

height:75px;

margin:0 auto 20px;

border-radius:50%;

background:#FFF4EF;

display:flex;

align-items:center;

justify-content:center;

}

.jm-icon i{

font-size:32px;

color:#F25A24;

}

.jm-box h3{

font-size:24px;

margin-bottom:12px;

color:#111;

}

.jm-box p{

color:#666;

line-height:1.8;

font-size:15px;

margin:0;

}

@media(max-width:991px){

.jm-journey-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.jm-title h2{

font-size:34px;

}

.jm-journey-grid{

grid-template-columns:1fr;

}

}

/*=========================
MISSION & VISION
=========================*/

.jm-mission-vision{

padding:100px 5%;

background:#fafafa;

}

.jm-mv-heading{

max-width:750px;

margin:auto;

text-align:center;

margin-bottom:60px;

}

.jm-mv-heading span{

display:inline-block;

padding:10px 24px;

background:#FFF4EF;

color:#F25A24;

border-radius:40px;

font-weight:700;

margin-bottom:18px;

}

.jm-mv-heading h2{

font-size:52px;

font-weight:900;

color:#111;

margin-bottom:18px;

}

.jm-mv-heading h2 span{

color:#F25A24;

}

.jm-mv-heading p{

font-size:18px;

color:#666;

line-height:1.8;

}

.jm-mv-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:35px;

}

.jm-card{

background:#fff;

padding:45px;

border-radius:30px;

border:1px solid #eee;

transition:.35s;

position:relative;

overflow:hidden;

}

.jm-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:6px;

background:#F25A24;

transform:scaleX(0);

transition:.35s;

}

.jm-card:hover::before{

transform:scaleX(1);

}

.jm-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.jm-icon{

width:85px;

height:85px;

border-radius:50%;

background:#FFF4EF;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}

.jm-icon i{

font-size:36px;

color:#F25A24;

}

.jm-card h3{

font-size:34px;

font-weight:800;

color:#111;

margin-bottom:18px;

}

.jm-card p{

font-size:17px;

color:#666;

line-height:1.9;

margin:0;

}

.mission{

border-left:5px solid #F25A24;

}

.vision{

border-left:5px solid #111;

}

@media(max-width:991px){

.jm-mv-grid{

grid-template-columns:1fr;

}

}

@media(max-width:576px){

.jm-mission-vision{

padding:80px 20px;

}

.jm-mv-heading h2{

font-size:36px;

}

.jm-card{

padding:30px;

}

.jm-card h3{

font-size:28px;

}

}


/*==========================
WHAT WE DO
==========================*/

.jm-whatdo{

padding:110px 5%;

background:#ffffff;

}

.jm-do-grid{

display:grid;

grid-template-columns:420px 1fr;

gap:80px;

align-items:start;

}

.jm-do-left{

position:sticky;

top:120px;

}

.jm-tag{

display:inline-block;

padding:10px 22px;

background:#FFF4EF;

color:#F25A24;

border-radius:40px;

font-size:14px;

font-weight:700;

margin-bottom:25px;

}

.jm-do-left h2{

font-size:58px;

line-height:1.08;

font-weight:900;

margin-bottom:25px;

color:#111;

}

.jm-do-left h2 span{

color:#F25A24;

}

.jm-do-left p{

font-size:18px;

line-height:1.9;

color:#666;

margin-bottom:40px;

}

.jm-btn{

display:inline-flex;

align-items:center;

gap:12px;

padding:16px 34px;

background:#F25A24;

color:#fff;

text-decoration:none;

border-radius:12px;

font-weight:700;

transition:.35s;

}

.jm-btn:hover{

background:#111;

color:#fff;

transform:translateY(-4px);

}

.jm-do-right{

display:flex;

flex-direction:column;

gap:25px;

}

.jm-do-card{

display:flex;

align-items:center;

gap:30px;

padding:35px;

border-radius:24px;

background:#fff;

border:1px solid #eee;

transition:.35s;

position:relative;

overflow:hidden;

}

.jm-do-card::before{

content:"";

position:absolute;

left:0;

top:0;

height:100%;

width:5px;

background:#F25A24;

transform:scaleY(0);

transition:.35s;

}

.jm-do-card:hover::before{

transform:scaleY(1);

}

.jm-do-card:hover{

transform:translateX(12px);

box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.jm-no{

font-size:54px;

font-weight:900;

color:#F25A24;

opacity:.18;

min-width:70px;

}

.jm-do-card h3{

font-size:30px;

margin-bottom:10px;

color:#111;

}

.jm-do-card p{

margin:0;

font-size:17px;

line-height:1.8;

color:#666;

}

/* Responsive */

@media(max-width:991px){

.jm-do-grid{

grid-template-columns:1fr;

gap:50px;

}

.jm-do-left{

position:relative;

top:0;

}

.jm-do-left h2{

font-size:42px;

}

}

@media(max-width:576px){

.jm-whatdo{

padding:80px 20px;

}

.jm-do-left h2{

font-size:34px;

}

.jm-do-card{

flex-direction:column;

align-items:flex-start;

padding:25px;

}

.jm-no{

font-size:38px;

}

.jm-do-card h3{

font-size:24px;

}

}

/*=========================
WHY CHOOSE JEAMS
=========================*/

.jm-choose{

padding:110px 5%;

background:#fafafa;

overflow:hidden;

}

.jm-title{

max-width:800px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.jm-title span{

display:inline-block;

padding:10px 22px;

background:#FFF4EF;

color:#F25A24;

border-radius:50px;

font-size:14px;

font-weight:700;

letter-spacing:1px;

margin-bottom:20px;

}

.jm-title h2{

font-size:56px;

font-weight:900;

line-height:1.15;

color:#111;

margin-bottom:20px;

}

.jm-title h2 span{

color:#F25A24;

}

.jm-title p{

font-size:18px;

line-height:1.8;

color:#666;

max-width:700px;

margin:auto;

}

/*================*/

.jm-compare{

display:grid;

grid-template-columns:1fr 120px 1fr;

align-items:center;

gap:35px;

max-width:1300px;

margin:auto;

}

/*================*/

.jm-side{

background:#fff;

border-radius:30px;

padding:45px;

box-shadow:0 15px 45px rgba(0,0,0,.06);

transition:.35s;

border:1px solid #eee;

}

.jm-side:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.jm-other{

border-top:6px solid #ddd;

}

.jm-jeams{

border-top:6px solid #F25A24;

}

.jm-side h3{

font-size:34px;

font-weight:800;

margin-bottom:35px;

color:#111;

}

/*================*/

.jm-item{

display:flex;

align-items:flex-start;

gap:18px;

padding:18px 0;

border-bottom:1px solid #f1f1f1;

}

.jm-item:last-child{

border:none;

padding-bottom:0;

}

.jm-item i{

width:42px;

height:42px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:16px;

flex-shrink:0;

}

.jm-other .jm-item i{

background:#F4F4F4;

color:#999;

}

.jm-jeams .jm-item i{

background:#FFF4EF;

color:#F25A24;

}

.jm-item p{

margin:0;

font-size:18px;

font-weight:500;

line-height:1.7;

color:#555;

}

/*================*/

.jm-vs{

display:flex;

justify-content:center;

align-items:center;

position:relative;

}

.jm-vs::before{

content:"";

position:absolute;

width:2px;

height:180px;

background:#e8e8e8;

}

.jm-vs div{

width:90px;

height:90px;

border-radius:50%;

background:linear-gradient(135deg,#F25A24,#ff7b43);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:26px;

font-weight:800;

box-shadow:0 15px 35px rgba(242,90,36,.28);

position:relative;

z-index:2;

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.jm-title h2{

font-size:42px;

}

.jm-compare{

grid-template-columns:1fr;

gap:30px;

}

.jm-vs{

order:2;

}

.jm-other{

order:1;

}

.jm-jeams{

order:3;

}

.jm-vs::before{

display:none;

}

}

@media(max-width:576px){

.jm-choose{

padding:80px 20px;

}

.jm-title h2{

font-size:32px;

}

.jm-side{

padding:28px;

}

.jm-side h3{

font-size:26px;

}

.jm-item p{

font-size:16px;

}

.jm-vs div{

width:70px;

height:70px;

font-size:20px;

}

}

/*====================================
PROCESS SECTION
====================================*/

.jm-process{

padding:120px 5%;

background:#fff;

}

.jm-process-grid{

display:grid;

grid-template-columns:420px 1fr;

gap:100px;

align-items:start;

max-width:1400px;

margin:auto;

}

/* LEFT */

.jm-process-left{

position:sticky;

top:120px;

}

.jm-tag{

display:inline-flex;

align-items:center;

padding:12px 24px;

background:#FFF4EF;

color:#F25A24;

border-radius:50px;

font-size:14px;

font-weight:700;

letter-spacing:1px;

margin-bottom:25px;

}

.jm-process-left h2{

font-size:64px;

line-height:1.08;

font-weight:900;

color:#111;

margin-bottom:25px;

}

.jm-process-left h2 span{

color:#F25A24;

}

.jm-process-left p{

font-size:18px;

line-height:1.9;

color:#666;

margin-bottom:40px;

max-width:380px;

}

.jm-process-btn{

display:inline-flex;

align-items:center;

gap:12px;

padding:17px 34px;

background:#F25A24;

color:#fff;

border-radius:12px;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.jm-process-btn:hover{

background:#111;

color:#fff;

}

/* RIGHT */

.jm-process-right{

display:flex;

flex-direction:column;

}

/* STEP */

.jm-process-item{

display:flex;

align-items:flex-start;

gap:35px;

padding:42px 0;

border-top:1px solid #ececec;

cursor:pointer;

transition:.35s;

position:relative;

}

.jm-process-item:last-child{

border-bottom:1px solid #ececec;

}

/* Orange Line */

.jm-process-item::before{

content:"";

position:absolute;

left:0;

top:0;

height:100%;

width:4px;

background:#F25A24;

transform:scaleY(0);

transform-origin:top;

transition:.45s;

}

/* Hover */

.jm-process-item:hover::before,

.jm-process-item.active::before{

transform:scaleY(1);

}

.jm-process-item:hover{

padding-left:28px;

}

.jm-process-item:hover .jm-process-no,

.jm-process-item.active .jm-process-no{

color:#F25A24;

opacity:1;

}

.jm-process-item:hover h3{

color:#F25A24;

}

/* Number */

.jm-process-no{

font-size:72px;

font-weight:900;

line-height:1;

color:#d9d9d9;

min-width:95px;

transition:.35s;

}

/* Content */

.jm-process-content{

padding-top:5px;

}

.jm-process-content h3{

font-size:32px;

font-weight:800;

margin-bottom:12px;

color:#111;

transition:.35s;

}

.jm-process-content p{

font-size:17px;

line-height:1.9;

color:#666;

max-width:520px;

margin:0;

}

/*========================================
RESPONSIVE
========================================*/

@media (max-width:1200px){

.jm-process-grid{

grid-template-columns:360px 1fr;

gap:70px;

}

.jm-process-left h2{

font-size:52px;

}

}

@media (max-width:991px){

.jm-process{

padding:90px 25px;

}

.jm-process-grid{

grid-template-columns:1fr;

gap:60px;

}

.jm-process-left{

position:relative;

top:0;

}

.jm-process-left h2{

font-size:42px;

}

.jm-process-left p{

max-width:100%;

}

.jm-process-content p{

max-width:100%;

}

}

@media(max-width:767px){

.jm-process{

padding:70px 20px;

}

.jm-tag{

font-size:12px;

padding:10px 18px;

}

.jm-process-left h2{

font-size:34px;

}

.jm-process-left p{

font-size:16px;

}

.jm-process-item{

gap:18px;

padding:28px 0;

}

.jm-process-no{

font-size:42px;

min-width:55px;

}

.jm-process-content h3{

font-size:24px;

}

.jm-process-content p{

font-size:15px;

line-height:1.8;

}

.jm-process-btn{

width:100%;

justify-content:center;

}

}

@media(max-width:480px){

.jm-process-left h2{

font-size:30px;

}

.jm-process-content h3{

font-size:22px;

}

.jm-process-content p{

font-size:14px;

}

.jm-process-item:hover{

padding-left:12px;

}

}


/*========================================
PREMIUM HOVER
========================================*/

.jm-process-item{

overflow:hidden;

}

.jm-process-item::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:0;

height:1px;

background:#F25A24;

transition:.45s;

}

.jm-process-item:hover::after{

width:100%;

}

/* Number Animation */

.jm-process-no{

transition:all .35s ease;

}

.jm-process-item:hover .jm-process-no{

transform:translateX(6px);

}

/* Heading */

.jm-process-content h3{

transition:.35s;

}

.jm-process-item:hover .jm-process-content h3{

letter-spacing:.5px;

}

/* Paragraph */

.jm-process-content p{

transition:.35s;

}

.jm-process-item:hover .jm-process-content p{

color:#444;

}

/* Button */

.jm-process-btn i{

transition:.35s;

}

.jm-process-btn:hover i{

transform:translateX(5px);

}

/*=========================
CLIENT LOGOS
=========================*/

.jm-clients{

padding:110px 0;

background:#fff;

overflow:hidden;

}

.jm-client-head{

text-align:center;

max-width:800px;

margin:0 auto 70px;

padding:0 20px;

}

.jm-client-head h2{

font-size:56px;

font-weight:900;

margin:20px 0;

}

.jm-client-head h2 span{

color:#F25A24;

}

.jm-client-head p{

font-size:18px;

color:#666;

line-height:1.8;

}

.jm-logo-slider{

overflow:hidden;

margin:20px 0;

}

.jm-logo-track{

display:flex;

align-items:center;

gap:35px;

width:max-content;

animation:logoMove 30s linear infinite;

}

.reverse .jm-logo-track{

animation-direction:reverse;

}

.jm-logo-track img{

width:150px;

height:80px;

object-fit:contain;

padding:20px;

background:#fff;

border:1px solid #eee;

border-radius:18px;

filter:grayscale(100%);

opacity:.65;

transition:.35s;

}

.jm-logo-track img:hover{

filter:none;

opacity:1;

transform:translateY(-8px);

border-color:#F25A24;

box-shadow:0 15px 35px rgba(0,0,0,.08);

}

@keyframes logoMove{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

@media(max-width:991px){

.jm-client-head h2{

font-size:42px;

}

.jm-logo-track img{

width:120px;

height:70px;

}

}

@media(max-width:576px){

.jm-clients{

padding:80px 0;

}

.jm-client-head h2{

font-size:32px;

}

.jm-logo-track{

gap:20px;

}

.jm-logo-track img{

width:95px;

height:60px;

padding:12px;

}

}

/*==============================
CTA SECTION
==============================*/

.jm-cta{

padding:100px 5%;

background:#fff;

}

.jm-cta-box{

max-width:1400px;

margin:auto;

background:linear-gradient(135deg,#F25A24,#ff7d49);

border-radius:35px;

padding:70px;

display:flex;

justify-content:space-between;

align-items:center;

gap:60px;

overflow:hidden;

position:relative;

}

/* Background Circle */

.jm-cta-box::before{

content:"";

position:absolute;

width:350px;

height:350px;

right:-120px;

top:-120px;

border-radius:50%;

background:rgba(255,255,255,.08);

}

.jm-cta-box::after{

content:"";

position:absolute;

width:220px;

height:220px;

left:-80px;

bottom:-80px;

border-radius:50%;

background:rgba(255,255,255,.06);

}

.jm-cta-left{

position:relative;

z-index:2;

max-width:700px;

}

.jm-cta-left .jm-tag{

background:rgba(255,255,255,.18);

color:#fff;

}

.jm-cta-left h2{

font-size:56px;

font-weight:900;

line-height:1.1;

color:#fff;

margin:25px 0;

}

.jm-cta-left h2 span{

color:#FFE9DD;

}

.jm-cta-left p{

font-size:18px;

line-height:1.9;

color:rgba(255,255,255,.92);

}

.jm-cta-right{

position:relative;

z-index:2;

}

.jm-cta-btn{

display:inline-flex;

align-items:center;

gap:12px;

padding:18px 34px;

background:#fff;

color:#F25A24;

border-radius:14px;

text-decoration:none;

font-weight:700;

font-size:17px;

transition:.35s;

}

.jm-cta-btn:hover{

background:#111;

color:#fff;

transform:translateY(-4px);

}

.jm-cta-btn i{

transition:.35s;

}

.jm-cta-btn:hover i{

transform:translateX(6px);

}

/*==============================
Responsive
==============================*/

@media(max-width:991px){

.jm-cta-box{

flex-direction:column;

text-align:center;

padding:50px 35px;

}

.jm-cta-left h2{

font-size:42px;

}

}

@media(max-width:576px){

.jm-cta{

padding:70px 20px;

}

.jm-cta-box{

padding:40px 25px;

border-radius:25px;

}

.jm-cta-left h2{

font-size:30px;

}

.jm-cta-left p{

font-size:15px;

}

.jm-cta-btn{

width:100%;

justify-content:center;

}

}


.jm-brand-box{

background:#fff;

border-radius:18px;

padding:30px 20px;

text-align:center;

border:1px solid #eee;

transition:.35s;

height:100%;

}

.jm-brand-box img{

height:55px;

max-width:140px;

object-fit:contain;

margin-bottom:18px;

transition:.35s;

}

.jm-brand-box h6{

margin:0;

font-size:18px;

font-weight:700;

color:#222;

}

.jm-brand-box:hover{

transform:translateY(-8px);

box-shadow:0 18px 35px rgba(0,0,0,.08);

border-color:#F25A24;

}

.jm-brand-box:hover img{

transform:scale(1.08);

}

@media(max-width:768px){

.jm-brand-box{

padding:22px 15px;

}

.jm-brand-box img{

height:42px;

}

.jm-brand-box h6{

font-size:15px;

}

}
.jm-feature{

display:flex;

gap:25px;

padding:25px 0;

border-bottom:1px solid #eee;

transition:.3s;

}

.jm-number{

width:60px;

height:60px;

background:#FFF4EF;

color:#F25A24;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

font-weight:700;

flex-shrink:0;

transition:.3s;

}

.jm-feature h5{

font-weight:700;

margin-bottom:8px;

}

.jm-feature p{

margin:0;

color:#666;

line-height:1.8;

}

.jm-feature:hover{

padding-left:15px;

}

.jm-feature:hover .jm-number{

background:#F25A24;

color:#fff;

transform:rotate(8deg);

}

@media(max-width:991px){

.jm-feature{

padding:20px 0;

}

.jm-number{

width:50px;

height:50px;

font-size:18px;

}

}
.jm-service-item{

background:#fff;

padding:18px 22px;

border:1px solid #ececec;

border-left:4px solid #F25A24;

border-radius:12px;

font-weight:600;

transition:.3s;

height:100%;

}

.jm-service-item:hover{

background:#F25A24;

color:#fff;

transform:translateX(8px);

box-shadow:0 12px 25px rgba(242,90,36,.15);

}

.jm-industry-wrap{

display:flex;

flex-wrap:wrap;

gap:16px;

}

.jm-industry-wrap span{

padding:14px 22px;

background:#fff;

border:1px solid #e9e9e9;

border-radius:50px;

font-weight:600;

color:#444;

transition:.3s;

cursor:pointer;

}

.jm-industry-wrap span:hover{

background:#F25A24;

color:#fff;

border-color:#F25A24;

transform:translateY(-4px);

box-shadow:0 10px 25px rgba(242,90,36,.15);

}

@media(max-width:768px){

.jm-industry-wrap{

justify-content:center;

}

.jm-industry-wrap span{

font-size:14px;

padding:12px 18px;

}

}

.jm-process{

display:flex;

align-items:flex-start;

justify-content:center;

margin-top:50px;

}

.jm-step{

width:210px;

text-align:center;

position:relative;

transition:.35s;

}

.jm-circle{

width:72px;

height:72px;

margin:auto;

border-radius:50%;

background:#fff;

border:3px solid #F25A24;

color:#F25A24;

font-size:22px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

transition:.35s;

position:relative;

z-index:2;

}

.jm-line{

height:3px;

background:#F25A24;

flex:1;

margin-top:36px;

opacity:.25;

position:relative;

}

.jm-line::after{

content:"";

position:absolute;

right:-2px;

top:-4px;

width:10px;

height:10px;

background:#F25A24;

border-radius:50%;

}

.jm-step h5{

margin-top:22px;

font-weight:700;

font-size:20px;

}

.jm-step p{

color:#666;

font-size:15px;

line-height:1.8;

margin-top:10px;

padding:0 10px;

}

.jm-step:hover .jm-circle{

background:#F25A24;

color:#fff;

transform:scale(1.1);

box-shadow:0 15px 35px rgba(242,90,36,.30);

}

.jm-step:hover h5{

color:#F25A24;

}

.jm-step:hover{

transform:translateY(-8px);

}

@media(max-width:991px){

.jm-process{

flex-direction:column;

align-items:center;

}

.jm-line{

width:3px;

height:60px;

margin:0;

}

.jm-line::after{

left:-4px;

bottom:-2px;

top:auto;

}

.jm-step{

width:100%;

max-width:350px;

padding:10px 0;

}

}

.jm-faq-section{

background:#f8fafc;

}

.jm-tag{

display:inline-block;

padding:10px 22px;

background:#FFF4EF;

color:#F25A24;

border-radius:40px;

font-weight:600;

margin-bottom:20px;

}

.jm-faq-section h2{

font-size:42px;

font-weight:700;

margin-bottom:15px;

}

.jm-faq-section h2 span{

color:#F25A24;

}

.jm-faq-section p{

color:#666;

}

.jm-faq-wrap{

max-width:900px;

margin:auto;

}

.jm-faq-item{

background:#fff;

border-radius:18px;

margin-bottom:18px;

overflow:hidden;

border:1px solid #ececec;

transition:.35s;

}

.jm-faq-item:hover{

border-color:#F25A24;

box-shadow:0 20px 45px rgba(0,0,0,.06);

}

.jm-faq-btn{

width:100%;

background:none;

border:none;

padding:28px;

display:flex;

align-items:center;

gap:25px;

cursor:pointer;

}

.jm-faq-no{

width:55px;

height:55px;

border-radius:50%;

background:#FFF4EF;

color:#F25A24;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

flex-shrink:0;

transition:.35s;

}

.jm-faq-title{

flex:1;

text-align:left;

font-size:20px;

font-weight:600;

color:#222;

}

.jm-icon{

width:46px;

height:46px;

border-radius:50%;

background:#f5f5f5;

display:flex;

align-items:center;

justify-content:center;

font-size:26px;

font-weight:300;

transition:.35s;

}

.jm-faq-content{

max-height:0;

overflow:hidden;

transition:.4s;

padding:0 28px 0 108px;

}

.jm-faq-content p{

padding-bottom:25px;

line-height:1.9;

margin:0;

}

.jm-faq-item.active{

border-left:5px solid #F25A24;

}

.jm-faq-item.active .jm-faq-content{

max-height:250px;

}

.jm-faq-item.active .jm-faq-no{

background:#F25A24;

color:#fff;

}

.jm-faq-item.active .jm-icon{

background:#F25A24;

color:#fff;

transform:rotate(45deg);

}

@media(max-width:768px){

.jm-faq-btn{

padding:18px;

gap:15px;

}

.jm-faq-title{

font-size:16px;

}

.jm-faq-no{

width:45px;

height:45px;

font-size:15px;

}

.jm-faq-content{

padding:0 18px 20px 78px;

}

.jm-faq-section h2{

font-size:30px;

}

}


/*==================================
        RETAIL SOLUTION CARDS
===================================*/

.retail-card{

    background:#fff;

    border:1px solid #ececec;

    border-radius:30px;

    padding:40px 35px;

    height:100%;

    transition:.4s ease;

    position:relative;

    overflow:hidden;

    box-shadow:0 8px 30px rgba(0,0,0,.04);

}

.retail-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:#F25A24;

    transform:scaleX(0);

    transition:.4s;

}

.retail-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.10);

}

.retail-card:hover::before{

    transform:scaleX(1);

}

.retail-icon{

    width:80px;

    height:80px;

    border-radius:24px;

    background:#FFF4EF;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:30px;

    transition:.35s;

}

.retail-icon i{

    font-size:34px;

    color:#F25A24;

}

.retail-card:hover .retail-icon{

    background:#F25A24;

    transform:rotate(-8deg);

}

.retail-card:hover .retail-icon i{

    color:#fff;

}

.retail-card h4{

    font-size:24px;

    font-weight:700;

    color:#1B1B19;

    margin-bottom:18px;

}

.retail-card p{

    color:#666;

    line-height:1.9;

    margin:0;

}

/*==========================
Retail Timeline
==========================*/

.retail-process{

position:relative;

max-width:1000px;

margin:auto;

}

.retail-process::before{

content:"";

position:absolute;

left:50%;

top:0;

width:4px;

height:100%;

background:#F25A24;

transform:translateX(-50%);

border-radius:50px;

}

.retail-step{

display:flex;

align-items:center;

margin-bottom:60px;

position:relative;

}

.retail-step.left{

justify-content:flex-start;

padding-right:55%;

}

.retail-step.right{

justify-content:flex-end;

padding-left:55%;

}

.step-content{

background:#fff;

padding:30px;

border-radius:25px;

box-shadow:0 15px 40px rgba(0,0,0,.07);

transition:.35s;

}

.step-content:hover{

transform:translateY(-8px);

}

.step-number{

position:absolute;

left:50%;

transform:translateX(-50%);

width:70px;

height:70px;

background:#F25A24;

color:#fff;

font-size:24px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

border:8px solid #FFF9F6;

z-index:10;

}

.step-content h4{

font-weight:700;

margin-bottom:15px;

}

.step-content p{

color:#666;

line-height:1.8;

margin:0;

}

@media(max-width:991px){

.retail-process::before{

left:30px;

}

.retail-step,
.retail-step.left,
.retail-step.right{

padding:0 0 0 80px;

justify-content:flex-start;

}

.step-number{

left:30px;

}

}

/*==========================
WHY CHOOSE
==========================*/

.why-card{

background:#fff;

border:1px solid #ececec;

border-radius:28px;

padding:35px;

height:100%;

transition:.35s;

box-shadow:0 10px 30px rgba(0,0,0,.04);

}

.why-card:hover{

background:#F25A24;

transform:translateY(-8px);

}

.why-card:hover h5,

.why-card:hover p,

.why-card:hover i{

color:#fff;

}

.why-icon{

width:72px;

height:72px;

background:#FFF4EF;

border-radius:22px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}

.why-card:hover .why-icon{

background:red;

}

.why-icon i{

font-size:30px;

color:#F25A24;

}

.why-card h5{

font-size:22px;

font-weight:700;

margin-bottom:15px;

}

.why-card p{

color:#666;

line-height:1.8;

margin:0;

}

.retail-btn{

display:inline-flex;

align-items:center;

gap:12px;

padding:18px 36px;

background:#F25A24;

color:#fff;

border-radius:60px;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.retail-btn:hover{

background:#de4d18;

color:#fff;

}

.retail-btn i{

transition:.35s;

}

.retail-btn:hover i{

transform:translateX(6px);

}

.industry-box{

    background:#fff;
    border:1px solid #EFEFEF;
    border-radius:24px;
    padding:35px 30px;
    text-align:center;
    height:100%;
    transition:.35s ease;
    box-shadow:0 8px 25px rgba(0,0,0,.04);

}

.industry-box:hover{

    transform:translateY(-10px);
    border-color:#F25A24;
    box-shadow:0 18px 45px rgba(242,90,36,.15);

}

.industry-box i{

    width:75px;
    height:75px;
    line-height:75px;
    border-radius:20px;
    background:#FFF2EC;
    color:#F25A24;
    font-size:30px;
    margin-bottom:25px;
    transition:.35s;

}

.industry-box:hover i{

    background:#F25A24;
    color:#fff;
    transform:rotate(-8deg);

}

.industry-box h5{

    font-weight:700;
    margin-bottom:15px;

}

.industry-box p{

    color:#666;
    line-height:1.8;
    margin:0;

}

/*==========================
TENDER SERVICES
==========================*/

.tender-service-card{

display:flex;
align-items:flex-start;
gap:25px;

padding:35px;

background:#fff;

border:1px solid #ededed;

border-radius:22px;

height:100%;

transition:.35s;

box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.tender-service-card:hover{

transform:translateY(-8px);

border-color:#F25A24;

box-shadow:0 18px 40px rgba(242,90,36,.15);

}

.service-icon{

width:75px;

height:75px;

min-width:75px;

background:#FFF3EE;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

transition:.35s;

}

.service-icon i{

font-size:30px;

color:#F25A24;

}

.tender-service-card:hover .service-icon{

background:#F25A24;

}

.tender-service-card:hover .service-icon i{

color:#fff;

}

.tender-service-card h4{

font-size:22px;

font-weight:700;

margin-bottom:12px;

}

.tender-service-card p{

margin:0;

line-height:1.8;

color:#666;

}

@media(max-width:767px){

.tender-service-card{

flex-direction:column;
text-align:center;

}

.service-icon{

margin:auto;

}

}

/*==========================
SUPPORT MATRIX
==========================*/

.support-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:22px;

align-items:center;

}

.support-box{

background:#fff;

border-radius:28px;

padding:30px;

border:1px solid #ededed;

box-shadow:0 10px 30px rgba(0,0,0,.05);

transition:.35s;

position:relative;

overflow:hidden;

}

.support-box.big{

padding:40px;

}

.support-box::before{

content:"";

position:absolute;

top:0;

left:0;

width:5px;

height:100%;

background:#F25A24;

transform:scaleY(0);

transition:.35s;

}

.support-box:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.support-box:hover::before{

transform:scaleY(1);

}

.support-box i{

width:68px;

height:68px;

display:flex;

align-items:center;

justify-content:center;

border-radius:18px;

background:#FFF4EF;

color:#F25A24;

font-size:26px;

margin-bottom:20px;

transition:.35s;

}

.support-box:hover i{

background:#F25A24;

color:#fff;

}

.support-box h5{

font-size:22px;

font-weight:700;

margin-bottom:10px;

}

.support-box p{

margin:0;

line-height:1.7;

color:#666;

}

.support-note{

display:flex;

align-items:center;

gap:15px;

margin-top:40px;

padding:22px;

background:#fff7f3;

border-left:5px solid #F25A24;

border-radius:18px;

}

.support-note i{

font-size:24px;

color:#F25A24;

}

.support-note span{

font-weight:600;

color:#333;

}

@media(max-width:991px){

.support-grid{

grid-template-columns:1fr;

}

}

/*=========================
WHY TRUST SECTION
=========================*/

.trust-content{

background:#F25A24;
padding:50px;
border-radius:30px;
color:#fff;
height:100%;

}

.trust-tag{

display:inline-block;
padding:10px 22px;
background:rgba(255,255,255,.15);
border-radius:50px;
font-size:14px;
margin-bottom:25px;

}

.trust-content h2{

font-size:42px;
font-weight:700;
line-height:1.25;
margin-bottom:20px;

}

.trust-content h2 span{

color:#FFE2D5;

}

.trust-content p{

line-height:1.9;
margin-bottom:35px;
opacity:.95;

}

.trust-btn{

display:inline-flex;
align-items:center;
gap:12px;
padding:16px 34px;
background:#fff;
color:#F25A24;
font-weight:600;
border-radius:60px;
text-decoration:none;
transition:.35s;

}

.trust-btn:hover{

transform:translateY(-4px);
color:#F25A24;

}

.trust-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;

}

.trust-item{

padding:35px;
background:#fff;
border-radius:25px;
border:1px solid #eee;
transition:.35s;
height:100%;

}

.trust-item:hover{

transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.trust-item i{

font-size:34px;
color:#F25A24;
margin-bottom:20px;

}

.trust-item h5{

font-weight:700;
margin-bottom:15px;

}

.trust-item p{

color:#666;
line-height:1.8;
margin:0;

}

@media(max-width:991px){

.trust-grid{

grid-template-columns:1fr;

}

.trust-content{

padding:35px;

}

.trust-content h2{

font-size:34px;

}

}

/*==========================
TENDER CATEGORY
==========================*/

.tender-category{

background:#fff;
padding:40px 35px;
border-radius:26px;
border:1px solid #eee;
text-align:left;
height:100%;
transition:.35s;
position:relative;
overflow:hidden;

}

.tender-category::after{

content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:4px;
background:#F25A24;
transform:scaleX(0);
transition:.35s;

}

.tender-category:hover{

transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.tender-category:hover::after{

transform:scaleX(1);

}

.tender-category i{

width:75px;
height:75px;
line-height:75px;
text-align:center;
border-radius:18px;
background:#FFF3EE;
font-size:28px;
color:#F25A24;
margin-bottom:25px;

}

.tender-category h4{

font-size:22px;
font-weight:700;
margin-bottom:15px;

}

.tender-category p{

margin:0;
color:#666;
line-height:1.8;

}

/*==============================
WHITE CTA
==============================*/

.tender-white-box{

background:#fff;

padding:70px;

border-radius:30px;

border:1px solid #ededed;

box-shadow:0 20px 60px rgba(0,0,0,.06);

position:relative;

overflow:hidden;

}

.tender-white-box::before{

content:"";

position:absolute;

right:-120px;

top:-120px;

width:280px;

height:280px;

border-radius:50%;

background:#FFF2EC;

}

.tender-label{

display:inline-block;

padding:10px 22px;

background:#FFF2EC;

color:#F25A24;

font-weight:600;

border-radius:40px;

margin-bottom:25px;

}

.tender-white-box h2{

font-size:46px;

font-weight:700;

color:#1B1B19;

line-height:1.3;

margin-bottom:20px;

}

.tender-white-box h2 span{

color:#F25A24;

}

.tender-white-box p{

color:#666;

line-height:1.9;

margin-bottom:35px;

}

.tender-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.btn-orange{

padding:16px 34px;

background:#F25A24;

color:#fff;

border-radius:12px;

display:inline-flex;

align-items:center;

gap:10px;

font-weight:600;

transition:.35s;

text-decoration:none;

}

.btn-orange:hover{

background:#df4d18;

color:#fff;

transform:translateY(-4px);

}

.btn-light{

padding:16px 34px;

background:#fff;

border:2px solid #F25A24;

color:#F25A24;

border-radius:12px;

display:inline-flex;

align-items:center;

gap:10px;

font-weight:600;

transition:.35s;

text-decoration:none;

}

.btn-light:hover{

background:#F25A24;

color:#fff;

}

.trust-card{

background:#FFF8F5;

padding:35px;

border-radius:25px;

}

.trust-row{

display:flex;

align-items:flex-start;

gap:18px;

padding:18px 0;

border-bottom:1px solid rgba(0,0,0,.08);

}

.trust-row:last-child{

border:none;

padding-bottom:0;

}

.trust-icon{

width:60px;

height:60px;

background:#fff;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

color:#F25A24;

font-size:24px;

box-shadow:0 10px 25px rgba(0,0,0,.05);

flex-shrink:0;

}

.trust-row h5{

font-size:18px;

font-weight:700;

margin-bottom:6px;

color:#1B1B19;

}

.trust-row p{

margin:0;

font-size:14px;

color:#666;

line-height:1.7;

}

@media(max-width:991px){

.tender-white-box{

padding:40px 25px;

}

.tender-white-box h2{

font-size:34px;

}

.tender-buttons{

flex-direction:column;

}

.btn-orange,

.btn-light{

width:100%;

justify-content:center;

}

}


/*=====================================
PREMIUM BLOG SECTION
======================================*/

.blog-card{

    background:#fff;
    border-radius:22px;
    overflow:hidden;
    transition:.4s;
    height:100%;
    border:1px solid #eef2f7;
    box-shadow:0 10px 35px rgba(0,0,0,.05);

}

.blog-card:hover{

    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.blog-image{

    position:relative;
    overflow:hidden;

}

.blog-image img{

    width:100%;
    height:240px;
    object-fit:cover;
    transition:.5s;

}

.blog-card:hover img{

    transform:scale(1.08);

}

/* Category */

.blog-category{

    position:absolute;
    left:20px;
    top:20px;

    background:#F25A24;
    color:#fff;

    padding:8px 18px;

    border-radius:40px;

    font-size:13px;
    font-weight:600;

}

/* Content */

.blog-content{

    padding:28px;

}

.blog-meta{

    display:flex;
    gap:22px;
    margin-bottom:18px;
    font-size:14px;
    color:#888;

}

.blog-meta i{

    color:#F25A24;
    margin-right:6px;

}

.blog-content h4{

    font-size:24px;
    line-height:1.45;
    margin-bottom:18px;
    font-weight:700;

}

.blog-content h4 a{

    color:#1b1b1b;
    transition:.3s;

}

.blog-card:hover h4 a{

    color:#F25A24;

}

.blog-content p{

    color:#666;
    line-height:1.9;
    margin-bottom:25px;

}

/* Button */

.blog-btn{

    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#FFF4EF;

    color:#F25A24;

    padding:14px 24px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.blog-btn i{

    transition:.35s;

}

.blog-btn:hover{

    background:#F25A24;
    color:#fff;

}

.blog-btn:hover i{

    transform:translateX(6px);

}

.list-group-item{
    border:none;
    padding:16px 0;
    transition:.3s ease;
    color:#222;
    font-weight:500;
}

.list-group-item i{
    color:#F25A24;
    transition:.3s ease;
}

.list-group-item:hover{
    color:#F25A24;
    background:transparent;
    padding-left:10px;
}

.list-group-item:hover i{
    transform:translateX(6px);
}


.website-dev{
    background:#fff;
    position:relative;
}

.service-badge{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:#FFF3EE;
    color:#F25A24;
    font-weight:600;
    letter-spacing:1px;
}

.website-dev h2{
    font-size:54px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

.website-dev h2 span{
    color:#F25A24;
}

.website-dev p{
    color:#666;
    font-size:18px;
    line-height:32px;
}

.feature-box{

    display:flex;
    align-items:center;
    gap:18px;
    padding:22px;
    background:#fff;
    border-radius:18px;
    border:1px solid #eee;
    transition:.35s;
}

.feature-box:hover{

    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.icon{

    width:60px;
    height:60px;
    background:#FFF3EE;
    border-radius:15px;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:28px;

}

.btn-orange{

    display:inline-block;
    padding:16px 34px;
    background:#F25A24;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    margin-right:15px;

}

.btn-light2{

    display:inline-block;
    padding:16px 34px;
    border:1px solid #ddd;
    border-radius:50px;
    color:#333;
    text-decoration:none;

}

.website-preview{

    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 30px 70px rgba(0,0,0,.10);
    position:relative;

}

.browser-bar{

    height:60px;
    background:#fafafa;
    display:flex;
    align-items:center;
    padding-left:20px;
    border-bottom:1px solid #eee;

}

.browser-bar span{

    width:12px;
    height:12px;
    border-radius:50%;
    margin-right:8px;

}

.browser-bar span:nth-child(1){

background:#ff5f57;

}

.browser-bar span:nth-child(2){

background:#febc2e;

}

.browser-bar span:nth-child(3){

background:#28c840;

}

.stat-card{

    position:absolute;
    background:#fff;
    border-radius:18px;
    padding:22px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
    text-align:center;

}

.stat-card h3{

    color:#F25A24;
    font-size:38px;
    margin-bottom:5px;

}

.stat1{

    top:30px;
    left:-25px;

}

.stat2{

    bottom:30px;
    right:-20px;

}

.platform-card{

    background:#fff;
    border-radius:24px;
    padding:40px 35px;
    box-shadow:0 10px 40px rgba(0,0,0,.06);
    transition:.35s;
    position:relative;
    overflow:hidden;
    height:100%;

}

.platform-card:hover{

    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.platform-card.active{

    background:#F25A24;
    color:#fff;
    transform:scale(1.04);

}

.platform-card.active p,
.platform-card.active ul li{

    color:#fff;

}

.platform-card.active a{

    background:#fff;
    color:#F25A24;

}

.platform-icon{

    width:80px;
    height:80px;
    border-radius:20px;
    background:#FFF2EC;
    color:#F25A24;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    margin-bottom:25px;

}

.platform-card.active .platform-icon{

    background:#fff;

}

.platform-card h3{

    font-weight:700;
    margin-bottom:15px;

}

.platform-card p{

    color:#666;
    line-height:1.8;

}

.platform-card ul{

    list-style:none;
    padding:0;
    margin:25px 0;

}

.platform-card ul li{

    margin-bottom:12px;
    color:#555;

}

.platform-card a{

    display:inline-block;
    padding:14px 28px;
    background:#F25A24;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;

}

.popular{

    position:absolute;
    top:20px;
    right:-40px;
    background:#fff;
    color:#F25A24;
    padding:8px 45px;
    transform:rotate(45deg);
    font-size:12px;
    font-weight:700;

}