/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/

@font-face {

  font-family: 'SF-UI Thin';

  src: url("../fonts/sf-ui-display-thin.otf") format("opentype");

  font-weight: normal;

  font-style: normal;

  font-display: swap; }

@font-face {

  font-family: 'SF-UI Light';

  src: url("../fonts/sf-ui-display-light.otf") format("opentype");

  font-weight: normal;

  font-style: normal;

  font-display: swap; }

@font-face {

  font-family: 'SF-UI Display';

  src: url("../fonts/sf-ui-display-medium.otf") format("opentype");

  font-weight: normal;

  font-style: normal;

  font-display: swap; }

@font-face {

  font-family: 'SF-UI Display';

  src: url("../fonts/sf-ui-display-semibold.otf") format("opentype");

  font-weight: normal;

  font-style: normal;

  font-display: swap; }

@font-face {

  font-family: 'SF-UI Display';

  src: url("../fonts/sf-ui-display-bold.otf") format("opentype");

  font-weight: normal;

  font-style: normal;

  font-display: swap; }

@font-face {

  font-family: 'SF-UI Display';

  src: url("../fonts/sf-ui-display-black.otf") format("opentype");

  font-weight: normal;

  font-style: normal;

  font-display: swap; }

html {

  overflow-x: hidden;

}



body {

  font-family: 'SF-UI Light';

  color: #5a615c;

  line-height: 1.5;

  font-weight: 500;

  letter-spacing: 1px;

}



a {

  color: #777;

  text-decoration: none;

  transition: 0.3s all ease;

}



a:hover {

  color: #000;

}



h1,

h2,

h3,

h4,

h5,

h6,

.font-heading {

  font-family: 'SF-UI Display';

  color: #004B3C;

}



.container {

  z-index: 2;

  position: relative;

}



.container_services{

  max-width: 1055px;

  padding-left: 15px;

    padding-right: 15px;

    margin-left: auto;

    margin-right: auto;

}



.text-black {

  color: #000 !important;

}



.text-primary {

  color: #2d71a1 !important;

}



.border-top {

  border-top: 1px solid #f2f2f2 !important;

}



.border-bottom {

  border-bottom: 1px solid #f2f2f2 !important;

}



figure figcaption {

  margin-top: 0.5rem;

  font-style: italic;

  font-size: 0.8rem;

}



section {

  overflow: hidden;

}



.section {

  padding: 7rem 0;

}



.section-heading {

  font-size: 5rem;

  margin-bottom: 3rem;

  /* background: #004B3C;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent; */

  /* color:#004B3C; */

  color: #1E2A2E;

  font-family: 'SF-UI Display';

  font-weight: 600;

}



.section-heading span{color:#004B3C;}



/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 996;

  background: #004B3C;

  width: 40px;

  height: 40px;

  border-radius: 50px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 28px;

  color: #fff4ad;

  line-height: 0;

}



.back-to-top:hover {

  background: linear-gradient(180deg, #BA8A48 0%, #F8EC9F 74.27%);

  color: #fff;

}



.back-to-top i:hover {

  color: #004B3C;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



/* Default btn sre-tyling */

.btn {

  border: none;

  padding: 15px 30px !important;

  margin: 7px;

}

.btn-small {

  border: none;

  padding: 1px 15px !important;

  margin: 7px;

}

.btn-small.btn-outline-white {

  border: 2px solid #2c5239;

  background: #366947;

  color: #ffecb2!important;

  border-radius: 5px;

}

.btn-small.btn-outline-white:hover {

  background: #366947;

  color: #fff09a!important;

}



.btn.btn-outline-white {

  border: 2px solid #2c5239;

  background: #f3df93;

  color: #2c5239;

  font-weight: 700;

}



.btn.btn-outline-white:hover {

  background: #fff09a;

  color: #366947;

}



.btn.btn-primary {

  background: linear-gradient(-45deg, #44cd75, #2b5138);

  /* background: #2d71a1;

  background: linear-gradient(-45deg, #1391a5, #274685); */

  color: #fff;

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

}



#header.header-scrolled .navbar a{color: #2c5239;}



/* Feature 1 */

.feature-1 .wrap-icon {

  margin: 0 auto;

  height: 55px;

  width: 55px;

  border-radius: 25%;

  position: relative;

  margin-bottom: 20px;

  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

.feature-1 span{color: #004B3C;}

.feature-1 .wrap-icon.icon-1 {

  /* background: linear-gradient(-45deg, #3b87bd, #2d71a2); */

  /* background: linear-gradient(-45deg, #f3df93, #f3df93); */

  background: linear-gradient(-45deg, #004B3C, #2c5239);

}



.feature-1 .wrap-icon i {

  font-size: 30px;

  line-height: 0;

  color: #f3df93;

}



.feature-1 h3 {

  font-size: 20px;

}



.feature-1 p {

  color: #5a615c;

}



/* Step */

.step {

  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);

  background: #004B3C;

  /* background: #fff; */

  height: 187px;

  padding: 30px 34px 20px 70px;

  margin: 0 0 0 45px;

  border-radius: 20px;

  box-shadow: 0 4px 20px rgba(1, 1, 1, 0.1);

}





.step .number {

  background: linear-gradient(-45deg, #1391a5, #274685);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 700;

  letter-spacing: 0.2rem;

  margin-bottom: 10px;

  display: block;

}



.step p:last-child {

  margin-bottom: 0px;

}



/* Review */

.review h3 {

  font-size: 20px;

}



.review p {

  line-height: 1.8;

  font-style: italic;

  color: #333333;

}



.review .stars span {

  color: #ffc50c;

}



.review .stars .muted {

  color: #ccc;

}



.review .review-user img {

  width: 70px;

  margin: 0 auto;

}



/* Testimonial Carousel */

.testimonials-slider .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.testimonials-slider .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid #2b5138;

}



.testimonials-slider .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #2b5138;

}



/* Pricing */

.pricing {

  padding: 50px;

  background: linear-gradient(-45deg, #1391a5, #274685);

  color: #fff;

  padding-bottom: 12rem !important;

  position: relative;

  border-radius: 4px;

  color: #000000;

  background: #fff;

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

}



.pricing h3 {

  color: #2d71a1;

}



.pricing .price-cta {

  text-decoration: none;

  position: absolute;

  bottom: 50px;

  width: 100%;

  text-align: center;

  left: 0;

}



.pricing .price-cta .price {

  display: block;

  margin-bottom: 20px;

  font-size: 2rem;

  font-weight: 300;

}



.pricing .popularity {

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 0.2rem;

  display: block;

  margin-bottom: 20px;

}



.pricing ul {

  margin-bottom: 50px;

}



.pricing ul li {

  margin-bottom: 10px;

}



.pricing .btn-white {

  background: #fff;

  border: 2px solid rgb(241, 241, 241);

  border-radius: 4px;

  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);

}



.pricing .btn-white:hover {

  color: #2d71a1;

}



.pricing.popular {

  background: #fff;

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

  color: #000000;

  background: linear-gradient(-45deg, #1391a5, #274685);

  color: #fff;

  box-shadow: none;

}



.pricing.popular .popularity {

  color: #b3b3b3;

}



.pricing.popular h3 {

  color: #fff;

  background: none;

}



.pricing.popular .btn-white {

  border: 2px solid #2d71a1;

}



/* CTA Section */

.cta-section {

  background: linear-gradient(to right, rgb(43 81 56) 0%, rgb(115 141 124) 100%);

  color: #fff;

}



.cta-section h2 {

  color: #f0e093;

  font-size: 3rem;

  font-weight: 700;

}



@media screen and (max-width: 768px) {

  .cta-section h2 {

    font-size: 2rem;

  }

}



.cta-section .btn {

  background: linear-gradient(180deg, #c39657 0%, #F8EC9F 74.27%);

    color: #274c34;

}

  /* background: #2E9650;

  color: #ffff; */





.cta-section .btn i {

  margin-right: 5px;

  font-size: 24px;

  line-height: 0;

}



/* Contact Form */

.form-control {

  height: 48px;

  border-radius: 0;

  border: 1px solid #dae0e5;

}



.form-control:active,

.form-control:focus {

  outline: none;

  box-shadow: none;

  border: 1px solid #2d71a1;

}



.php-email-form .validate {

  display: none;

  color: red;

  margin: 0 0 15px 0;

  font-weight: 400;

  font-size: 13px;

}



.php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 15px;

  font-weight: 600;

}



.php-email-form .error-message br+br {

  margin-top: 25px;

}



.php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}



.php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite;

}



.php-email-form textarea {

  min-height: 160px;

}



@-webkit-keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/* Blog */

.post-entry {

  margin-bottom: 60px;

}



.post-entry .post-text .post-meta {

  text-decoration: none;

  color: #ccc;

  font-size: 13px;

  display: block;

  margin-bottom: 10px;

}



.post-entry .post-text h3 {

  font-size: 20px;

  color: #000000;

}



.post-entry .post-text h3 a {

  text-decoration: none;

  color: #000000;

}



.post-entry .post-text h3 a:hover {

  text-decoration: none;

  color: #2d71a1;

}



.post-entry .post-text .readmore {

  color: #2d71a1;

}



.sidebar-box {

  margin-bottom: 30px;

  padding: 25px;

  font-size: 15px;

  width: 100%;

  float: left;

  background: #fff;

}



.sidebar-box *:last-child {

  margin-bottom: 0;

}



.sidebar-box h3 {

  font-size: 18px;

  margin-bottom: 15px;

}



.categories li,

.sidelink li {

  position: relative;

  margin-bottom: 10px;

  padding-bottom: 10px;

  border-bottom: 1px dotted gray("300");

  list-style: none;

}



.categories li:last-child,

.sidelink li:last-child {

  margin-bottom: 0;

  border-bottom: none;

  padding-bottom: 0;

}



.categories li a,

.sidelink li a {

  text-decoration: none;

  display: block;

}



.categories li a span,

.sidelink li a span {

  position: absolute;

  right: 0;

  top: 0;

  color: #ccc;

}



.categories li.active a,

.sidelink li.active a {

  text-decoration: none;

  color: #000000;

  font-style: italic;

}



.comment-form-wrap {

  clear: both;

}



.comment-list {

  padding: 0;

  margin: 0;

}



.comment-list .children {

  padding: 50px 0 0 40px;

  margin: 0;

  float: left;

  width: 100%;

}



.comment-list li {

  padding: 0;

  margin: 0 0 30px 0;

  float: left;

  width: 100%;

  clear: both;

  list-style: none;

}



.comment-list li .vcard {

  width: 80px;

  float: left;

}



.comment-list li .vcard img {

  width: 50px;

  border-radius: 50%;

}



.comment-list li .comment-body {

  float: right;

  width: calc(100% - 80px);

}



.comment-list li .comment-body h3 {

  font-size: 20px;

}



.comment-list li .comment-body .meta {

  text-decoration: none;

  text-transform: uppercase;

  font-size: 13px;

  letter-spacing: 0.1em;

  color: #ccc;

}



.comment-list li .comment-body .reply {

  padding: 5px 10px;

  background: #e6e6e6;

  color: #000000;

  text-transform: uppercase;

  font-size: 14px;

}



.comment-list li .comment-body .reply:hover {

  color: #000000;

  background: #e3e3e3;

}



.search-form {

  background: #f7f7f7;

  padding: 10px;

}



.search-form .form-group {

  position: relative;

}



.search-form .form-group input {

  padding-right: 50px;

}



.search-form .icon {

  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%);

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header {

  height: 110px;

  transition: all 0.5s;

  z-index: 997;

  transition: all 0.5s;

}



#header.header-scrolled {

  /* background: linear-gradient(180deg, #5e9371 0%, #30874c 50.27%); */

  /* background: linear-gradient(180deg, #6bba87 0%, #54a36e 50.27%); */

  /* background: linear-gradient(180deg, #3893587d 0%, #519668a3 50.27%); */

  /* background: linear-gradient(180deg, #81e0a3 0%, #2b7e46 50.27%); */

  /* background: linear-gradient(180deg, #70e198 0%, #004B3C 50.27%); */

  background: linear-gradient(180deg, #F8EC9F 0%, #F8EC9F 74.27%);

  /* background-color: #004B3Ca8; */

  /* background: rgba(39, 70, 133, 0.8); */

  height: 60px;

}



#header .logo h1 {

  font-size: 28px;

  margin: 0;

  padding: 4px 0;

  line-height: 1;

  font-weight: 500;

}



#header .logo h1 a,

#header .logo h1 a:hover {

  color: #FFF2A1;

  text-decoration: none;

}



#header .logo img {

  padding: 0;

  margin: 0;

  max-height: 80px;

  /* margin-top: 18%;

  max-width: 45%; */

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/**

* Desktop Navigation 

*/

.navbar {

  padding: 0;

}



.navbar ul {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none;

  align-items: center;

}



.navbar li {

  position: relative;

}



.navbar a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0 10px 30px;

  font-size: 17px;

  font-weight: 500;

  color: #fff;

  /* color: #2b513891; */

  /* color: rgba(255, 255, 255, 0.65); */

  white-space: nowrap;

  transition: 0.3s;

}

.navbar a:focus {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0 10px 30px;

  font-size: 17px;

  font-weight: 700;



  /* color: rgba(255, 255, 255, 0.65); */

  white-space: nowrap;

  transition: 0.3s;

}



.navbar a i,

.navbar a:focus i {

  font-size: 17px;

  line-height: 0;

  margin-left: 5px;

  color: #2b513891!important;

}



.navbar a:hover,

.navbar .active,

.navbar .active:focus,

.navbar li:hover>a {

  color: #f3df93;

  font-size: 17px;

}



.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 14px;

  top: calc(100% + 30px);

  margin: 0;

  padding: 10px 0;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: 0.3s;

  border-radius: 4px;

}



.navbar .dropdown ul li {

  min-width: 200px;

}



.navbar .dropdown ul a {

  padding: 10px 20px;

  font-size: 17px;

  color: #101c36;

}



.navbar .dropdown ul a i {

  font-size: 12px;

}



.navbar .dropdown ul a:hover,

.navbar .dropdown ul .active:hover,

.navbar .dropdown ul li:hover>a {

  color: #2d71a1;

}



.navbar .dropdown:hover>ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}



.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden;

}



.navbar .dropdown .dropdown:hover>ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible;

}



@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {

    left: -90%;

  }



  .navbar .dropdown .dropdown:hover>ul {

    left: -100%;

  }

}



/**

* Mobile Navigation 

*/

.mobile-nav-toggle {

  color: #fff;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: 0.5s;

}



@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

  }



  .navbar ul {

    display: none;

  }

}



.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background: rgba(27, 49, 94, 0.9);

  transition: 0.3s;

  z-index: 999;

}



.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}



.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  border-radius: 10px;

  background-color: #fff;

  overflow-y: auto;

  transition: 0.3s;

}



.navbar-mobile a,

.navbar-mobile a:focus {

  padding: 10px 20px;

  font-size: 15px;

  color: #101c36;

}



.navbar-mobile a:hover,

.navbar-mobile .active,

.navbar-mobile li:hover>a {

  color: #2d71a1;

}



.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}



.navbar-mobile .dropdown ul li {

  min-width: 200px;

}



.navbar-mobile .dropdown ul a {

  padding: 10px 20px;

}



.navbar-mobile .dropdown ul a i {

  font-size: 12px;

}



.navbar-mobile .dropdown ul a:hover,

.navbar-mobile .dropdown ul .active:hover,

.navbar-mobile .dropdown ul li:hover>a {

  color: #2d71a1;

}



.navbar-mobile .dropdown>.dropdown-active {

  display: block;

}



/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

.hero-section {

  background: #004B3C;

  /* background: linear-gradient(180deg, #70e198 0%, #004B3C 50.27%); */

  /* background:  linear-gradient(180deg, #F8EC9F    0%, #dfaa5f 74.27%); */

  /* background: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url(../img/hero-bg.jpg); */

  position: relative;

}



.hero-section .wave {

  width: 100%;

  overflow: hidden;

  position: absolute;

  z-index: 1;

  bottom: -150px;

}



@media screen and (max-width: 992px) {

  .hero-section .wave {

    bottom: -180px;

  }

}



.hero-section .wave svg {

  width: 100%;

}



.hero-section,

.hero-section>.container>.row {

  height: 100vh;

}



.hero-section.inner-page {

  height: 65vh;

  min-height: 0;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

}



/* .hero-section.inner-page .hero-text {

  transform: translateY(-150px);

  margin-top: -120px;

} */



@media screen and (max-width: 992px) {

  /* .hero-section.inner-page .hero-text {

    margin-top: -80px;

  } */

}



.hero-section h1 {

  font-size: 5.5rem;

  color: #fff;

  margin-bottom: 30px;

  font-family: 'SF-UI Display';

  font-weight: 900;

}







@media screen and (max-width: 992px) {

  .hero-section h1 {font-size: 2.5rem;margin-top: 40px;}

  

}



@media screen and (max-width: 767px) 

{

  .hero-section h1 {text-align: center;}

}



@media screen and (max-width: 992px) {

  .hero-section .hero-text-image {

    margin-top: 4rem;

  }

}



.hero-section p {

  font-size: 22px;

  color: #fff;

}



.hero-section .iphone-wrap {

  position: relative;

}



@media screen and (max-width: 992px) {

  .hero-section .iphone-wrap {

    text-align: center;

  }

}



.hero-section .iphone-wrap .phone-2,

.hero-section .iphone-wrap .phone-1 {

  position: absolute;

  top: -50%;

  overflow: hidden;

  left: -17%;

  box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.3);

  border-radius: 30px;

}



@media screen and (max-width: 992px) {



  .hero-section .iphone-wrap .phone-2,

  .hero-section .iphone-wrap .phone-1 {

    position: relative;

    top: 0;

    max-width: 100%;

  }

}



.hero-section .iphone-wrap .phone-2,

.hero-section .iphone-wrap .phone-1 {

  width: 250px;

}



@media screen and (max-width: 992px) {

  .hero-section .iphone-wrap .phone-1 {

    margin-left: -150px;

  }

}



.hero-section .iphone-wrap .phone-2 {

  margin-top: 50px;

  margin-left: 215px;

  width: 250px;

}



@media screen and (max-width: 992px) {

  .hero-section .iphone-wrap .phone-2 {

    width: 250px;

    position: absolute;

    margin-top: 0px;

    margin-left: 100px;

  }

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

.footer {

  padding: 5rem 0 1rem 0;

  background: #004B3C;

}



.footer h3 {

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 30px;

}



.footer ul li {

  margin-bottom: 10px;

}



.footer a {

  color: #ffff;

  font-size: 15px;

}



.footer .copyright {

  margin-bottom: 0px;

}



.footer .copyright,

.footer .credits {

  font-size: 14px;

  color: #fff4ad;

}



.social a {

  display: inline-block;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #f8f9fa;

  position: relative;

  text-align: center;

  transition: 0.3s background ease;

  color: #004B3C;

  line-height: 0;

}



.social a span {

  display: inline-block;

  left: 50%;

  position: absolute;

  top: 50%;

  transform: translate(-50%, -50%);

}



.social a:hover {

  color: #fff;

  background: #2c5239;

}



.social a i {

  line-height: 0;

}



/* .colr-pri h1, .colr-pri p{color: #f3df93;} */



/* new section make money style */

.make-money{text-align: center; position: relative;}

/* margin-bottom: 5rem; */

.make-money h2{margin-bottom: 20px!important;}

.make-money h2 span{color: #004B3C;}

.make-money p{

  font-size: 22px;

  font-weight: 400;

  color: #1f2937;

  line-height: 1.25;

  margin: 0 0 10px 0;

  letter-spacing: 1px;

}



.make-money p strong{color: #004B3C;}



.make-money .services {

  /* max-width: 1000px; */

  margin: 0 auto;

  display: grid;

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

  gap: 30px;

}



.make-money .services img {

  display: block;

  max-width: 75px;

  height: auto;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  margin: 0 auto;

}



.make-money .services .service-item{

  width: 100%;

  padding: 0;

  margin-bottom: 0;

  border: 2px dotted #004B3C;

  border-radius: 10px;

  box-shadow: 0 4px 20px rgba(1, 1, 1, 0.1);

  /* background: linear-gradient(180deg, #fff7c4 0%, #f2c280 74.27%); */

  background: linear-gradient(180deg, #f8ec9f24 0%, #f8ec9f3b 74.27%);

  /* background: linear-gradient(180deg, #f8ec9f 0%, #f8ec9f 74.27%); */

    /* background: linear-gradient(-45deg, #44cd75, #2b5138); */

  padding:10px 10px;

  position: relative;

}



.make-money .services .icon-wrap{

  height: 92px;

  position: relative;

  margin-bottom: 15px;

}



.make-money .services h4{

  color: #004B3C;

  font-size: 1.5rem;

  font-weight: 700;

  line-height: 1.25;

  margin: 0 0 10px 0;

}





.make-money .services p {

    font-size: 1.0rem;

    font-weight: 400;

    line-height:  1.30;

    margin: 0;

    color: #1f2937;

    letter-spacing: 1px;

}

.make-money .services p strong{color: #2c5239;}

/* .how-it-works {



} */

.container-how-it-works {

  max-width: 1055px;

  padding-left: 15px;

  padding-right: 15px;

  margin-left: auto;

  margin-right: auto;

}



.how-it-works h3 {

  margin: 0 0 30px 0;

  font-size: 2.450em;

  text-align: center;

  font-weight: 700;

  

}



.how-it-works .mb-device{

  margin-top: 5rem;

  margin-bottom: 65px;

}



.text-l{font-size: 18px;

  line-height: 1.9rem;

  color: #46634f;}



.note{

  font-size: 12px; color: 2c5239;

}



.colr-gold{color: #fff4ad!important;}













/* 



@import url('https://fonts.googleapis.com/css?family=Exo:400,700');







.context {

    width: 100%;

    position: absolute;

    /* top:50vh;

     */







.circles{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.circles li{

    position: absolute;

    display: block;

    list-style: none;

    width: 20px;

    height: 20px;

    background: rgba(255, 255, 255, 0.2);

    animation: animate 25s linear infinite;

    bottom: -150px;

    

}



.circles li:nth-child(1){

    left: 25%;

    width: 50px;

    height: 50px;

    animation-delay: 0s;

}





.circles li:nth-child(2){

    left: 10%;

    width: 20px;

    height: 20px;

    animation-delay: 2s;

    animation-duration: 12s;

}



.circles li:nth-child(3){

    left: 70%;

    width: 20px;

    height: 20px;

    animation-delay: 4s;

}



.circles li:nth-child(4){

    left: 40%;

    width: 60px;

    height: 60px;

    animation-delay: 0s;

    animation-duration: 18s;

}



.circles li:nth-child(5){

    left: 65%;

    width: 20px;

    height: 20px;

    animation-delay: 0s;

}



.circles li:nth-child(6){

    left: 75%;

    width: 60px;

    height: 60px;

    animation-delay: 3s;

}



.circles li:nth-child(7){

    left: 35%;

    width: 70px;

    height: 70px;

    animation-delay: 7s;

}



.circles li:nth-child(8){

    left: 50%;

    width: 25px;

    height: 25px;

    animation-delay: 15s;

    animation-duration: 45s;

}



.circles li:nth-child(9){

    left: 20%;

    width: 15px;

    height: 15px;

    animation-delay: 2s;

    animation-duration: 35s;

}



.circles li:nth-child(10){

    left: 85%;

    width: 80px;

    height: 80px;

    animation-delay: 0s;

    animation-duration: 11s;

}



.padd-b-70{padding-bottom: 70px;}

.content-container{position: relative;}

.content-container .content-box{margin-bottom: 30px;}

.content-container .content-box:last-child{margin-bottom: 0px;}

.content-container h2{font-size: 2rem;font-weight: 600;color:#000;}

.content-container h3{font-size: 18px;font-weight: 600;color: #004B3C;text-transform: uppercase;}

.content-container h5{font-size: 16px;font-weight: 600;color:#000;}

.content-container p{color: #5a615c;line-height: 1.5;}

.content-container .content-box p:last-child{margin-bottom: 0px;}

.content-container p a{display: inline-block;color: #004B3C;text-decoration: underline;font-weight: 500;}

.content-container p strong{font-weight: 700;color:#000;}

.content-container ul{display: block;padding: 0px;margin: 0px;}

.content-container ul li{display: block;color: #5a615c;line-height: 1.5;margin-bottom: 1rem;}

.content-container .content-box ul li:last-child{margin-bottom: 0px;}

.content-container ul li strong{font-weight: 700;}

.content-container ul li a{display: inline-block;color: #004B3C;text-decoration: underline;font-weight: 500;}

.content-container ol{display: block;padding: 0px;margin: 0px;}

.content-container ol li{display: block;color: #5a615c;line-height: 1.5;margin-bottom: 1rem;}

.content-container .content-box ol li:last-child{margin-bottom: 0px;}

.content-container ol li strong{font-weight: 700;}

.content-container ol li a{display: inline-block;}



.content-container .roman_ol{list-style-type:lower-roman;padding-left: 18px;}

.content-container .roman_ol li{display: list-item;text-align: -webkit-match-parent;}



.content-container .alph_ol{list-style-type:lower-alpha;padding-left: 18px;}

.content-container .alph_ol li{display: list-item;text-align: -webkit-match-parent;}



.content-container .capalph_ol{list-style-type:upper-alpha;padding-left: 18px;}

.content-container .capalph_ol li{display: list-item;text-align: -webkit-match-parent;}



.content-container .bull_ul{list-style-type:disc;padding-left: 30px;}

.content-container .bull_ul li{display: list-item;text-align: -webkit-match-parent;}



.content-container .cirbull_ul{list-style-type:circle;padding-left: 30px;}

.content-container .cirbull_u li{display: list-item;text-align: -webkit-match-parent;}

.content-container .cirbull_u li strong{}



.store-btns{}

.store-btns a{text-align: center;border-radius: 6px;padding: 10px 15px;background-color: #F8EC9F;}

.store-btns a img{max-width: 100%;}



.mostpop-job{grid-template-columns: repeat(2, 1fr);}

.mostpop-job .feature-1{display: flex;align-items: center;flex-direction: column;justify-content: center;box-shadow: 0 0 3px rgb(0 0 0 / 30%);border-radius: 10px;padding: 15px 10px;background-color: #fff;height: 100%;}



.bullet-panel{gap: 30px;}

.bullet-point{}

.bullet-point i{width:35px;height: 35px;text-align: center;line-height: 35px;border-radius: 100%;background-color:#f3df93;color:#004B3C;}

.bullet-point span{font-weight: 700;color:#fff;font-size: 18px;}



.concept-icon{width: 52px;height: 52px;border-radius: 6px;display: flex;align-items: center;justify-content: center;flex: 0 0 auto;background-color: #F8EC9F;color: #000;}

.concept-icon i{font-size: 25px;}



@keyframes animate {



    0%{

        transform: translateY(0) rotate(0deg);

        opacity: 1;

        border-radius: 0;

    }



    100%{

        transform: translateY(-1000px) rotate(720deg);

        opacity: 0;

        border-radius: 50%;

    }



}



@media (min-width: 320px) and (max-width: 767px) {

  .make-money .services {grid-template-columns: repeat(2,1fr);gap: 15px;}

  .bullet-panel{gap: 15px;justify-content: center;}

  .bullet-point i{width:25px;height: 25px;line-height: 25px;font-size: 13px;}

  .bullet-point span{font-weight: 700;color:#fff;font-size: 15px;}

}



@media (min-width: 768px) and (max-width: 991px) {

  .mostpop-job{grid-template-columns: repeat(4, 1fr);}

  .make-money .services {grid-template-columns: repeat(3,1fr);}

}