h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', sans-serif;
}
p, ul li, ol li, span {
  font-family: 'Rubik', sans-serif;
}
figcaption {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #6C7586;
  margin-top:10px;
  margin-bottom: 30px;
}
figure img {
  width: 100%;
}
h2 .blue-txt,
h3 .blue-txt,
h4 .blue-txt,
h1 .seo-blue-txt,
h2 .seo-blue-txt,
h3 .seo-blue-txt {
  font-family: 'Outfit', sans-serif;
}
h1 span {
  font-family: 'Outfit', sans-serif;
}
a {
    color: #eb4647;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: none;
}
/* Home page CSS ----------------------------------------------------------------------------------- */

    /* Inner header section*/
      .breadcrumb {
        border-top: 1px solid #6C7586;
        border-bottom: 1px solid #6C7586;
        position: relative;
        top: 30px;
        display: flex;
        margin-bottom: 0px;
        position: relative;
        z-index: 999;
      }
      .breadcrumb p {
        color: #ffffff;
        display: inline-block;
        font-size: 12px;
        line-height: 30px;
        margin-bottom: 0px;
      }
      .breadcrumb p span {
        color: #6C7586;
        display: inline-block;
        margin-right: 6px;
      }
      .home-lnk {
        text-decoration: none;
        color: #6C7586;
      }
      .home-lnk:hover {
        color:#eb4647;
      }
      .home-lnk:active {
        color:#eb4647;
      }
      .seo-header-bg-section .button-section {
        padding-top: 50px;
      }
      .seo-header-model {
        position: absolute;
        z-index: 1;
        left: -80px;
        top: 213px;
      }
      .seo-model-bg {
        width: 140px;
        height: 500px;
        background: #232937;
        border-radius: 10px;
      }
    /* Inner header section*/
    /* Circle Animation */
      .cta {
        position: relative;
        margin: auto;
        padding: 15px 23px 19px 24px;
        text-decoration: none;
        color: #fff;
        cursor: pointer;
        top: 29px;
        /* transition: all 0.2s ease; */
        transition: all 0.5s cubic-bezier(.75, .25, .13, .92);
        display: inline-block;
      }
      .cta:before {
        content: "";
        position: absolute;
        top: 0;
        left:0;
        display: block;
        border-radius: 28px;
        background:#EB4647;
        width: 56px;
        height: 56px;
        /* transition: all 0.3s ease; */
        transition: all 0.5s cubic-bezier(.75, .25, .13, .92);
      }
      .cta span {
        position: relative;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.5px;
        vertical-align: middle;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
      }
      .cta .white-arrow {
          
      }
      .cta .white-arrow {
        margin-left: 35px;
        position: relative;
        transform: translateX(-1px);
        transition: all 0.5s cubic-bezier(.75, .25, .13, .92);
        background-size: contain;
        position: absolute;
        left: -5px;
        top: 22px;
      }
      .cta span {
          left: 70px;
          transition: all 0.5s cubic-bezier(.75, .25, .13, .92);
      }
      .cta:hover:before {
        width: 100%;
        background:#EB4647;;
      }
      .cta:hover svg,
      .cta:hover .fa,
      .cta:hover .next-arrow,
      .cta:hover .white-arrow {
        transform: translateX(0);
         width: 0;
         margin: 0;
         padding: 0;
         transition: all 0.5s cubic-bezier(.75, .25, .13, .92);
         opacity: 0;
      }
      .cta:hover span {
          margin-left: 0;
          transition: all 0.5s cubic-bezier(.75, .25, .13, .92);
          left: 0;
          color: #fff;
      }
      .cta:active {
        transform: scale(0.96);
      }
    /* Default CSS */

    /* Blue border and Red Color Dot */
      .static-bar .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0,0,0,.1);
        height: 1px;
        position: relative;
      }
      .static-bar .blue-bar {
        height: 3px;
        border-radius: 5px;
        background: #2fa2eb;
        position: absolute;
        right: 0px;
        width: 100px;
        top: -1px;
      }
      .static-bar .red-dot {
        position: relative;
        top: 4px !important;
      }
    /* Blue border and Red Color Dot */

    /* Swipper Slider */
      .swiper {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        margin-bottom: 50px;
      }
      .swiper-slide img {
        display: inline-block;
        width: auto;
        margin-bottom: 15px;
      }
      .about-client-section .swiper-slide img {
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
        border-radius: 30px;
        border: 4px solid #fff;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0.05), 0 6px 20px 0 rgb(0 0 0 / 0.05);
      }
      .swiper-horizontal>.swiper-scrollbar {
        height: 1px;
      }
      .swiper-scrollbar-drag {
        background: #2fa2eb;
        height: 5px;
        top: -2px;
        position: relative;
        margin-bottom: 0px;
      }
      .swiper-horizontal>.swiper-scrollbar {
        left: 0;
      }
      .red-dot {
        width: 8px;
        height: 8px;
        background: #eb4647;
        border-radius: 50%;
        position: relative;
        top: 0px;
        z-index: 990;
      }
    /* Swipper Slider 

    /* header section*/
      .homepage .header-image {
        background-image: url('https://agencemarketing.fr/assets/images/agence-marketing-header.jpg'); 
      }
      header-section {
        position: relative;
      }
      .header-image {
        background-repeat:no-repeat; 
        width: 850px; 
        height: 850px;
        left: 50%;
        top: 100px;
        position: absolute;
        overflow: hidden;
        -webkit-border-radius: 30px;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius: 30px;
        -moz-border-radius-topright: 0;
        border-radius: 30px;
        border-top-right-radius: 0;
      }
      .header-bg {
          background: #171c26;
          position: absolute;
          left: 20%;
          top: 0px;
          width: 32%;
          height: 900px;
          border-bottom-left-radius: 20px;
      }
      .seo-paying-sea .header-bg {
        height: 670px;
      }
      .site-ecommerce-page .header-bg {
        height: 670px;
      }
      @media only screen and (max-width: 3120px) {
        .header-bg {
          left: 20%;
          width: 32%;
        }
      }
      @media only screen and (max-width: 2920px) {
        .header-bg {
          left: 17%;
          width: 35%;
        }
      }
      @media only screen and (max-width: 2720px) {
        .header-bg {
          left: 14%;
          width: 38%;
        }
      }

      @media only screen and (max-width: 2520px) {
        .header-bg {
          left: 12%;
          width: 41%;
        }
      }
      @media only screen and (max-width: 2120px) {
        .header-bg {
          left: 6%;
          width: 48%;
        }
      }
      @media only screen and (max-width: 1920px) {
        .header-image {
          width: 810px;
        }
        .header-bg {
          left: 7%;
          width: 46%;
        }
      }
      @media only screen and (max-width: 1710px) {
        .header-image {
          width: 810px;
        }
        .header-bg {
          left: 1%;
          width: 52%;
        }
      }
      @media only screen and (max-width: 1550px) {
        .header-image {
          width: 730px;
        }
      }
      @media only screen and (max-width: 1420px) {
        .header-image {
          width: 650px;
        }
      }
      @media only screen and (max-width: 1270px) {
        .header-image {
          width: 580px;
        }
      }
      @media only screen and (max-width: 1024px) {
        .header-model .model-bg {
          height: 560px;
        }
        .header-bg {
          left: 0px;
          width: 100%;
          border-radius: 0px;
        }
        .header-image {
          width: 500px;
        }
        .header-image {
          width: 100%; 
          height: auto;
          border-radius: 30px;
          left: 0;
          top: 100px;
          position: relative;
        }
      }
      .header-content-section {
        position: relative;
        left: 0px;
      }
      .logo-sec {
        position: relative;
        top: 10px;
       }
      .header-model {
        position: absolute;
        z-index: 1;
        left: -80px;
        top: 150px;
      }
      .header-model .model-bg {
        width: 140px;
        height: 515px;
        background: #232937;
        border-radius: 10px;
      }
      .homepage .header-model .model-bg {
        height: 550px;
      }
      .header-text {
        position: relative;
        z-index: 10;
        padding-top: 100px;
        padding-bottom: 20px;
      }
      .inner-pages .header-text {
        padding-top: 130px;
      }
      .small-case {
        color: #ddd;
        font-size: 12px;
        line-height: 18px;
        position: relative;
        top: 35px;
      }
      .header-text h1 {
        font-weight: bold;
        font-size: 90px;
        line-height: 90px;
        color: #fff;
        display: grid;
        z-index: 10;
      }
      .seo-ecommerce .header-text h1 {
        font-size: 70px;
        line-height: 70px;
      }
      .header-text h1 span {
        display: inline-block;
      }
      .mid-txt {
        color: #2FA2EB;
      }
      .header-text h1 span span.dot {
        background: #2FA2EB;
        position: relative;
        height: 18px;
        width: 18px;
        display: inline-block;
        z-index: 99;
        left: -15px;
        border-radius: 50%;
      }
      .seo-ecommerce .header-text h1 span span.dot {
        height: 13px;
        width: 13px;
        left: -10px;
      }
      .logo-img{
        margin-left: 0px;
      }
      .line1 {
        position: relative;
        width: 100%;
        height: 0px;
        opacity: 0.2;
        border-top: 1px solid #EEEFF1;
        z-index: 10;
        margin: 8px 0 20px;
      }
      .line2 {
        position: relative;
        width: 100%;
        height: 0px;
        opacity: 0.2;
        border-top: 1px solid #EEEFF1;
        z-index: 10;
        margin: 20px 0 8px;
      }
      .line3 {
          position: relative;
          width: 47px;
          opacity: 3.2;
          border: 1px solid #2da2e9;
          transform: rotate(90deg);
      }
      .header-sub-txt p {
          font-size: 14px;
          font-weight: 500;
          line-height: 24px;
          margin-bottom: 0px;
      }
      .header-sub-txt {
        position: relative;
        color: #fff;
        z-index: 10;
        border-left: 3px solid #2fa2eb;
        padding-left: 12px;
        width: 100%;
        text-transform: uppercase;
      }
      .sub-blue-txt {
        color: #2FA2EB;
      }
      .second-sub-header-txt {
          position: relative;
          z-index: 10;
          color: #fff;
          font-size: 18px;
          font-weight: 300;
          padding-top: 25px;
      }
      .button-section {
        position: relative;
        z-index: 990;
      }
      .header-bg-section .button-section {
        padding-top: 50px;
      }
      .seo-ecommerce .header-bg-section .button-section {
        padding-top: 80px;
      }
      .hamburger1 {
        position: relative;
        z-index: 10;
        left: 0;
        top: 0px;
        margin: 10px;
        display: -ms-grid;
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        justify-items: center;
        z-index: 120;
        background-color: #EB4647;
        height: 50px;
        width: 50px;
        border-radius: 32px;
        float: right;
        cursor: pointer;
        z-index: 9999;
      }
      
      .hamburger1 div, .hamburger1 span {
        background-color: #fff;
        position: relative;
        z-index: 10;
        width: 20px;
        height: 2px;
        margin-top: 8px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
      }
      
      .top{
        top: 9px;
        left:-2px;
      }

      .meat {
        width: 13px !important;
        left: -5px;
      }
      /*.bottom{
        bottom: 8px;
      }*/
      .bottom {
        bottom: 9px;
        left: -2px;
      }

      #toggle1 {
        display: none;
      }

      #toggle1:checked + .hamburger1 {
      }
      
      #toggle1:checked + .hamburger1 .top {
        -webkit-transform: rotate(-45deg) translate(-4px, 5px);
        transform: rotate(-45deg) translate(-4px, 6px);
      }
      
      #toggle1:checked + .hamburger1 .meat {
       opacity: 0;
      }
      
      #toggle1:checked + .hamburger1 .bottom {
        -webkit-transform: rotate(45deg) translate(-5px, -7px);
        transform: rotate(45deg) translate(-5px, -7px);
      }
      
      #toggle1:checked ~ .menu1 {
        height: 650px;
      }
      
      
      /* Menu */
      .menu1 {
        margin: 0;
        display: -ms-grid;
        display: grid;
        align-items: end;
        grid-template-rows: 1fr repeat(4, 0.5fr);
        grid-row-gap: 25px;
        padding: 0;
        list-style: none;
        clear: both;
        width: auto;
        text-align: center;
        height: 0px;
        overflow: hidden;
        transition: height .4s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #000;
        width: 100%;
        position: absolute;
        z-index: 9990;
        opacity: 0.9;
      }
      
      .menu1 a:first-child {
        margin-top: 90px;
      }      
      .menu1 a:last-child {
        margin-bottom: 40px;
      }
      
      .link1 {
        width: 100%;
        margin: 0;
        padding: 10px 0;
        font-family: 'Oswald', sans-serif;
        text-decoration: none;
        font-weight: 500;
        font-size: 16px;
        line-height: 40px;
        color:#fff;
      }
      
      .link1:hover {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color:#EB4647;
      }
    /* header section*/

    /* icon section */
      .icon-section {
        padding-top: 350px;
      }
      .homepage .icon-section {
        padding-top: 250px;
        padding-bottom: 60px;
      }
      .icon-section img {
        display: block;
        margin: 0 auto 18px;
      }

      .icon-section h2 {
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #171C26;
        margin-bottom: 0px;
        text-transform: uppercase;
      }

      .icon-section h3 {
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #6C7586;
        font-family: 'Rubik', sans-serif;
      }
      .homepage .icon-section .icon-content-section {
        width: 80%;
        margin: auto;
      }
      @media only screen and (max-width: 1024px) {
        .homepage .icon-section .icon-content-section {
          width: 100%;
        }
      }
    /* icon section */

    /* Card Section */
      .st-card-sec{}
      .card-bg .top-left-num {
        position: relative;
        width: 40px;
        height: 27px;
        left: 29.2px;
        top: 35px;
        font-weight: 500;
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        color: #2FA2EB;
        font-family: 'Outfit', sans-serif;
      }

      .card-bg{
        background: #FFFFFF;
        box-shadow: 4px 4px 40px rgb(108 117 134 / 15%);
        border-radius: 30px;
        position: relative;
        overflow: hidden;
        height: 450px;
      }

      .card-bg .left-num {
        position: absolute;
        top: -70px;
        right: 50px;
        font-weight: 900;
        font-size: 120px;
        line-height: 200px;
        color: #F6F9FB;
        font-family: 'Outfit', sans-serif;
      }

      .inner-text-sec {
        position: relative;
        width: 75%;
        height: 300px;
        left: 65px;
        top: 30px;
        background: #F6F9FB;
        border-radius: 10px;
        font-size: 16px;
        line-height: 26px;
        color: #6C7586;
        padding: 30px 30px;
        margin-bottom: 100px;
      }
      .inner-text-sec p {
        height: 186px;
        overflow: hidden;
      }
      .circle2  {
        width: 50px;
        height: 50px;
        background: #EB4647;
        border-radius: 50%;
        position: absolute;
        bottom: 50px;
        right: 50px;
     }
     .card-bg .circle2 {
      right: 70px;
     }
     .circle2 > img  {
        position: relative;
        left: 25px;
        top: 12px;
     }
     .box_overlay .button-section {
        position: absolute;
        bottom: 70px;
        right: 70px;
     }
    /* Card Section */

    /* client section */
      .box_inner {
          position: relative;
      }

      .box_top {
          margin-bottom: 90px;
      }
      .box_underlay {
        background: #171c26;
        position: absolute;
        width: 100%;
        height: 0;
        top: 0;
        left: 0;
        transition: all 0.5s ease;
        border-radius: 30px;
      }

      .box_overlay {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0px;
          padding: 0;
          opacity: 0;
          transform: matrix(1, 0, 0, 1, -15, 0);
          transition: all 0.5s ease;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          flex-direction: column;
          -webkit-box-pack: center;
          justify-content: center;
          -webkit-box-align: start;
          align-items: flex-start;
          align-content: stretch;
      }
      .box_overlay .card-bg {

      }
      .box_overlay .card-bg p {

      }
      .box_overlay .card-bg .left-num {

      }
      .box_overlay h4 {
          color: #070808;
          margin-bottom: 35px;
      }
      .box_inner h4 span {
          color: #eb4647;
      }
      .box_inner h4 {
          color:#000;
      }
      .box_overlay h4{
          color:#fff;
      }
      .box_overlay ul {
          list-style: none;
          padding: 0;
          margin: 0;
      }


      /* Overlay CSS */
      .box_inner:hover .box_overlay {
        opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0);
        color: #fff;
      }
      .box_inner:hover .box_underlay {
        height: 450px;
      }
      .box_overlay .card-bg {
        background: #171c26;
        height: 450px;
        padding-right: 11.15%;
      }
      .box_overlay .inner-text-sec {
        position: relative;
        width: 75%;
        top: 80px;
        left: 30px;
        background: transparent;
        border-radius: 10px;
        font-size: 28px;
        line-height: 40px;
        color: #fff;
        padding: 30px 0px;
        margin-bottom: 0px;

      }

      .section-client {
        padding: 90px 0 60px;
      }
      .left-client-sec {
        border-left: 5px solid #2FA2EB;
        padding-left: 20px;
        font-weight: 500;
        font-size: 60px;
        line-height: 60px;
      }
      .left-client-sec h2 {
        font-size: 60px;
        line-height: 60px;
      }
      .client-para {
        color: #6C7586;
        font-size: 16px;
        line-height: 24px;
        margin-top: 48px;
        margin-left: 60px;
      }
      .blue-txt {
        color: #2FA2EB;
      }
    /* client section */
        
    /* service and experctise*/  
      .services-secction {
        padding: 100px 0 60px 0;
      }
      .services-secction-bg {
        background-color: #F6F9FB;
        margin:80px 0; 
        padding-bottom: 80px;
      } 
      .services-sec h2 {
        position: relative;
        font-weight: bold;
        font-size: 70px;
        line-height: 70px;
        margin: 70px 0 50px;
        color: #171C26;        
      }
      .srvc-dot {
        width: 10px;
        height: 10px;
        background:#2fa2eb;
        display: inline-block;
        border-radius: 50%;
        margin-left: 5px;
      }
      .services-secction-bg .services-sec .srvc-dot {
        width: 12px;
        height: 12px;
      }
      .srvc-card {
        background-color: #fff;
        box-shadow: 4px 4px 37px rgb(108 117 134 / 15%);
        border-radius: 30px;
        padding: 30px 30px 30px;
        height: 650px;
        margin-bottom: 30px;
        overflow: hidden;
        display: block;
        transition: all 0.6s ease 0s;
      }
      .srvc-card:hover {
        box-shadow: 0px 0px 0px rgb(108 117 134 / 15%);
        transform: translateY(-5px);
        background: rgba(108 117 134 / 0.0)
      }
      .srvc-heading {
        position: static;
        width: 204px;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #171C26;
      }
      .srvc-heading p {
        font-family: 'Outfit', sans-serif;
      }
      .srvc-list ul {
        list-style: none;
        margin: 0;
        padding: 0 0 0 10px;
      }
      .srvc-list li::before {
        content: ' \2022';
        color: #EB4647;      
        position: relative;
        left: -10px;
        font-size: 30px;
      }
      .srvc-list li {
        font-size: 16px;
        line-height: 24px;
        display: flex;
        color: #6C7586;
        margin-bottom: 10px;
      }
      .srvc-card .icon {
        padding: 10px 0;
        margin-bottom: 20px;
      }
      .srvc-list {
        position: relative;
      }
    /* service and experctise*/     

    /* revenue section*/
      .de-revenue {
        margin-bottom: 80px;
      }
      .revenue-item-bg {
        position: relative;
        bottom: 30px;
        right: 30px;
      }
      .revenue-heading {
        border-left: 4px solid #2fa2eb;
        width: 85%;
        padding: 7px 0 7px 18px;
        margin-bottom: 60px;
      }
      .de-revenue h3 {
          font-weight: 500;
          font-size: 56px;
          line-height: 60px;
          color: #171C26;
      }

      .de-revenue h4 {
          font-weight: 300;
          font-size: 30px;
          line-height: 40px;
          color: #171C26;
      }

      .de-revenu-row {}
      .revenue-card{
          background: #171C26;
          border-radius: 30px;
          height: 260px;
          margin-bottom: 70px;
          padding: 40px;
      }

      .revenu-inner-txt p {
          font-weight: normal;
          font-size: 20px;
          line-height: 30px;
          color: #FFFFFF;
          text-align: left;
          font-weight: 300;
      }
      .de-revenue .red-dot {
          top: -8px;
      }
      @media only screen and (max-width: 1024px) {
        .revenue-heading {
          width: 100%;
        }
      }
      /* @media only screen and (max-width: 1024px) { */

      .le-resultats {}
      .le-resultats h2 {
        font-weight: bold;
        font-size: 70px;
        line-height: 70px;
        color: #171C26;
        margin-bottom: 50px;
      }
      .le-resultats h2 .dot2 {
        background: #2FA2EB;
        border-radius: 50%;
        width: 12px;
        height: 12px;
        display: inline-block;
        margin-left: -7px;
      }
      .resultats-card .sub-heading {
          font-size: 16px;
          line-height: 26px;
          color: #2FA2EB;
          padding: 10px 20px;
          background: #D9EEFC;
          border-radius: 10px;
          margin-bottom: 40px;
          font-family: 'Rubik', sans-serif;
          font-weight: 400;
      }
      .heading-txt {
          font-weight: bold;
          font-size: 16px;
          line-height: 24px;
          text-transform: uppercase;
          color: #171C26;
          flex: none;
          order: 1;
          margin-bottom: 20px;
      }
      .resultats-card {
          background: #FFFFFF;
          box-shadow: 4px 4px 37px rgb(108 117 134 / 15%);
          border-radius: 10px;
          padding: 30px 25px;
          margin-right: 5px;
          margin-bottom: 30px;
          min-height: 380px;
      }
      .resultats-card p {
        font-weight: 300;
      }
      .resultats-card .red-dot{
          color: #EB4647;
          margin-right: 10px;
          display: inline-block;
      }
      .sub-heading1{
          font-size: 16px;
          line-height: 26px;
          color: #2FA2EB;
          padding: 10px 20px;
          background: #D9EEFC;
          border-radius: 10px;
      }
    /* revenue section*/

    /* le-process-sec*/

      .le-process-sec {
        border-left: 4px solid #2fa2eb;
        width: 85%;
        padding: 10px 0 10px 18px;
        margin-bottom: 70px;
      }

     .le-process-sec h3 {
        font-weight: 500;
        font-size: 60px;
        line-height: 60px;
        color: #171C26;
     }

     .le-process-sec h4 {
      font-weight: 300;
      font-size: 30px;
      line-height: 40px;
      color: #171C26;
      flex: none;
      order: 1;
      flex-grow: 0;
      margin: 0px;
     }

      .blue-line2 {
        opacity: 3.2;
        border: 2px solid #2da2e9;
        transform: rotate(90deg);
        color: #2da2e9;
      }

      .le-process-section {
        background: #F6F9FB;
        padding: 75px 0;
        margin: 50px 0 80px;
      }

      .le-process-image{
        border-radius: 30px;
      }
      .le-process-card h3{
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        color: #171C26;
        flex: none;
        margin: 20px 0px;
      }

      .le-process-card h4{
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #6C7586;
        font-weight: 400;
      }

      .le-process-card {
        border: 2px solid #EEEFF1;
        box-sizing: border-box;
        border-radius: 30px;
        margin-bottom: 30px;
        padding: 30px;
        min-height: 520px;
        transition: all 0.6s ease 0s;
      }
      .le-process-card:hover {
        background: #fff;
        transform: translateY(-5px);
        border: 2px solid #f2f2f2;
      }
      .le-process-image-big {
        width: 100%;
      }
      .icon-le-process{
        display: block;
        margin: auto;
        margin-top: 20px;
      }
    /* le-process-sec*/

    /* market-startegies*/
      .market-startegies {
        background-size: contain;
        background-repeat: no-repeat;
        padding: 80px 50px 50px 100px;
        margin-bottom: 80px;
      }

      .market-startegies h3 {
        font-weight: 500;
        font-size: 60px;
        line-height: 60px;
        color: #FFFFFF;
       }
       .market-startegies h4 {
        font-weight: 300;
        font-size: 30px;
        line-height: 40px;
        color: #FFFFFF;
       }
       .market-startegies .button-section {
          margin-bottom: 100px;
       }
    /* market-startegies*/

    /* platforms*/
      .plateformes-section {
        margin-bottom: 60px;
      }
      .plateformes-section .plate-forme .dot2 {
          width: 10px;
          height: 10px;
          background: #2fa2eb;
          display: inline-block;
          border-radius: 50%;
          margin-left: -10px;
      }
      .plate-forme {
        border-left: 4px solid #2fa2eb;
        width: 85%;
        padding: 7px 0 7px 18px;
        margin-bottom: 75px;
      }
      .plateformes-section .red-dot {
        top: -8px;
      }
      .plate-forme h3 {
        font-weight: 500;
        font-size: 60px;
        line-height: 60px;
        color: #171C26;
        margin: 0px;
        margin-bottom: 21px;
      }
      .online-platform {}
      .swiper-logo-list {
        margin-bottom: 60px;
        display: flex;
      }
      .swiper-logo-list .swiper-slide {
        width: 17%;
        float: left;
        border: 1px solid #ddd;
        border-radius: 15px;
        margin: 0 1.5%;
      }
      .swiper-logo-list .swiper-slide img {
        margin: 15px auto;
      }
      @media screen and (max-width: 1024px) {
        .swiper-logo-list .swiper-slide {
          width: 30%;
        }
      }
      @media screen and (max-width: 767px) {
        .swiper-logo-list .swiper-slide {
          width: 50%;
        }
      }
      /* platforms*/

      /* Qns ANd Ans */
       .qns-ans{
        font-family: 'Rubik', sans-serif;
       }

       .qns-ans h3 {
        font-weight: bold;
        font-size: 70px;
        line-height: 70px;
        color: #171C26;
        margin-bottom: 10px;
        text-align: left;
        margin-bottom: 80px;
       }
       .qns-ans h4 {
        font-weight: 400;
        font-size: 30px;
        line-height: 40px;
        color: #171C26;
        margin-bottom: 70px;
        text-align: left;
       }
       .qns-ans h3 .blue-dot {
        background: #2FA2EB;
        height: 10px;
        width: 10px;
        border-radius: 50px;
        display: inline-block;
        left: 3px;
        position: relative;
       }
      .accordion {
        padding: 10px 0;
        width: 100%;
        text-align: left;
        outline: none;
        transition: 0.4s;
        border: none;
        border-bottom: 1px solid #EEEFF1;
        background-color: #fff;
        font-weight: normal;
        font-size: 18px;
        line-height: 29px;
        color: #171C26;
        font-family: 'Rubik', sans-serif;
        margin-bottom: 0px;
      }
      .accordion .blue-txt {
        color: #2FA2EB;
        margin-right: 18px;
        font-weight: 700;
      }
      .faq-questions {
        margin-bottom: 80px;
        margin-top: 80px;
      }
      .faq-questions .panel ul {
        font-size: 15px;
        line-height: 24px;
        color: #6C7586;
        padding: 30px 30px 15px;
        font-weight: 400;
      }
      .accordian-sec {
        position: relative;
      }
      .faq-questions .active, 
      .accordion:hover {
        background-color: #fff;
      }
      .faq-questions .accordion:after {
        content: '\002B';
        color: #fff;
        font-weight: bold;
        float: right;
        background: #EB4647;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        padding-left: 19px;
        padding-top: 10px;
        font-size: 18px;
      }
      .faq-questions .active:after {
        content: "\2212";
        color: #fff;
        font-weight: bold;
        float: right;
        background: #2FA2EB;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        padding-left: 19px;
        padding-top: 10px;
        font-size: 18px;
      }
      .faq-questions .panel {
        padding: 0px 0px;
        background-color: #F6F9FB;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        border-radius: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
      }
      .faq-questions .panel p {
        font-size: 15px;
        line-height: 24px;
        color: #6C7586;
        padding: 25px 25px 15px;
        font-weight: 400;
      }
      .accordion {
        display: flex;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
      }
      .accordion .accordian-text {
        display: inline-block;
        width: 90%;
        display: flex;
        align-items: center;
        font-size: 18px;
        line-height: 28px;
      }
    /* Qns ANd Ans */

    /*reserve*/
      .calltoaction-section {
        position: relative;
        margin-bottom: 100px;
      }
      .left-reserve-sec {
          background: #171C26;
          border-radius: 30px;
          position: relative;
          height: 450px;
      }
      .left-reserve-sec h3 {
        color: #fff;
          position: relative;
          font-weight: 500;
          font-size: 60px;
          line-height: 60px;
      }
      .left-back-cover {
        position: absolute;
        left: -70px;
        top: 45px;
        z-index: 10;
        background: #232937;
        width: 160px;
        height: 230px;
        border-radius: 30px;
      }
      .seo-paying-sea .calltoaction-section.bottom-section .left-back-cover {
        height: 250px;
      }
      .seo-paying-sea .calltoaction-section.bottom-section .button-section {
          padding-top: 30px;
      }
      .left-reserve-sec .calltoaction-content {
        position: relative;
        z-index: 999;
        left: 0px;
        top: 80px;
      }
      .left-reserve-sec p {
          color: #fff;
          font-weight: 300;
          font-size: 30px;
          line-height: 40px;
          font-family: 'Outfit', sans-serif;
      }
      .right-image-reserve {
        -webkit-border-radius: 30px;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius: 30px;
        -moz-border-radius-topright: 0;
        border-radius: 30px;
        border-top-right-radius: 0;
        overflow: hidden;
        position: absolute;
        left: 95%;
        top: -35px;
        width: 100%;
      }
      .calltoaction-section .header-bg {
          background: #171c26;
          border-radius: 30px;
          position: absolute;
          left: 20%;
          top: 0px;
          width: 32%;
          height: 450px;
          border-bottom-left-radius: 20px;
          z-index: 5;
      }
      @media only screen and (max-width: 3120px) {
        .calltoaction-section .header-bg {
          left: 20%;
          width: 32%;
        }
      }
      @media only screen and (max-width: 2920px) {
        .calltoaction-section .header-bg {
          left: 17%;
          width: 35%;
        }
      }
      @media only screen and (max-width: 2720px) {
        .calltoaction-section .header-bg {
          left: 14%;
          width: 38%;
        }
      }

      @media only screen and (max-width: 2520px) {
        .calltoaction-section .header-bg {
          left: 11%;
          width: 41%;
        }
      }


      @media only screen and (max-width: 2120px) {
        .calltoaction-section .header-bg {
          left: 6%;
          width: 44%;
        }
      }
      @media only screen and (max-width: 1920px) {
        .calltoaction-section .header-bg {
          left: 6%;
          width: 46%;
        }
      }
      @media only screen and (max-width: 1710px) {
        .calltoaction-section .header-bg {
          left: 1%;
          width: 52%;
        }
        .right-image-reserve {
          width: 100%;
        } 

      }
      @media only screen and (max-width: 1550px) {
        .calltoaction-section .header-bg {
        }
        .right-image-reserve {
          width: 90%;
        } 
      }
      @media only screen and (max-width: 1420px) {
        .calltoaction-section .header-bg {
        }
        .right-image-reserve {
          width: 95%;
        } 
      }
      @media only screen and (max-width: 1270px) {
        .calltoaction-section .header-bg {
        }
        .right-image-reserve {
          width: 85%;
        } 
      }
    /*reserve*/

    /* Footer Section */
      .footer-section {
        background: #171c26;  
        color: #fff;
      }
      .footer-section .logo-img{
          margin-left: 0px;
      }
      .footer-top-section {
        margin: 50px auto 30px;
        text-align: center;
      }
      ul.footer-list {
        margin: 0 0 50px;
        padding: 0px;
      }
      ul.footer-list li {
        list-style: none;
        list-style-type: none;
      }
      ul.footer-list li a {
        color: #fff;
        display: inline-block;
        margin-bottom: 10px;
        text-decoration: none;
        font-weight: 300;
        font-family: 'Rubik', sans-serif;
      }
      ul.footer-list li a:hover,
      ul.footer-list li.active a {
        color: #eb4647;
        text-decoration: none;
      }
      .copyright-sec p,
      .copyright-sec h2 {
        font-size: 15px;
        line-height: 24px;
        text-align: center;
        color: #6C7586;
        font-family: 'Rubik', sans-serif;
      }
    /* Footer Section */

    /* ------ Homepage pop-up----- */
    /* Poup Code */
    .popup {
        position: fixed;
        top: 0%;
        left: 0;
        height: 100vh;
        width: 100%;
        background-color: rgba(0,0,0,0.5);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .popup-body{
        background-color: #fff;
        height: 80%;
        width: 80%;
    }
   


    /* Style the Image Used to Trigger the Modal */
    #myImg {
        border-radius: 5px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    #myImg:hover {opacity: 0.7;}
    
    /* The Modal (background) */
    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    }
    
    /* Modal Content (Image) */
    .modal-content {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
    }
    
    /* Caption of Modal Image (Image Text) - Same Width as the Image */
    #caption {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
      text-align: center;
      color: #ccc;
      padding: 10px 0;
      height: 150px;
    }
    
    /* Add Animation - Zoom in the Modal */
    .modal-content, #caption {
      animation-name: zoom;
      animation-duration: 0.6s;
    }
    
    @keyframes zoom {
      from {transform:scale(0)}
      to {transform:scale(1)}
    }
    
    /* The Close Button */
    .close {
      position: absolute;
      top: 15px;
      right: 35px;
      color: #f1f1f1;
      font-size: 40px;
      font-weight: bold;
      transition: 0.3s;
    }
    
    .close:hover,
    .close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
    }
    
    /* 100% Image Width on Smaller Screens */
    @media only screen and (max-width: 700px){
      .modal-content {
        width: 100%;
      }
    }
      #home-popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background:#171c2666;
        z-index: 10001;
      }
      #popup {
        position: relative;
        top: 20vh;
        padding: 60px 60px;
        width: 75%;
        height: auto;
        margin: auto;
        background: #FFFFFF;
        border-radius: 30px;
      }
      #popup h2{
        font-weight: 500;
        font-size: 30px;
        line-height: 40px;
        color: #171C26;
      }
      #popup p {
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #6C7586;
      }
      #popup span {
        color: #171C26;
      }
      #popup .cta:hover span{
        color: #fff;
      }
      #refuse {
        text-align: right;
        border: none;
        outline: none;
        background: none;
        font-size: 16px;
        line-height: 26px;
        color: #6C7586;
        position: relative;
        top: -15px;
        float: right;
      }
      .pop-anchor{
        text-decoration: none;
        color: #2FA2EB;
        font-size: 16px;
        line-height: 26px;
        margin-right: 5px;
      }
      .pop-anchor:hover{
        color: #2FA2EB;
      }
      .blue-image {
        margin-right: 10px;
      }
      .refuse-link {
        text-decoration: none;
        color: #6C7586;
      }
      
      .refuse-link:hover{
       color: #6C7586;
      }
    /* ------ Homepage pop-up----- */


    /* Poup Code */
        .swiper-android .swiper-slide, .swiper-wrapper {
            margin-bottom: 50px;
        }
        .imgpopup {
            position: fixed;
            top: 0%;
            left: 0;
            height: 100vh;
            width: 100%;
            background-color: rgba(0,0,0,0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 999;
            overflow: hidden;
            overflow-y: scroll;
        }
        .popbody{
            height: 80%;
            width: 80%;
        }
        .close {
            position: absolute;
            top: 15px;
            right: 15px;
            color: #f1f1f1;
            font-size: 48px;
            font-weight: 300;
            transition: 0.3s;
        }

        .close:hover,
        .close:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }
        .popimg {
            display: block;
            margin: auto;
            height: auto;
            width: 100%;
        }
        .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
            content: '' !important;
        }
        .swiper-button-prev, .swiper-rtl .swiper-button-next {
            right: auto;
        }
        .swiper-button-prev{
            transform: scaleX(-1);
            bottom: 0;
            top: auto;
            width: fit-content;
            height: fit-content;
        }
        .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
            content: '' !important;
        }
        .swiper-button-next{
            bottom: 0;
            top: auto;
            width: fit-content;
            height: fit-content;

        }
        .swiper-button-prev img{
            position: relative;
            top: 15px;
            right: 0;
            left: 34px;
        }
        .swiper-button-next img{
            position: relative;
            top: 15px;
            right: 0;
            left: 34px;
        }
        .slider-circle:hover{
            background: #EB4647;
        }
        .swiper-slide img{
            cursor: pointer;
        }
        .slider-circle {
            display: block;
            border-radius: 50%;
            background: #b3b0b021;
            width: 60px;
            height: 60px;
            transition: all 0.5s cubic-bezier(.75, .25, .13, .92);
            position: relative;
            left: -10px;
            bottom: 0;
        }
    /* Poup Code */

    .sitemap-list {}
    .sitemap-list li a {
      text-decoration: none;
      color: #171C26;
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 10px;
      display: inline-block;
    }
    .sitemap-list li.sub-list {
      margin-left: 40px;
    }
    .sitemap-list li.sub-list a {
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 8px;
    }
    .sitemap-page h1 {
      margin-bottom: 50px;
      font-size: 70px;
      line-height: 70px;
      font-weight: 700;
    }

    .sub-small-line {
      font-size: 8px !important;
      color: #a1a1a1;
      font-style: italic;
      font-weight: normal;
    }   

    .sub-small-line a{
      font-size: 8px;
      color: #a1a1a1;
      font-style: italic;
      font-weight: normal;
    }