@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");:root {
    --alt-font: "Plus Jakarta Sans",sans-serif;
    --primary-font: "Inter",sans-serif;
}
a{color: #000!important;}
a:hover{color: #22DAB6!important;}
.text-bg-dark{background-color:#000!important;}
/** Header **/
.top-header {
    width: 100%;
    min-height: 45px;
    margin-top: 0;
    border-bottom: 1px solid #ccc;
    z-index: 100000;
    position: relative;
    display: inline-block;
    background-color: #091627;
}
.header-home.cover-background.full-screen.top-space-margin.py-0.md-h-750px.sm-h-650px {
    margin-top: 0;
    -webkit-box-shadow: 0px 14px 11px 0px rgba(0,0,0,0.72);
-moz-box-shadow: 0px 14px 11px 0px rgba(0,0,0,0.72);
box-shadow: 0px 14px 11px 0px rgba(0,0,0,0.72);
}
body > header > div.top-header > div {
    height: 35px;
    z-index: 10000;
    position: relative;
}
.container.top_header_bar.w-100 .col-md-12 {
    width: 100%;
    z-index: 1000;
    position:relative;
}
.container.top_header_bar.w-100 .col-md-3, 
.container.top_header_bar.w-100 .col-md-4, 
.container.top_header_bar.w-100 .col-md-5 {
    float: left;
    height: 35px;
}
 .top_left,  .top_center,  .top_right {
    float: left;
}
.top_right {
    float: right;
}
.container.top_header_bar.w-100 .col-md-3 ul,
.container.top_header_bar.w-100 .col-md-4 ul {
    min-height: 35px;
    margin-bottom: 0;
}
.container.top_header_bar.w-100 .col-md-3 ul li,
.container.top_header_bar.w-100 .col-md-4 ul li {
    display: inline-block;
    padding: 10px 10px;
    margin-top: 0px;
    float: left;
}
.top-header .vr {
    height: 44px;
    float: left;
    background-color: #fff;
}
.top-header a {
    color: #ffffff!important;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    text-decoration: none;
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
}
.top-header i{
    margin-top: 4px;
}
.quicklyimg {
    position: absolute;
    text-align: center;
    justify-content: center;
    display: flex;
    height: 800px;
}
.quicklyimg h1 {
    font-family: "Montserrat", sans-serif;
    position: absolute;
    font-size: 226px;
    color: #fff;
    opacity: 0.08;
    bottom: 0;
    letter-spacing: 32px;
    font-weight: 900;
}
.quicklyimg h2 {
    font-family: "Montserrat", sans-serif;
    position: absolute;
    font-size: 226px;
    color: #ffffff00;
    opacity: 0.08;
    bottom: 240px;
    letter-spacing: 32px;
    -webkit-text-stroke: 1px #FFFFFF;
    font-weight: 900;
}
.quicklyimg h3 {
    font-family: "Montserrat", sans-serif;
    position: absolute;
    font-size: 226px;
    color: #ffffff00;
    opacity: 0.04;
    bottom: 480px;
    letter-spacing: 32px;
    -webkit-text-stroke: 1px #FFFFFF;
    font-weight: 900;
}
.quicklyimg img {
    margin-top: -90px;
    opacity: 0.4;
}
.slider {
    position: absolute;
    float: right;
    right: 0;
    text-align: right;
    margin-right: 150px;
}
h2.title_content_header {
    font-size: 72px;
    background: #FFFFFF;
    background: linear-gradient(to right, #ffffff 19%, #33B4A0 40%, #4F7F83 20%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #25585000;
    line-height: 97px;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-weight: 700;
}
h2.title_content_header.reverse {
    font-size: 72px;
    background: #FFFFFF;
    background: linear-gradient(to left,#ffffff 82%, #33B4A0 90%, #4F7F83 66%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #25585000;
    line-height: 97px;
    margin-bottom: 20px;
}
.content_header {
    position: relative;
    z-index: 999999;
    margin-top: 160px;
    float: right;
    color: #fff;
    width: 950px;
}
.btn-primary.header_button {
    background-image: linear-gradient(to right, #34e89e 0%, #0f3443 51%, #34e89e 100%);
    margin: 30px 0px;
    padding: 15px 125px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    display: block;
    border-color: #34e89e;
    text-decoration: none !important;
    --animate-delay: 1.9s;
}

  .btn-primary.header_button:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
    border-color: #34e89e;
  }
  .btn-primary.header_button a{
    text-decoration: none !important;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-weight: 600;
    line-height: 25px;
  }
  p.text_content_header {
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
}
/** Main Menu Container **/
nav.navbar.navbar-expand-lg.navbar-light.header-front {
    position: relative;
}
.col-md-3.logo-frontend {
    min-width: 230px;
}

.header-home {
    width: 100%;
}

/** SLider area **/

section.cover-background.full-screen.top-space-margin.py-0.md-h-750px.sm-h-650px {
    margin-top: 0;
}

/**  Content home **/
.vertical_tabs_content.p-15 .tab-content {
    width: 100%;
    height: auto;
}
.col-mod-12.text-bg-dark, .col-mod-12.text-bg-light {
    height: 500px;
}
main.container-fluid.content .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light,
main.container-fluid.content .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-dark {
    min-height: 665px;
    margin-bottom: 0 !important;
}

.prefooter {
    width: 1000;
    display: inline-block;
    margin-top: 20px;
}
.prefooter ul{
    float: right;
    position: absolute;
    right: 15%;
}
.prefooter ul li{
    margin-top: 35px;
    border: dashed 2px #33B4A0;
}
.prefooter ul li img{
    width: 150px;
}
.image_bottom{
    border: dashed 2px #33B4A0;
    position: absolute;
    left: 15%;
    height: 530px;
    margin-top: 40px;
    padding: 20px;
}
.image_bottom img{
    width: 94%;
}
/** Swiper **/
.hidden-element {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}
.d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light.bottom_page.bluebg {
    background-color: #091627 !important;
    height: 100vh;
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.72);
-moz-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.72);
box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.72);
}
.d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light.bottom_page.bluebg h1{
    transition: color 2s;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 56px;
    font-weight: 900;
    line-height: 80px;
    color: #000000;
    background: linear-gradient(to right, #ffffff 11%, #198754 55%, #33B4A0 20%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #25585000;
    padding: 30px;
    border: dashed 2px #33B4A0;
}
.d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light.bottom_page.bluebg p{
    color: #ffffff;
    padding: 30px;
    border: dashed 2px #33B4A0;
}
.title_bottom {
    padding: 20px 165px;
    height: 290px;
    margin-top: 30px;
    border: dashed 2px #33B4A0;
    text-align: center;
}
.intro_content_blue.p-15 {
    background-color:#091627;
    -webkit-box-shadow: 0px -14px 11px 0px rgba(0,0,0,0.72);
-moz-box-shadow: 0px -14px 11px 0px rgba(0,0,0,0.72);
box-shadow: 0px -14px 11px 0px rgba(0,0,0,0.72);
}
.intro_content_blue.p-15,
.intro_content.p-15 {
    padding-top: 70px !important;
    padding-bottom: 0px !important;
    text-align: right;
}
.intro_content.p-15 h1{
    transition: color 2s;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 56px;
    font-weight: 900;
    line-height: 80px;
    color: #000000;
    background: linear-gradient(to right, #000000 -7%, #198754 65%, #33B4A0 20%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #25585000;
    
}
.intro_content_blue.p-15 h1{
    transition: color 2s;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 56px;
    font-weight: 900;
    line-height: 80px;
    color: #000000;
    background: linear-gradient(to right, #ffffff 63%, #198754 81%, #33B4A0 20%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #25585000;
}
.intro_content_blue.p-15 p,
.intro_content.p-15 p{
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif; 
    font-weight: 400;
}

.intro_content_blue.p-15 p{
    color:#ffffff;
}

.swiperFirst .swiper-slide {
    cursor: pointer;
    border: 1px solid #1987545e;
}
.swiperFirst .swiper-slide.build {
    border: 1px solid #544AAD;
}
.swiperFirst .swiper-slide.unlock {
    border: 1px solid #F18631;
}
.swiperFirst .swiper-slide.expert {
    border: 1px solid #ff1100;
}
.swiperFirst .swiper-slide.today {
    border: 1px solid #1ADFE2;
}

.swiperFirst .swiper-slide:hover h5 {
    color: #22DAB6 !important;
}
.swiperFirst .swiper-slide.build:hover h5 {
    color: #544AAD !important;
}
.swiperFirst .swiper-slide.unlock:hover h5 {
    color: #F18631 !important;
}
.swiperFirst .swiper-slide.expert:hover h5 {
    color: #ff1100 !important;
}
.swiperFirst .swiper-slide.today:hover h5 {
    color: #1ADFE2 !important;
}

.swiperFirst .swiper-slide{
    transition: background-color 2s;
    background-color: transparent;
    min-height: 555px;
}
.swiperFirst .swiper-slide:hover {
    background-color: #22dab50d;
}
.swiperFirst .swiper-slide.build:hover{
    background-color: #544aad17;
}
.swiperFirst .swiper-slide.unlock:hover {
    background-color: #f1873125;
}
.swiperFirst .swiper-slide.expert:hover {
    background-color: #ff11001e;
}
.swiperFirst .swiper-slide.today:hover {
    background-color: #1adfe223;
}


.swiperFirst  a{
    text-decoration: none;
}
.swiperFirst .content_bottom_slide {
    height: 85px;
    margin: 50px 0 20px 0;
}
.img_header_swiper {
    overflow: hidden;
}
.img_header_swiper img {
    transition: transform 2s;
    width: 100% !important;
}
.swiperFirst .swiper-slide:hover .img_header_swiper img{
    transform: scale(1.1);
}

.image_mac {
    display: inline-block;
    position: absolute;
    float: left;
    left: 0;
    z-index: 10;
    width: 560px;
    opacity: 0.1;
}
.swiper-horizontal {
    padding: 40px!important;
}
.d-flex.justify-content-center.bd-highlight.mb-12.swipecontainer {
    padding: 40px 0;
    background-color: #091627;
    margin-bottom: 0 !important;
    -webkit-box-shadow: 0px 14px 11px 0px rgba(0,0,0,0.72);
-moz-box-shadow: 0px 14px 11px 0px rgba(0,0,0,0.72);
box-shadow: 0px 14px 11px 0px rgba(0,0,0,0.72);
}
.swiper {
    width: 100%;
    height: 100%;
    background: transparent !important;
  }

  .mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .block_bottom_slide {
    text-align: left;
}

.mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper-slide {
    
    padding: 20px 20px 20px 20px;
    z-index: 11 !important;
}
.swiper-slide.orange {
    transition: background-color 2s;
    cursor:pointer;
    border: 1px solid #ff6b00;
}
.swiper-slide.orange:hover {
    background: #ff6b00 !important;
    box-shadow: 0px 0px 12.5px 1.5px rgb(255, 123, 0);
    border: 1px solid #ffc107;
}
.swiper-slide.blue {
    transition: background-color 2s;
    cursor:pointer;
    border: 1px solid #0077ff;
}
.swiper-slide.blue:hover {
    background: #0077ff !important;
    box-shadow: 0px 0px 12.5px 1.5px rgb(0, 162, 255);
    border: 1px solid #3a96ff;
}
.swiper-slide.rose {
    transition: background-color 2s;
    cursor:pointer;
    border: 1px solid #e100ff;
}
.swiper-slide.rose:hover {
    background: #e100ff !important;
    box-shadow: 0px 0px 12.5px 1.5px rgb(255, 0, 179);
    border: 1px solid #eb6cfc;
}
.swiper-slide.green {
    transition: background-color 2s;
    cursor:pointer;
    border: 1px solid #00d722;
}
.swiper-slide.green:hover {
    background: #00d722 !important;
    box-shadow: 0px 0px 12.5px 1.5px rgb(0, 255, 85);
    border: 1px solid rgb(79, 255, 146);
}
.swiper-slide.red {
    transition: background-color 2s;
    cursor:pointer;
    border: 1px solid #ee1d36;
}
.swiper-slide.red:hover {
    background: #ee1d36 !important;
    box-shadow: 0px 0px 12.5px 1.5px rgb(255, 0, 0);
    border: 1px solid #ff566a;
}

.mySwiper .footer_block a {
    color: #fff !important;
    text-decoration: none;
}

.swiper-wrapper {
    background: transparent !important;
}

.mySwiper h1{
    transition: color 2s;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    height: 130px;
}
.swiperFirst  h5{
    transition: color 2s;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 32px;
    font-weight: 900;
    line-height: 38px;
    color: #000;
    height: 90px;
    padding-top: 20px;
}
.swiper-slide:hover h1{
    color: #000000;
}

.content_bottom_slide {
    margin: 50px 0 100px 0;
}
span.content_tile {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
}
.swiperFirst span.content_tile {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
}
.footer_block a i {
    transition: margin-left 0.5s;
    margin-left: 5px;
}
.swiper-slide:hover .footer_block a i {
    margin-left: 25px;
}
.swiper-pagination-first.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: right;
}
.swiper-pagination-bullet{
    background: #ffffff!important;
}
.swiperFirst .swiper-pagination-bullet{
    background: #000!important;
}
.swiper-pagination-bullet-active {
    background: #198754!important;
}
/** End Swiper **/
        /* Media Query for Mobile Devices */
        @media (min-width: 350px) and (max-width: 480px) {
            .quicklyimg h1 {
                bottom: 260px;
                letter-spacing: 12px;
                font-size: 51px;
            }
            .quicklyimg h2 {
                bottom: 460px;
                letter-spacing: 12px;
                font-size: 51px;
            }
            .quicklyimg h3 {
                bottom: 610px;
                letter-spacing: 12px;
                font-size: 51px;
            }
            /** top bar  **/
            .top-header {
                display: none;
            }
            .container.top_header_bar.w-100 .col-md-4 ul {
                padding-left: 0;
                text-align: center;
            }
            .container.top_header_bar.w-100 .col-md-4 ul li {
                padding: 10px 6px;
            }
            .vr.last {
                display: none;
            }
             /** Menu mobile **/
             button.navbar-toggler {
                position: absolute;
                float: right;
                right: 30px;
                width: 55px;
                height: 40px;
            }
            .col-md-3.top_left {
                display: none;
            }
            /** Area Slider **/
            .content_header {
                margin-top: 30px;
                float: none;
                width: 100%;
            }

            h2.title_content_header,
            h2.title_content_header.reverse {
                font-size: 32px;
                text-align: center;
                line-height: 44px;
            }
            h2.title_content_header{
            background: linear-gradient(to right, #ffffff 63%, #33B4A0 82%, #4F7F83 20%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: #25585000;
            }
            h2.title_content_header.reverse {
                background: linear-gradient(to left,#ffffff 45%, #33B4A0 61%, #4F7F83 66%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            .slider {
                float: none;
                right: 0;
                text-align: center;
                margin-right: 0;
            }
            .header-home.cover-background.full-screen.top-space-margin.py-0.md-h-750px.sm-h-650px {
                min-height: 86vh;
                z-index: 1;
            }
            p.text_content_header {
                text-align: center;
            }
            .btn-primary.header_button {
                margin: 30px auto;
            }
            .quicklyimg {
                width: 100%;
                margin: -10px 0px 0px 10px;
                padding: 0 !important;
            }
            .quicklyimg {
                top: 0;
            }
            .slider.animate__animated.animate__lightSpeedInLeft.animate__delay-1s.animate__faster img {
                margin-top: -40px;
            }
            .btn-primary.header_button a {
                font-size: 13px;
            }
        }

        /* Landing Page tabs */
.vertical_tabs_content.container {
    min-height: 95vh;
  }
  .vertical_tabs_content.container .col-12 {
    padding: 6% 15%;
    display: inline-block;
  }
  .menu-tabs.nav-pills .nav-link.active,.menu-tabs.nav-pills .show>.nav-link{
    background-color: #23404D;
      color: #22DAB6;
      border-color: #19ffd2!important;
      border: 4px solid;
      -webkit-box-shadow: 0px 0px 23px -5px rgba(25,255,209,1);
    -moz-box-shadow: 0px 0px 23px -5px rgba(25,255,209,1);
    box-shadow: 0px 0px 23px -5px rgba(25,255,209,1);
  }
  .vertical_tabs_content .btn.btn-primary {
    padding: 10px 20px 10px 40px;
      width: 300px;
      height: 120px;
      margin: 10px 0px;
      text-transform: uppercase;
      transition: 0.5s;
      background-size: 200% auto;
      color: white;
      border-radius: 10px;
      display: block;
      background-color: #23404D;
      border-color: #19ffd287 !important;
      text-decoration: none !important;
      --animate-delay: 1.9s;
      border: 4px solid;
  }
  .vertical_tabs_content .btn.btn-primary:hover{
    background-color: #22dab6;
    border-color: #23404d33 !important;
    color: #ffffff;
    border: 4px solid;
  }
  .vertical_tabs_content .btn.btn-primary i.fa-solid{
    font-size: 42px;
      margin: -4px 0 0 -20px;
      position: absolute;
      color: #22dab6;
  }
  .menu-tabs.nav-pills .nav-link.active i.fa-solid,.vertical_tabs_content .btn.btn-primary:hover i.fa-solid{
  color:#fff;
  }
  .vertical_tabs_content button span{
    margin: 0 0 0 40px;
      display: inline-block;
      position: relative;
  }
  .vertical_tabs_content.container .tab-content {
    width: 100%;
    height: 685px;
    background-color: #23404D;
    border: 1px solid #19ffd2;
    background-image: url("https://dev.quickly.es/themes/default/images/code.webp");
    -webkit-box-shadow: inset 0px 0px 22px 8px rgba(0,0,0,0.72);
  -moz-box-shadow: inset 0px 0px 22px 8px rgba(0,0,0,0.72);
  box-shadow: inset 0px 0px 22px 8px rgba(0,0,0,0.72);
  border-radius: 25px;
  }
  .connt-tabs {
    padding: 100px;
    color: #fff;
  }
  .vertical_tabs_content.container .tab-content i{
    position: absolute;
    font-size:60px;
    color: #19ffd2;
  }
  .connt-tabs h1{
    margin-left:80px;
  }
  .connt-tabs p{
    margin-top: 30px;
  }
  .connt-tabs .btn.btn-primary {
    background-image: linear-gradient(to right, #34e89e 0%, #0f3443 51%, #34e89e 100%);
      margin: 30px 0px;
      padding: 0;
      text-align: center;
      text-transform: uppercase;
      transition: 0.5s;
      background-size: 200% auto;
      border-radius: 10px;
      display: block;
      border-color: #34e89e;
      text-decoration: none !important;
      --animate-delay: 1.9s;
      width: 300px;
      height: 60px;
      border: 1px solid;
  }
  .connt-tabs .btn.btn-primary:hover {
    background-position: right center;
      color: #fff;
      text-decoration: none;
      border-color: #34e89e;
  }
  .connt-tabs .btn.btn-primary a{
    text-decoration: none !important;
      font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
      font-weight: 600;
      line-height: 25px;
      color: white !important;
      display: inline-block;
  }

  /* Prefooter home */
.infos_prefooter.p-15 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.infos_prefooter.p-15 .col-12 .col-8, .infos_prefooter.p-15 .col-12 .col-4 {
    display: inline-block;
    float: left;
    min-height: 269px;
}
.infos_prefooter.p-15 .col-12 .col-8{
    background-color: #091627;
    border-radius: 25px;
    padding: 20px;
    color: #ffffff;
}
.infos_prefooter.p-15 .col-12 .col-8 ul{
    width: 100%;
    height: 30px;
    padding-left: 0;
}
.infos_prefooter.p-15 .col-12 .col-8 ul li{
    width: 28px;
    height: 28px;
    border-radius: 50px;
    background-color: #2FD192;
    padding: 6px 7px;
    display: block;
    float: left;
    margin: 0 3px;
}
.infos_prefooter.p-15 .col-12 .col-8 ul li i{
    color: #ffffff;
}
.infos_prefooter.p-15 .col-12 .col-8 h2{
    max-width: 370px;
}
.infos_prefooter.p-15 .col-12 .col-8 img{
    float: right;
    display: block;
    margin-top: -230px;
    margin-right: 0;
    width: 230px;
    border-radius: 25px;
    border: 4px solid #fff;
}
.infos_prefooter.p-15 .col-12 .col-8 p{
    font-size: 12px;
    max-width: 357px
}
.infos_prefooter.p-15 .col-12 .col-4{
    background-color: #beffff;
    border-radius: 25px;
    padding: 20px;
    border: 1px solid #00ffff;
    margin: 0 20px;
    width: 30%;
}
.infos_prefooter.p-15 .col-12 .col-4 h2{
    font-weight: 900;
}
.infos_prefooter.p-15 .col-12 .col-4 p{
    font-weight: 400;
}
.infos_prefooter.p-15 button.btn.btn-primary{
    background-image: linear-gradient(to right, #34e89e 0%, #0f3443 51%, #34e89e 100%);
    margin: 30px 0px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    border-radius: 10px;
    display: block;
    border-color: #19ffd287 !important;
    text-decoration: none !important;
    --animate-delay: 1.9s;
    width: 300px;
    height: 40px;
    border: 1px solid;
}
.infos_prefooter.p-15 .col-4 button.btn.btn-primary{
    width: 100%!important;
}
.infos_prefooter.p-15 button.btn.btn-primary:hover{
    background-position: right center;
    background-color: #22dab6;
    border-color: #23404d33 !important;
    color: #ffffff;
    border: 4px solid;
}
.infos_prefooter.p-15 button a{
    text-decoration: none !important;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-weight: 600;
    line-height: 25px;
    color: white !important;
    display: inline-block;
}

  /* Landing page footer */
  .footer-demo ul li {
    margin-bottom: 0;
    line-height: 30px;
  }
  .footer-demo a:hover {
    color: #fff;
  }
  .footer-demo img {
    max-height: 55px !important;
  }

        /* Media Query for low resolution  Tablets, Ipads */
        @media (min-width: 481px) and (max-width: 767px) {
            .quicklyimg h1 {
                bottom: 160px;
                letter-spacing: 12px;
                font-size: 51px;
            }
            .quicklyimg h2 {
                bottom: 410px;
                letter-spacing: 12px;
                font-size: 51px;
            }
            .quicklyimg h3 {
                bottom: 610px;
                letter-spacing: 12px;
                font-size: 51px;
            }
            html {
                overflow-x: hidden !important;
            }
            .vertical_tabs_content.container .col-12 {
                padding: 20px;
                display: inline-block;
            }
            .content_header {
                margin-top: 50px;
                float: none;
                width: 100%;
            }
            button.navbar-toggler {
                position: absolute;
                float: right;
                right: 30px;
                width: 55px;
                height: 40px;
            }
            .header-home.cover-background.full-screen.top-space-margin.py-0.md-h-750px.sm-h-650px {
                min-height: 89vh;
                z-index: 1;
            }
            h2.title_content_header,
            h2.title_content_header.reverse {
                font-size: 72px;
                text-align: center;
                line-height: 84px;
            }
            h2.title_content_header{
                background: linear-gradient(to right, #ffffff 63%, #33B4A0 87%, #4F7F83 54%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            h2.title_content_header.reverse {
                background: linear-gradient(to left,#ffffff 45%, #33B4A0 61%, #4F7F83 66%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            p.text_content_header {
                text-align: center;
                font-size: 19px;
                font-weight: 400;
            }
            .quicklyimg {
                top: 830px;
            }
            .slider {
                position: relative;
                float: none;
                right: 0;
                text-align: center;
                margin-right: 0;
            }
            .btn-primary.header_button {
                margin: 60px auto -30px auto;

            }
            .btn-primary.header_button a {
                font-size: 21px;
                padding: 10px 165px;
            }
            .vertical_tabs_content.container .d-flex {
                display: block !important;
            }
            .connt-tabs {
                padding: 25px;
                color: #fff;
            }
            .connt-tabs .btn.btn-primary {
                width: 100%!important;
            }
            .title_bottom {
                height: auto;
                width: 100%;
                padding: 15px;
                margin-bottom: 20px;
            }
            .cont_h1_bottom {
                text-align: center;
            }
            .image_bottom {
                position: absolute;
                left: 0;
                height: 280px;
                margin: 0px 30px 0 30px;
                padding: 20px;
                right: 0;
            }
            .image_bottom img {
                max-width: 270px;
            }
            .prefooter {
                max-width: 100%;
                display: inline-block;
                margin-top: 20px;
            }
            .prefooter ul {
                float: none;
                position: relative;
                right: 0;
                margin-top: 170px;
                left: 0;
                width: 100%;
                padding-left: 0;
            }
        
            .prefooter ul li img {
                width: 70px!important;
            }
            .prefooter ul li {
                margin-top: 0;
                margin-left:20px;
            }
            main.container-fluid.content .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light{
                min-height: 815px;
                margin-bottom: 0px !important;
                padding-bottom: 10px;
            }
            .swiperFirst .content_bottom_slide {
                min-height: 225px;
            }
            .infos_prefooter.p-15 {
                padding: 20px !important;
            }
            .infos_prefooter.p-15 button.btn.btn-primary{
                width: 100%!important;
            }
            .infos_prefooter.p-15 .col-12 .col-8 img {
                margin-top: 0;
                width: auto;
            }
            .infos_prefooter.p-15 .col-12 .col-8,
            .infos_prefooter.p-15 .col-12 .col-4 {
                width: 100%!important;
            }
            .infos_prefooter.p-15 .col-12 .col-8 ul li {
                margin: 0 13px;
            }
            .infos_prefooter.p-15 .col-12 .col-4 {
                margin: 20px 0;
            }
            .swiperFirst h5 {
                height: 150px;
            }
            .intro_content_blue.p-15 h1 {
                font-size: 36px;
                line-height: 50px;
                color: #000000;
                background: linear-gradient(to right, #ffffff 43%, #198754 69%, #33B4A0 20%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            .intro_content.p-15 h1 {
                transition: color 2s;
                font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
                font-size: 36px;
                font-weight: 900;
                line-height: 50px;
                color: #000000;
                background: linear-gradient(to right, #000000 22%, #198754 57%, #33B4A0 63%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light.bottom_page.bluebg h1 {
                transition: color 2s;
                font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
                font-size: 36px;
                font-weight: 900;
                line-height: 45px;
                color: #000000;
                background: linear-gradient(to right, #ffffff 41%, #198754 55%, #33B4A0 80%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
                padding: 30px;
                border: dashed 2px #33B4A0;
            }
            .vertical_tabs_content.container .d-flex {
                display: block !important;
            }
            .connt-tabs {
                padding: 20px;
                color: #fff;
            }
            .connt-tabs .btn.btn-primary {
                width: 100%;
            }
            .vertical_tabs_content.container .tab-content {
                height: 485px;
            }
            .intro_content_blue.p-15 h1 {
                transition: color 2s;
                font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
                font-size: 46px;
                font-weight: 900;
                line-height: 50px;
                color: #000000;
                background: linear-gradient(to right, #ffffff 63%, #198754 81%, #33B4A0 180%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            .intro_content.p-15 h1 {
                transition: color 2s;
                font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
                font-size: 46px;
                font-weight: 900;
                line-height: 50px;
                color: #000000;
                background: linear-gradient(to right, #000000 -7%, #198754 65%, #33B4A0 90%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            .image_bottom {
                position: absolute;
                left: 0;
                height: 280px;
                margin: 0px 30px 0 30px;
                padding: 20px;
                right: 0;
            }
            .image_bottom img {
                max-width: 270px;
            }
            .prefooter {
                max-width: 100%;
                display: inline-block;
                margin-top: 20px;
            }
            .prefooter ul {
                float: none;
                position: relative;
                right: 0;
                margin-top: 170px;
                left: 0;
                width: 100%;
                padding-left: 0;
            }
            .prefooter ul li img {
                width: 70px!important;
            }
            .prefooter ul li {
                margin-top: 10px;
                float: left;
                margin-left: 20px;
            }
            .infos_prefooter.p-15 {
                padding: 20px !important;
            }
            .infos_prefooter.p-15 button.btn.btn-primary{
                width: 100%!important;
            }
            .infos_prefooter.p-15 .col-12 .col-8 img {
                margin-top: 0;
                width: auto;
            }
            .infos_prefooter.p-15 .col-12 .col-8,
            .infos_prefooter.p-15 .col-12 .col-4 {
                width: 100%!important;
            }
            .infos_prefooter.p-15 .col-12 .col-8 ul li {
                margin: 0 13px;
            }
            .title_bottom {
                height: 610px;
                width: 100%;
                padding: 15px;
                margin-bottom: 20px;
            }
            main.container-fluid.content .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light {
                min-height: 675px;
                margin-bottom: 0px !important;
                padding-bottom: 10px;
            }
        }

        /* Media Query for Tablets Ipads portrait mode */
        @media (max-width: 400px) {
            html {
                overflow-x: hidden !important;
            }
            .vertical_tabs_content.container .col-12 {
                padding: 20px;
                display: inline-block;
            }
            p.text_content_header {
                text-align: center;
                font-size: 12px;
            }
            .btn-primary.header_button { 
                padding: 5px 125px;
             }
             .vertical_tabs_content.container .d-flex {
                display: block !important;
            }
            .connt-tabs {
                padding: 25px;
                color: #fff;
                width: 100%!important;
            }
            .connt-tabs .btn.btn-primary {
                width: 100%!important;
            }
            .swiperFirst .content_bottom_slide {
                min-height: 225px;
            }
            .title_bottom {
                height: 610px;
                width: 100%;
                padding: 15px;
                margin-bottom: 20px;
            }
            .cont_h1_bottom {
                text-align: center;
            }
            main.container-fluid.content .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light{
                min-height: 675px;
                margin-bottom: 0px !important;
                padding-bottom: 10px;
            }
            .image_bottom {
                position: absolute;
                left: 0;
                height: 280px;
                margin: 0px 30px 0 30px;
                padding: 20px;
                right: 0;
            }
            .image_bottom img {
                max-width: 270px;
            }
            .prefooter {
                max-width: 100%;
                display: inline-block;
                margin-top: 20px;
            }
            .prefooter ul {
                float: none;
                position: relative;
                right: 0;
                margin-top: 170px;
                left: 0;
                width: 100%;
                padding-left: 0;
            }
            .prefooter ul li img {
                width: 70px!important;
            }
            .prefooter ul li {
                margin-top: 10px;
                float: left;
                margin-left: 20px;
            }
            .infos_prefooter.p-15 {
                padding: 20px !important;
            }
            .infos_prefooter.p-15 button.btn.btn-primary{
                width: 100%!important;
            }
            .infos_prefooter.p-15 .col-12 .col-8 img {
                margin-top: 0;
                width: auto;
            }
            .infos_prefooter.p-15 .col-12 .col-8,
            .infos_prefooter.p-15 .col-12 .col-4 {
                width: 100%!important;
            }
            .infos_prefooter.p-15 .col-12 .col-8 ul li {
                margin: 0 13px;
            }
            .infos_prefooter.p-15 .col-12 .col-4 {
                margin: 20px 0;
            }
            .swiperFirst h5 {
                height: 150px;
            }
            .intro_content_blue.p-15 h1 {
                font-size: 36px;
                line-height: 50px;
                color: #000000;
                background: linear-gradient(to right, #ffffff 43%, #198754 69%, #33B4A0 20%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            .intro_content.p-15 h1 {
                transition: color 2s;
                font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
                font-size: 36px;
                font-weight: 900;
                line-height: 50px;
                color: #000000;
                background: linear-gradient(to right, #000000 22%, #198754 57%, #33B4A0 63%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light.bottom_page.bluebg h1 {
                transition: color 2s;
                font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
                font-size: 36px;
                font-weight: 900;
                line-height: 45px;
                color: #000000;
                background: linear-gradient(to right, #ffffff 41%, #198754 55%, #33B4A0 80%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
                padding: 30px;
                border: dashed 2px #33B4A0;
            }
        }
        /* Media Query for Tablets Ipads portrait mode */
        @media (min-width: 414px) and (max-width: 414px) {
            main.container-fluid.content .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light, main.container-fluid.content .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-dark {
                height: 675px;
            }
            .title_bottom {
                padding: 15px;
                height: 610px;
                margin-top: 30px;
                border: dashed 2px #33B4A0;
                text-align: center;
                width: 100%;
            }
            .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light.bottom_page.bluebg h1 {
                transition: color 2s;
                font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
                font-size: 46px;
                font-weight: 900;
                line-height: 50px;
                color: #000000;
                background: linear-gradient(to right, #ffffff 11%, #198754 55%, #33B4A0 70%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
                padding: 30px;
                border: dashed 2px #33B4A0;
            }
            .prefooter {
                max-width: 100%;
                display: inline-block;
                margin-top: 20px;
            }
            .image_bottom {
                position: absolute;
                left: 0;
                height: 280px;
                margin: 0px 30px 0 30px;
                padding: 20px;
                right: 0;
            }
            .image_bottom img {
                max-width: 270px;
            }
            .prefooter ul {
                float: none;
                position: relative;
                right: 0;
                margin-top: 170px;
                left: 0;
                width: 100%;
                padding-left: 0;
            }
            .prefooter ul li {
                margin-top: 10px;
                float: left;
                margin-left: 34px;
            }
            .prefooter ul li img {
                width: 70px !important;
            }
            .infos_prefooter.p-15 {
                padding: 20px !important;
            }
            .infos_prefooter.p-15 .col-12 .col-8, .infos_prefooter.p-15 .col-12 .col-4 {
                width: 100% !important;
                margin-left: 0;
                margin-top: 30px;
            }
            .infos_prefooter.p-15 button.btn.btn-primary {
                width: 100% !important;
            }
            .infos_prefooter.p-15 .col-12 .col-8 img {
                margin-top: 0;
                width: auto;
            }
            .infos_prefooter.p-15 .col-4 button.btn.btn-primary {
                width: 100% !important;
            }
            .intro_content_blue.p-15 h1 {
                font-size: 36px;
                line-height: 50px;
                color: #000000;
                background: linear-gradient(to right, #ffffff 43%, #198754 69%, #33B4A0 20%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            .intro_content.p-15 h1 {
                transition: color 2s;
                font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
                font-size: 36px;
                font-weight: 900;
                line-height: 50px;
                color: #000000;
                background: linear-gradient(to right, #000000 22%, #198754 57%, #33B4A0 63%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
        }
        /* Media Query for Tablets Ipads portrait mode */
        @media (min-width: 768px) and (max-width: 1024px) {
            html, body{
                overflow-x: hidden;
            }
            .vertical_tabs_content.container .col-12 {
                padding: 6% 5%;
            }
            .quicklyimg img {
                margin-top: 220px;
            }
            header .col-md-8{
                width: 100%!important;
            }
            .slider img {
                width: 660px;
                margin-top: 180px;
                margin-right: -170px;
            }
            .vertical_tabs_content .btn.btn-primary {
                height: 100px;
                margin: 5px 0px;
            }
            .connt-tabs .btn.btn-primary {
                height: 40px;
            }
            .vertical_tabs_content.container .tab-content {
                height: 535px;
                background-position: -260px 20px;
            }
            .title_bottom {
                margin: 30px auto 0 auto;
                width: 970px;
            }
            main.container-fluid.content .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light, main.container-fluid.content .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-dark {
                min-height: 845px;
            }
            .image_bottom {
                left: 30px;
                height: 430px;
                margin-top: 20px;
                padding: 20px;
                width: 780px;
            }
            .image_bottom img {
                width: 100%;
            }
            .prefooter ul {
                float: right;
                position: absolute;
                right: 30px;
                margin-top: -7px;
            }
            .prefooter ul li {
                margin-top: 28px;
            }
            .prefooter ul li img {
                width: 120px;
            }
            .intro_content_blue.p-15 h1 {
                background: linear-gradient(to right, #ffffff 23%, #198754 65%, #33B4A0 20%);
                -webkit-background-clip: text;
    -webkit-text-fill-color: #25585000;
            }
            .intro_content.p-15 h1 {
                background: linear-gradient(to right, #000000 23%, #198754 70%, #33B4A0 20%);
                -webkit-background-clip: text;
                 -webkit-text-fill-color: #25585000;
            }
            .d-flex.justify-content-center.bd-highlight.mb-12.text-bg-light.bottom_page.bluebg h1 {
                background: linear-gradient(to right, #ffffff 11%, #198754 56%, #33B4A0 20%);
                color: #000000;
                -webkit-background-clip: text;
                -webkit-text-fill-color: #25585000;
            }
            .infos_prefooter.p-15 {
                padding: 50px !important;
            }
            .infos_prefooter.p-15 .col-12 .col-8 {
                width: 64%;
            }
            .infos_prefooter.p-15 .col-12 .col-4 {
                width: 31%;
            }
            .infos_prefooter.p-15 .col-12 .col-8 h2 {
                font-size: 27px;
            }
            .infos_prefooter.p-15 .col-12 .col-8 p {
                max-width: 307px;
            }
            .infos_prefooter.p-15 .col-12 .col-8 img {
                margin-top: -220px;
            }
            .infos_prefooter.p-15 .col-4 button.btn.btn-primary{
                width: 100%;
            }
        }

        p.ce-element.ce-element--type-text.ce-element--focused {
            display: none;
        }