/*-- -------------------------- -->
<---        Landing             -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #hero {
    position: relative;
    z-index: 1;
    min-height: 80vh; }
    #hero .hero-badge {
      display: block;
      width: calc(67 / 16 * 1rem);
      margin: auto;
      margin-top: calc(149 / 16 * 1rem);
      margin-bottom: calc(20 / 16 * 1rem); }
    #hero h1 {
      text-align: center;
      margin: auto;
      font-weight: 600;
      font-size: calc(32 / 16 * 1rem);
      margin-bottom: calc(30 / 16 * 1rem);
      line-height: auto;
      max-width: calc(947 / 16 * 1rem); }
    #hero p {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      max-width: calc(550 / 16 * 1rem); }
    #hero a {
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      margin-bottom: calc(60 / 16 * 1rem); }
    #hero .hero-img {
      display: none; } }
@media only screen and (min-width: 500px) {
  #hero h1 {
    font-size: calc(45 / 16 * 1rem); } }
/* Tablet */
@media only screen and (min-width: 48em) {
  #hero h1 {
    font-size: min(6vw, 4.75rem); }
  #hero .hero-img {
    display: block;
    width: min(80vw, 71.25rem);
    overflow: hidden;
    margin: auto;
    margin-bottom: calc(100 / 16 * 1rem);
    position: relative; }
    #hero .hero-img:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 42px;
      height: 80px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background: url("../assets/svgs/Play.svg") no-repeat center center;
      background-size: contain;
      pointer-events: none;
      z-index: 10; }
    #hero .hero-img img {
      width: 100%;
      height: auto;
      -o-object-fit: cover;
         object-fit: cover; } }
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---        Services            -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #services p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(575 / 16 * 1rem);
    margin-bottom: calc(60 / 16 * 1rem); }
  #services .services-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(28 / 16 * 1rem);
    max-width: calc(564 / 16 * 1rem);
    margin: auto;
    margin-bottom: calc(100 / 16 * 1rem); }
    #services .services-grid .service-card {
      position: relative;
      max-width: calc(264 / 16 * 1rem); }
      #services .services-grid .service-card .card-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
        #services .services-grid .service-card .card-top h4 {
          font-size: calc(15 / 16 * 1rem);
          font-weight: 600;
          background-color: #ffffff;
          width: 100%;
          height: 100%;
          border-radius: calc(10 / 16 * 1rem) calc(10 / 16 * 1rem) 0 0;
          padding: calc(20 / 16 * 1rem);
          padding-bottom: calc(33 / 16 * 1rem);
          -webkit-transform: translateY(0.5rem);
                  transform: translateY(0.5rem); }
        #services .services-grid .service-card .card-top .img-wrapper {
          height: 100%;
          position: relative; }
          #services .services-grid .service-card .card-top .img-wrapper::before {
            content: "";
            position: absolute;
            display: block;
            height: 100%;
            width: 100%;
            background: #fff;
            opacity: 1;
            top: 0;
            left: 0;
            z-index: 0; }
        #services .services-grid .service-card .card-top .service-icon {
          padding: calc(20 / 16 * 1rem);
          background-color: var(--light);
          position: relative;
          display: block;
          border-radius: 0 0 0 calc(10 / 16 * 1rem); }
      #services .services-grid .service-card .card-bottom {
        background-color: #ffffff;
        padding: calc(20 / 16 * 1rem);
        border-radius: 0 calc(10 / 16 * 1rem) calc(10 / 16 * 1rem) calc(10 / 16 * 1rem);
        text-align: center; }
        #services .services-grid .service-card .card-bottom p {
          text-align: left; }
        #services .services-grid .service-card .card-bottom .service-card-img {
          display: block;
          width: calc(224 / 16 * 1rem);
          border-radius: calc(10 / 16 * 1rem) calc(10 / 16 * 1rem) calc(10 / 16 * 1rem) calc(10 / 16 * 1rem);
          overflow: hidden; }
          #services .services-grid .service-card .card-bottom .service-card-img img {
            -o-object-fit: cover;
               object-fit: cover;
            width: 100%; } }
/* Tablet */
/* Small Desktop */
/* Desktop */
@media only screen and (min-width: 1300px) {
  #services .services-grid {
    max-width: none; } }
/*-- -------------------------- -->
<---        Why Us              -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #why-us .left {
    display: none; }
  #why-us h2 {
    text-align: center; }
  #why-us h3 {
    text-align: center; }
  #why-us p {
    text-align: center; }
  #why-us ul {
    list-style-type: none;
    text-align: center; }
    #why-us ul li {
      font-weight: 600; }
  #why-us a {
    display: inline-block;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-bottom: calc(100 / 16 * 1rem); } }
/* Tablet */
@media only screen and (min-width: 48em) {
  #why-us .sbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: calc(50 / 16 * 1rem);
    margin: auto;
    max-width: calc(1139 / 16 * 1rem); }
    #why-us .sbs .left {
      display: block; }
      #why-us .sbs .left .why-us-img {
        display: block;
        width: min(40vw, 28.5rem); }
        #why-us .sbs .left .why-us-img img {
          width: 100%;
          height: auto;
          -o-object-fit: cover;
             object-fit: cover; }
    #why-us .sbs .right {
      max-width: calc(555 / 16 * 1rem); }
    #why-us .sbs h2 {
      text-align: left; }
    #why-us .sbs h3 {
      text-align: left; }
    #why-us .sbs p {
      text-align: left; }
    #why-us .sbs ul {
      text-align: left; }
      #why-us .sbs ul li {
        position: relative;
        left: calc(50 / 16 * 1rem); }
        #why-us .sbs ul li::before {
          content: "";
          position: absolute;
          left: calc(-50 / 16 * 1rem);
          color: var(--primary);
          font-size: calc(20 / 16 * 1rem);
          line-height: 1;
          top: -0.2rem;
          width: 2rem;
          height: 2rem;
          background-image: url("../assets/svgs/Property%201=Cerfitifed.svg");
          background-repeat: no-repeat;
          background-size: contain; }
        #why-us .sbs ul li:nth-of-type(2)::before {
          background-image: url("../assets/svgs/Property%201=Tree.svg"); }
        #why-us .sbs ul li:nth-of-type(3)::before {
          background-image: url("../assets/svgs/Property%201=Trophy.svg"); }
    #why-us .sbs a {
      left: 0;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---        What we do          -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #how-it-works p {
    text-align: center; }
    #how-it-works p:nth-of-type(1) {
      margin: auto;
      margin-bottom: calc(60 / 16 * 1rem); }
  #how-it-works .hiw-card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(32 / 16 * 1rem);
    max-width: calc(1135 / 16 * 1rem);
    margin: auto;
    margin-bottom: calc(50 / 16 * 1rem); }
    #how-it-works .hiw-card-container .hiw-card {
      max-width: calc(357 / 16 * 1rem); }
      #how-it-works .hiw-card-container .hiw-card img {
        display: block;
        margin: auto;
        margin-bottom: calc(30 / 16 * 1rem);
        background-color: #ffffff;
        padding: 20px;
        border-radius: calc(10 / 16 * 1rem); }
      #how-it-works .hiw-card-container .hiw-card h4 {
        margin-bottom: calc(10 / 16 * 1rem); }
      #how-it-works .hiw-card-container .hiw-card h5 {
        text-align: center;
        font-weight: 600;
        font-size: min(7vw, 1.5rem);
        margin-bottom: calc(10 / 16 * 1rem); }
      #how-it-works .hiw-card-container .hiw-card p {
        margin-bottom: 0; }
  #how-it-works a {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-bottom: calc(100 / 16 * 1rem); } }
/* Tablet */
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---        Portfolio           -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #portfolio .container {
    max-width: calc(1135 / 16 * 1rem); }
  #portfolio p {
    text-align: center;
    margin-bottom: calc(30 / 16 * 1rem);
    max-width: calc(445 / 16 * 1rem);
    margin-left: auto;
    margin-right: auto; }
  #portfolio .portfolio-card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(30 / 16 * 1rem);
    max-width: calc(1135 / 16 * 1rem);
    margin: auto;
    margin-bottom: calc(100 / 16 * 1rem); }
    #portfolio .portfolio-card-container .portfolio-card {
      position: relative;
      z-index: 1;
      margin-top: calc(-200 / 16 * 1rem);
      max-width: 100%; }
      #portfolio .portfolio-card-container .portfolio-card .portfolio-card-content {
        max-width: calc(300 / 16 * 1rem);
        background-color: #ffffff;
        z-index: 1;
        padding: 20px;
        border-radius: calc(10 / 16 * 1rem) calc(10 / 16 * 1rem) calc(100 / 16 * 1rem) calc(10 / 16 * 1rem);
        margin: auto; }
        #portfolio .portfolio-card-container .portfolio-card .portfolio-card-content p {
          font-size: calc(19 / 16 * 1rem);
          text-align: left;
          font-weight: 600; }
        #portfolio .portfolio-card-container .portfolio-card .portfolio-card-content img {
          padding: calc(15 / 16 * 1rem);
          background-color: var(--accent);
          border-radius: 50%; }
        #portfolio .portfolio-card-container .portfolio-card .portfolio-card-content .h2-small {
          text-align: left;
          text-transform: none; }
      #portfolio .portfolio-card-container .portfolio-card picture {
        display: block;
        position: relative;
        z-index: -1;
        overflow: visible;
        -webkit-transform: translateY(calc(200 / 16 * 1rem));
                transform: translateY(calc(200 / 16 * 1rem)); }
        #portfolio .portfolio-card-container .portfolio-card picture img {
          background-position: center;
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%;
          height: auto; } }
@media only screen and (min-width: 1046px) {
  #portfolio .container {
    max-width: calc(1135 / 16 * 1rem); }
  #portfolio .portfolio-card-container {
    max-width: calc(1135 / 16 * 1rem);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
/* Tablet */
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---            faq             -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #faq h3 {
    margin-bottom: calc(60 / 16 * 1rem); }
  #faq .container {
    margin-bottom: calc(100 / 16 * 1rem); }
  #faq .faq-card {
    position: relative;
    background: #ffffff;
    padding: calc(30 / 16 * 1rem);
    margin: auto;
    margin-bottom: calc(30 / 16 * 1rem);
    max-width: calc(750 / 16 * 1rem); }
    #faq .faq-card h4 {
      line-height: calc(32 / 16 * 1rem);
      margin-bottom: 0; }
    #faq .faq-card .faq-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #faq .faq-card .faq-openable {
      overflow: hidden;
      max-height: 0;
      -webkit-transition: max-height 0.1s linear, margin-top 0.1s linear;
      transition: max-height 0.1s linear, margin-top 0.1s linear; }
      #faq .faq-card .faq-openable.collapsed {
        max-height: 0;
        margin-top: 0; }
      #faq .faq-card .faq-openable.opened {
        max-height: 1000px;
        margin-top: calc(30 / 16 * 1rem); }
      #faq .faq-card .faq-openable p {
        margin: 0; } }
/* Tablet */
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---            cta             -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #final-cta .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: calc(397 / 16 * 1rem);
    z-index: 1;
    padding: calc(20 / 16 * 1rem);
    text-align: center;
    max-width: calc(1135 / 16 * 1rem);
    margin-bottom: calc(100 / 16 * 1rem); }
  #final-cta picture {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    left: 0;
    top: 0;
    border-radius: calc(25 / 16 * 1rem); }
    #final-cta picture::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 63, 46, 0.6);
      z-index: 1; }
    #final-cta picture img {
      background-position: center;
      min-width: 100%;
      display: block;
      min-height: 100%; }
  #final-cta h2, #final-cta p {
    color: #FFFFFF;
    margin-bottom: 0;
    margin-bottom: calc(20 / 16 * 1rem); }
  #final-cta h2 {
    font-weight: 600;
    font-size: calc(32 / 16 * 1rem); } }
/* Tablet */
@media only screen and (min-width: 48em) {
  #final-cta h2 {
    font-size: min(6vw, 4rem); } }
/* Small Desktop */
/* Desktop */

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