:root {
    --base-font-size: 1rem; /* Min: 16px, Scales with vw, Max: 24px */
    --fibonacci-1: 1rem;
    --fibonacci-2: 1.25rem; 
    --fibonacci-3: 1.5rem;
    --fibonacci-5: 2rem;
    --fibonacci-8: 3rem;
    --fibonacci-13: 5rem;
    --fibonacci-21: 8rem;
    --fibonacci-34: 13rem;
    --fibonacci-55: 21rem;
    --line-height-1: 0.87;    /* For Fibonacci-1 (16px) */
    --line-height-2: 1.2;     /* For Fibonacci-2 (20px) */
    --line-height-3: 1.6;     /* For Fibonacci-3 (24px) */
    --line-height-5: 1.8;     /* For Fibonacci-5 (32px) */
    --line-height-8: 2.0;     /* For Fibonacci-8 (48px) */
    --line-height-13: 2.2;    /* For Fibonacci-13 (80px) */
    --line-height-21: 2.4;    /* For Fibonacci-21 (128px) */
    --line-height-34: 2.6;    /* For Fibonacci-34 (336px) */
    --line-height-55: 2.8;    /* For Fibonacci-55 (544px) */
}

/*Elastic effect section*/
    .elasticTop{ display: block; width: 100%; position: absolute; z-index: 9; height: 0; margin-top: -1px; }
    .elasticBottom {  position: absolute; bottom: 0px; width: 100%; margin-bottom: -1px; }
    .elasticTop.Dark { filter: invert(1); }
    .elasticBottom.Dark { filter: invert(1);  }

.forDesktop{ display:block; }
.forMobile{ display:none !important; }
.menuMobile, .menuMobileTags{ display: none; }
*{ margin: 0; padding:0; }

/*body{ font-family: "Matter", "Inter", sans-serif; color:#000; overflow-x:hidden !important; }*/
body{ font-family: "Montserrat", sans-serif; color:#000; overflow-x:hidden !important; }

.backgroundHero{
    /*filter: brightness(1.4);*/
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 50%;
    height: auto;
    width: 100%;
    opacity: 0.3;
    transform: translateY(-50%);
}

ul{ padding: 0; margin: 0; list-style: none; display: flex; }
h1 { font-size: var(--fibonacci-21); line-height: var(--line-height-16); }
h2 { font-size: var(--fibonacci-13); font-weight: 100; line-height: 5rem; }
h3 { font-size: var(--fibonacci-5); font-weight: 100; }
p, div, span  { font-size: var(--fibonacci-1); }
a, a:hover { font-size: var(--fibonacci-1);  line-height: var(--line-height-1); text-decoration: none; color:#000 }
.Sweet-grey{ background: #fbfbfb; }
.closeBtn{ display: none; position: fixed; width: 25px; height: auto; top: 35px; right: 40px; cursor: pointer; z-index: 999; }
.closeBtnTags{ display: none; position: fixed; width: 25px; height: auto; top: 35px; right: 40px; cursor: pointer; z-index: 999; }

.container{ width: 100%; max-width: 1300px; margin: 0 auto; display: flex; z-index: 1; }
.container.long{ max-width: 1800px; justify-content: space-between; }
.spacer{ height: 5vh; opacity: 0; width: 100%; display: block; }
.Transition{ transition: all 0.2s ease-in-out; }
.observe_op { opacity: 0; bottom:-50px; transition: all 2s ease; position: relative; }
.observe_op.in-viewport_op { opacity: 1; bottom:0px; transition: all 2s ease; }

.buttonStyle, .buttonStyle:hover{ position: relative; margin:5vh auto 0 auto; display:flex; align-items: center; justify-content: space-between; background: #0d0d0d; padding:20px 60px; color: #fff; max-width: 220px; width: 100%; font-weight: 500; border-radius: 99px; }
.buttonStyle img{ filter: invert(0); width: 20px; position: relative; }
/*.Dark .buttonStyle, .Dark .buttonStyle:hover{ display: flex; padding: 15px 30px; font-weight: 600; background: #FFF; color: #000; max-width: 220px; width: 100%; border-radius: 99px; }*/
.Dark .buttonStyle img, .Dark .buttonStyle:hover img{ filter: invert(1); }
section.Horizontal .buttonStyle{ margin:initial; margin-top:5vh; }


.buttonStyle{ background: #000; transition: all 0.25s ease-in-out !important; border: solid 1px #FFF; cursor: pointer; }
.buttonStyle:hover{  background: #FFF; border: solid 1px #000; }
.buttonStyle span{ position: relative; z-index: 1; right:0; }
.buttonStyle span, .buttonStyle img{ transition: all 0.1s ease-in-out; position: relative; }
.buttonStyle img{ left:0; }

.buttonStyle:hover span{ filter: invert(1);  }
.buttonStyle:hover img{ filter: invert(0); }

.Dark .buttonStyle{ border: solid 1px #0d0d0d; }
.Dark .buttonStyle:hover{ border: solid 1px #FFF; background: #0d0d0d !important; }
.Dark .buttonStyle:hover span{ filter: invert(0); }
.Dark .buttonStyle:hover img{ filter: invert(1); }

.buttonStyleBox{ max-width: 220px; width: 100%; padding: 20px 40px; height: 40px; font-weight: 500; border-radius: 99px; margin:5vh 0 0 0; display:flex; align-items: center; justify-content: space-between; background: #000; color: #fff; }
.buttonStyleBox span{ color:#fff }
.buttonStyleBox img{ filter: invert(1); width: 20px; }

.Dark .buttonStyleBox{ background: #0d0d0d; }

/* Header */

    header{ position: fixed; top: 0; left: 0; width: calc(100% - 80px); height: 100px; display: flex; align-items: center; z-index: 99; padding: 0px 40px; }
    header.scroll-up{ top: -230px; }
    header.Dark{ background:#000; }

    header.Dark{ background: none; box-shadow: none; }
    header.headerScroll{ background: none; }

    header .container .logo{ display: flex; align-items: center; }
    header .container .logo img{ height: 40px; margin-left: 18px; top: 5px; position: relative; }

    header .container .logo img.pos{ display: block; }
    header .container .logo img.neg{ display: none; }
    header.Dark .container .logo img.neg{ display: block; }
    header.Dark .container .logo img.pos{ display: none; }

    /*header.Dark .container .logo img { filter: invert(1); }*/
    header .container ul{ display: flex; flex-direction: row; align-items: center; }
    header .container ul li a{ padding:0px 22px; }
    header .container ul li a.Special{ 
        border-radius: 100px; border: solid 1px #000; height: 54px; display: flex; align-items: center;
        justify-content: center; padding: 0px 20px; min-width: 120px; margin-left: 20px; }
    header.Dark .container ul li a{ color:#fff; }
    header.Dark .container ul li a.Special{ color:#fff; border: solid 1px #FFF; }
    header .container ul li a.active { 
        opacity:0.5;
    }
    header .container ul li.langSwitcher a.active { opacity:1; }


/* Footer */

    footer { min-height: 300px; display: flex; align-items: center; padding: 40px 40px; position: relative; }
    footer .logo{ height: 45px; margin-bottom: 115px; margin-top: 0px; }
    footer > .container > div .logoFoot { max-width: 180px; margin-bottom: 60px !important; }
    footer > .container > div > .List { flex-direction: row; display: flex; }
    footer > .container > div > .List p{ max-width: 390px; line-height: 1.5rem; font-weight: 100; }
    footer > .container > div > .List ul { margin-right: 60px; display: flex; flex-direction: column; }
    footer > .container > div > .List ul li{ margin-top:15px; }
    footer > .container > div ul.Services { margin-bottom: 0px; }
    footer > .container > div ul.Services li { margin-right: 30px; }
    footer > .container > div ul.socials { margin-top: 20px; }
    footer > .container > div ul.socials li a img { width: 40px; height: auto; margin-left: 23px; }
    footer > .container > .inLined { display: flex; justify-content: space-between; flex-direction: column; }
    footer > .container > .inLined div:first-child{ width: 100%; display: flex; justify-content: space-between; }
    footer > .container > .inLined > div > div{ flex-direction: column; }
    footer > .container > .inLined div:last-child{ display: flex; justify-content: flex-end; }
    footer > .container > .inLined ul.socials { margin-top: 0; height: 40px; }
    footer > .container > .inLined ul.socials li{ height: 40px; }
    footer > .container > .inLined ul li a{ height: 40px; display: flex; align-items: center; }
    footer> .container .buttonStyle, footer > .container .buttonStyle:hover{ margin: 0; height: initial; padding: 25px 35px; background: #000; display: flex; color:#fff }
    footer > .container > div, .footBar > .container > div { width: 100%; }
    .footBar > .container > div a{ color:#fff; display: flex; justify-content: end; }
    .footBar > .container > div a img{ width: 18px; filter: invert(1); margin-right: 10px; }

    footer .logo { margin-bottom:0px; }
    footer { min-height: 170px; }
    footer > .container > .inLined div:first-child { align-items: end; margin-right: 20px; }
    footer > .container > div ul.Services li a { font-weight: 200; font-size: 14px; line-height: 1.6rem; }
    

    footer.Dark{ background:#0d0d0d; color:#fff; }
    footer.Dark p{ color:#fff; }
    footer.Dark > .container > div ul.socials li a img { filter: invert(0); }
    footer.Dark > .container > div ul.Services li a { color:#fff; }
    footer.Dark > .container > div > .List ul li a{ color:#fff; }
    footer.Dark a.buttonStyle img { filter: invert(1); }


    .footBar{ align-items: center; padding:0px 40px; }
    .footBar > .container { align-items:center;  justify-content:center; padding:0px 0px 0px 0px; height: 15vh; }
    .footBar a.gettouch img { width: 40px; filter: invert(1); }
    .footBar > .container > div { color: #bbbbbb; }
    .footBar > .container > div:last-child { text-align: right; }

    .footBar.Dark a.gettouch { background: #fff; color:#000; }
    .footBar.Dark a.gettouch img { width: 40px; filter: invert(0); }
    .footbar.Dark{ background: #000; }
    .footbar.Dark p{ color:#858585; }
    .footBar.Dark{ background: #000; }





/* Sections */  

    section{ min-height: 100vh; width: 100%; display: flex; align-items: center; position: relative; overflow: hidden; }
    section.Ccontainer > .carousel > .carousel-track > .coverImg:first-child{ background:none !important; }
    section .container{ max-width: 1300px; padding: 0px 40px; width:calc(100% - 80px) }
    section .container > div p{ font-size: 2rem; margin-top:25px !important; padding: 0; position: relative; z-index: 1; }
    section h1 + p{ max-width: 800px; margin:0 auto; }
    section.Vertical p{ max-width: 800px; margin:0 auto; }
    section h2 + p{ margin: 0 auto; text-align: center; max-width: 860px; padding-top:40px; font-size: 1.5rem; }
    section.Vertical{ flex-direction: column; justify-content: center; }

    section.Vertical.HeroShort{ min-height: 70vh; align-items: self-end; padding-bottom: 0vh; }
    section.revealers{ position: absolute; top:0; left:0; width: 100vw; height: 100vh; display: flex; flex-direction: column; z-index: 8; align-items: center; justify-content: center;}
    section.revealers.HeroShort, section.revealers.HeroShort + section{ height:80vh; min-height: 80vh !important; }
    section.revealers.HeroShort .animationTitles h1{ margin-top: 15vh; }
    section.revealers + section { min-height: 100vh; }
    section.revealers + section + section{ z-index:9; }
    section.revealers .container{ z-index: 99; position: absolute; }
    section.revealers .revealer{ flex:1; width:100%; background-color: #fff; clip-path: polygon(0% 0%, 101% 0%, 101% 101%, 0% 101%); z-index: 99; }
    section.revealers.HeroShort .revealer{ clip-path: polygon(0% -1%, 103% -1%, 103% 103%, 0% 103%); }
    section.revealers .buttonStyle{ border: solid 0px; }
    section.fullHeight{ min-height: 100vh; align-items: center; justify-content: center; }
    section.fullHeight p{ text-align: center !important; }
    section.Boxes.Blog.Start{ justify-content: flex-start; min-height: initial; }


    .blockContent{
        width: 100%;
        flex-wrap: wrap;
    }
    .blockContent li{
        min-height: initial;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding: 30px 0px;
        border-radius: 0;
    }

    .blockContent h3{
        font-size: 4rem;
        margin-bottom: 40px;
        margin-top: 0px;
        color: #7d31d8;
    }

    .titleSubService{
        width: 100%;
        font-size: 4rem;
        margin-top: 0;
        color: #7d31d8;
        margin-bottom: 60px;
    }

    .blockContent li h4{
        max-width: 290px;
        font-size: 1.5rem;
        text-align: left;
        font-weight: 100;
    }
    .blockContent .lineTit{
        display: flex;
        align-items: center;
    }

    .blockContent .lineTit img{
        margin-right: 20px;
        width: auto;
        height: 70px !important;
    }

    .blockContent img{
        margin-bottom: 40px;
        width: 65px;
        height: auto;
    }

    .blockContent p{
        font-size: 1.5rem;
        font-weight: 100;
    }

    .blockContent li {
        padding: 40px 40px 40px 0px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        max-width: 300px;
        border-left: solid 1px #dadada;
        min-height: 170px;
        width: 100%;
        padding: 0px 40px 0px 41px !important;
        border-radius: 0;
        position: relative;
        margin-bottom: 50px;
        margin-top: 40px;
        font-size: 1.5rem;
        font-weight: 100;
    }

    section.Boxes.DataStructure.Initial{ min-height: initial; }
    section.Initial{ min-height: initial !important; }
    
    .HeroHome.Horizontal .doubleButton .buttonStyle{ width: 180px; margin-right: 20px; }
    .HeroHome.Horizontal .doubleButton{ display: flex; }
    
    .HeroHome.Vertical .animationTitles .doubleButton{ display: flex; margin: 0 auto; justify-content: center; }
    .HeroHome.Vertical .animationTitles .doubleButton > span,
    .HeroHome.Vertical .animationTitles .doubleButton > a{ 
        margin: 30px 10px;
        max-width: initial;
        padding: 20px 40px;
        justify-content: space-between !important;
        width: auto;
        display: flex;
    }
    .HeroHome.Vertical .animationTitles .doubleButton > a img{ filter: invert(0) !important; width: 25px; margin-left: 20px; }
    .buttonStyle.centerText{ justify-content: center; }
    .HeroHome.revealers.Vertical.HeroShort{ align-items: center; }

    section.HeroShort.Dark .buttonStyle{ background: #0d0d0d !important; }
    section.HeroShort.Dark .buttonStyle img{ filter: invert(1) !important; }
    section.Vertical .container{ justify-content: center; flex-direction: column; }
    section.Vertical .container > div{ width: 100%; text-align: center; }
    section.Vertical .container > div:last-child{ font-size: 1.5rem; padding-top:20px; max-width: 800px; margin:0 auto }
    section.Vertical .container > div:last-child .buttonStyleBox{ margin: 5vh auto; }
    section.Vertical.fullText .container > div:last-child { max-width: 1111px; }
    section.Horizontal .buttonStyleBox{ margin-top: 0vh; }
    section.OverlappedBoxes .fullPicPhoto{  width: 100%; height: 100vh; background: #ccc; }
    section.fullText.smallerText h2{ font-size: 4rem; line-height: 4.5rem; }
    section.OverlappedBoxes > div{ width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }
    section.OverlappedBoxes > div .OverlappedBoxes_text{ max-width: 500px; }
    section.OverlappedBoxes > div:last-child{ flex-direction: column; position: relative; }

    /* Add slider to beginning HERO  */
    section.HeroShort.Plug-Slider{ flex-direction: column; justify-content: flex-end; padding-bottom: 0; min-height: 70vh; align-items: center; }
    section.HeroShort.Plug-Slider .ContPartners{ z-index: 1; padding:0px; background: none !important; display: flex; align-items: center; justify-content: flex-end; margin-bottom: 20px; }
    section.HeroShort.Plug-Slider .ContPartners .Partners img{ filter: invert(1); opacity:0.25; }
    section.HeroShort.Plug-Slider .ContPartners .Partners{ display: flex; padding: 0; will-change: transform; align-items: center; justify-content: flex-end; flex-direction: row; padding-bottom: 30px; }
    section.Dark.HeroShort.Plug-Slider .ContPartners .Partners img{ filter: invert(0); opacity:0.25; }

    .HeroHome.HeroShort.Plug-Slider .animationTitles .doubleButton > .buttonStyle { margin: 37px 6px 0px 6px !important; }

    /* Add Video below HERO  */
    section.Plug-Video video{ position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.3; }
    section.Plug-Video p { display: none; }
    section.Plug-Video video + a { display: block !important; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 200px; height:200px; z-index: 3; }
    section.Plug-Video video + a img{ width: 100%; display: block; height: auto; opacity: 0.2;}

    section.Horizontal .container{ flex-direction: row; }
    section.Horizontal.Text-lefted .container{ flex-direction: row-reverse; }
    section.Horizontal .container > div{ width: 50%; display: flex; flex-direction: column; align-items: flex-start; }
    section.Horizontal.PinnedHorizontal.Text-lefted .container > .WrapperList + div{ padding-left: 15%; width: 35%; justify-content: center; height: 600px; justify-content: center;}
    section.Horizontal .container > div p{ text-align: left; max-width: 500px; margin:0px 0px 0px 0px; }
    section.Horizontal.PinnedHorizontal .container > div p{ text-align: left !important; max-width: 430px; margin: 0px 15px 0px 0px; }
    section.Horizontal.Text-righted .container > div:last-child{  padding-left: 10%; width: 45%; justify-content: center; }
    section.Horizontal .half-background-decorative{ position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:space-between; z-index: -1; }
    section.Horizontal.Text-lefted .half-background-decorative{ flex-direction: row-reverse; }
    section.Horizontal .half-background-decorative > div{ width: 50%; height: 100%; }
    section.Horizontal .half-background-decorative > div.Standout{ background: linear-gradient(90deg, #f2f2f2, transparent); display: flex; align-items: center; justify-content: center; }
    section.Horizontal .half-background-decorative > div.Standout > div{ background:#f2f2f2; width:90%; height:90%; }

    section video.background-video{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100vw; height: 100vh; object-fit: cover; opacity: 0.2; }
    section video.background-video.fullOpacity{ opacity:1 !important; }

    section .backgroundImg{ position: absolute; top:0; left:0; width: 100%; height: auto; object-fit: cover; opacity: 1; z-index: 0; }
    section.Banner{ min-height: 50vh; background: #ececec;  padding: 6vh 0px; }
    section.Logos { min-height: initial; }
    section.Logos .ContPartners{ padding: 20px 0px; }

    /* Pinned Scrolling Section */
    section.Horizontal .BodyScroll{ display: flex; flex-direction: column; height: auto !important; align-items: center; justify-content: flex-start; padding-top:100px; }
    section.Horizontal .BodyScroll > div{ width: 480px; height: 600px; margin-bottom:60px; background: #ccc; border-radius: 30px; }
    section.Horizontal .BodyScroll > div:last-child{ margin-bottom:100px; }
    section.Horizontal.PinnedVertical .half-background-decorative > div.Standout{  background: linear-gradient(0deg, #f2f2f2, transparent); margin: 40px; height: calc(100% - 80px); overflow: hidden; border-radius: 30px; align-items: flex-start;}
    section.Horizontal.PinnedVertical .half-background-decorative > div.Standout > .BodyScroll > div:last-child,
    section.Horizontal.PinnedVertical .half-background-decorative > div.Standout > .BodyScroll > div:first-child{ opacity:0; height:200px; }
    section.PinnedVertical{ max-height: 100vh !important; overflow:visible !important; }
    section.PinnedVertical .container > div{ justify-content: center; }
    section.Horizontal.PinnedVertical > .container{ max-height: calc(100% - 40px); display: flex; align-items: flex-start; margin-bottom: 40px; overflow: hidden; }
    section.Horizontal.PinnedVertical > .container .Standout + div{ height: 100vh; }
    section.Horizontal.PinnedVertical.Text-lefted .container > .Standout{ align-items: flex-end; }
    section.Horizontal.PinnedVertical.Text-righted .container > .Standout { align-items: flex-start; }

    section.Horizontal.PinnedHorizontal .container{ max-width: initial; margin:0; padding:0; height: 100%; width: 100%; align-items: center; }
    section.Horizontal.PinnedHorizontal.Text-righted .container > .WrapperList{ justify-content: center; overflow: hidden; margin-left: 0px; height: 100%;  }
    section.Horizontal.PinnedHorizontal.Text-lefted .container > .WrapperList{ margin-right: 0px; overflow: hidden; height: 100%; }

    section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence{ display: flex; width:max-content; gap: 0; height: 100%; align-items: center; }
    section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item{
        background: #FFF; height: 600px; width: 490px; border-radius: 40px; margin-right: 30px; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none;
        align-items: flex-start; display: flex; flex-direction: column; justify-content: center; padding: 0px 60px; }
    section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item:first-child,
    section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item:last-child{ opacity:0; width: 100px; }
    section.Horizontal.PinnedHorizontal .half-background-decorative .Standout{ margin: 40px; width: calc(50% - 0px); height: calc(100% - 80px); border-radius: 30px; overflow: hidden; }
    section.Dark.Horizontal .half-background-decorative > div.Standout,
    section.Dark.Horizontal .half-background-decorative > div.Standout > div{ background:#0d0d0d }

    section.fullText > .container{ flex-direction: column !important; }
    section.fullText > .container > div{ width: 90%; }
    section.fullText{ min-height: 65vh; padding: 10vh 0px 10vh 0px; align-items: center; justify-content: center; }

    section.fullText.Vertical .doubleButton{ display: flex; justify-content: center; margin-top: 8vh; }
    section.fullText.Vertical .doubleButton .buttonStyle{ margin: 0px 10px; }
    section.fullText.Horizontal .doubleButton .buttonStyle{ margin: 8vh 20px 0px 0px; }
    section.fullText.Horizontal .doubleButton { display: flex; justify-content: flex-start; width: 100%; }
    section .VideoBackground{ position: absolute; z-index: 0; width: 100vw; height: 100vh; object-fit: cover; opacity: 0.5; }
    section .VideoBackground + .overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background:blue; opacity: 0.5; }
    section.fullText.Intro.Video.Vertical .container h2{ text-align: center; }

    /* Roadmap */
    section.Roadmap.Horizontal .BodyScroll > div { width: 480px; margin-bottom: 120px; background: none; border-radius: 0px; min-height: 200px; height: auto;}
    section.Roadmap.Horizontal .half-background-decorative > div.Standout { background: none !important; margin:0; }
    section.Roadmap.Horizontal.PinnedVertical > .container {  max-height: 100%; margin-bottom: 0; }
    .barScrolly{ position: absolute; width: 2px; left:calc(50% - 0px); height: 100px; background: #606060; top:-300px; z-index: 3; opacity:0; display: flex; align-items: center; justify-content: center; }
    section.Roadmap.Horizontal .half-background-decorative > div{ background: #f5f5f5; }
    section.Dark.Roadmap.Horizontal .half-background-decorative > div{ background: #0d0d0d; }

    section.Presentation.Horizontal{ min-height:initial; padding-top: calc(10vh - 40px); padding-bottom: 5vh; flex-direction: column; align-items: flex-start; justify-content: center;}
    section.Presentation.Horizontal .container:first-child{ flex-direction: column; margin-bottom: 40px; margin-top: 40px; }
    section.Presentation.Horizontal .container:first-child span{ margin-bottom: 20px; font-size: 1rem; opacity: 0.4 !important; }
    section.Presentation.Horizontal .container > div{ align-items: center; }
    section.Presentation.Horizontal .container > div > div{ width: 100%; max-width: 650px; }
    section.Presentation.Horizontal .container > div > div p{ max-width: initial; margin-top: 0px !important; }
    section.Presentation.Horizontal h2{ font-size: 3.75rem; font-weight: 300; }
    section.Presentation.Horizontal .container > div > div span{ height: 37px; display: flex; align-items: flex-start; font-size: 1.2rem; }
    section.Presentation.Horizontal .container > div:first-child > div span{ height: 58px; }
    section.Dark.Presentation.Horizontal .container > div > div p{ font-weight: 100 !important; }
    section.Presentation.Horizontal .container.TextBlock > div:last-child > div p { max-width: 570px; }

    section.Presentation .container .doubleButton{ width: 100%; align-items: flex-start !important; }
    section.Presentation .container .doubleButton .buttonStyle{ margin-right: 20px; margin-top:10vh; }

    section.ServicePage{ min-height: 43vh; align-items: end; padding-bottom: 5vh; justify-content: flex-end;}
    section.ServicePage .animationTitles p{ max-width: initial !important; font-size: 1.5rem; font-weight: 100; }
    section.ServicePage + section{ padding-top: 0vh !important; justify-content: start !important; }

    section.ServicePage.SubServiceHero .animationTitles{ width: 100%; }
    section.ServicePage.SubServiceHero .animationTitles .splitText{ display: flex; align-items: center; }
    section.ServicePage.SubServiceHero .animationTitles .splitText .iconService{ width: 54px; border-radius: 7px; margin-right: 19px; margin-top: 4px; }

    section.ServicePage.HeroBlog .animationTitles { width: 100% !important; }

    section.Boxes.container{ justify-content: flex-start; min-height: initial !important;}
    section.Boxes.container > div > div{  max-width: calc(33% - 97px); }

    .Blog .BoxPost .author img:not(.iconBox){ border: solid 0px #f3f3f300 !important; border-radius: 0px !important; width: auto !important; opacity: 1; height: 25px; }
    .Blog .BoxPost.Serv .author img:not(.iconBox){ border: solid 0px #f3f3f300 !important; height: 75px !important; width: auto !important; opacity: 1; margin-left: 0px; border-radius:5px !important; }

    .Boxes.Blog{ overflow:visible }
    .Boxes.Blog .BoxPost.Serv{ margin-top:-30px; }

    .PageHome .Boxes.Blog{ overflow:hidden }
    .PageHome .Boxes.Blog .BoxPost.Serv{ margin-top:0px; }

    section.Regular{
        padding: 0;
        align-items: flex-start;
        margin-bottom: 10vh;
        flex-direction: column !important;
        min-height: initial;
    }
    section.Regular .container{
        flex-direction: column;
        text-align: left;
    }

    section.Regular .container ul{
        flex-direction: column;
        margin-bottom: 20px;
    }
    section.Regular .container ul li{
        margin-bottom: 10px;
        line-height: 1.5rem;
    }
    section.Regular .container p{
        max-width: initial;
        text-align: left;
        margin: initial;
        margin-bottom: 10px;
        padding: 0;
        font-size: initial;
        line-height: 1.5rem;
    }
    section.Regular .container h2{
        font-size: 2rem;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    section.Regular .container h3{
        margin-bottom: 20px;
        margin-top:30px;
    }
    section.Regular .container h4{
        margin-bottom: 20px;
        margin-top:30px;
    }





/* Boxes Style */

    .Boxes{ flex-direction: column; justify-content: center; align-items: center; padding-bottom: 10vh; }

    .Boxes > div{
        display: flex; flex-direction: row; justify-content: center; 
        text-align: center; gap: 0px !important; flex-wrap: wrap; width: 100%; }

    .Boxes.Left > div {
        justify-content: flex-start !important;
    }

    .Boxes > div > div {
        display: flex; flex-direction: column; justify-content: flex-start; max-width: 300px; border-left: solid 1px #dadada; min-height: 220px;
        width: 100%; padding: 0px 50px 0px 50px !important; border-radius: 0; position: relative; margin-bottom: 50px; }


    .Boxes > div > div img.Thumb{ display: none; }
    .Boxes.Centered > div > div img.Thumb{ display: block; width:200px; height: 200px; object-fit: cover; margin-bottom: 25px; border-radius: 99px; }
    .Boxes.Centered > div > div{ align-items: center; border: 0; margin-bottom: 70px; }
    .Boxes.Centered > div > div h3 span{ display: none; }
    .Boxes.Centered > div > div h3{ text-align: center; margin-bottom: 25px; }
    .Boxes.Centered > div > div p{ text-align: center !important; }

    .Boxes > div > div.jobtitleUnder h3 span{
        display: inline-block;
        position: relative;
        right: 0;
        top: 0;
        max-width: initial;
        text-align: left;
        margin-top: 27px;
    }
    .Boxes > div > div.jobtitleUnder h3 {
        display: flex;
        flex-direction: column;
    }

    .Boxes > div > div p.descR {
        margin-bottom:20px;
        font-weight: 100;
    }

    .Boxes > div > div .Pic { width: 86px; height: 86px; margin-bottom: 20px; border-radius: 999px; }
    .Boxes > div > div h3 { margin-bottom: 57px; text-align: left; position: relative; }
    .Boxes > div > div p { text-align: left; }
    .Boxes > div > div h3 span { display: inline-block; position: absolute; right: 0; top: 7px; }
    .Boxes > div > div h3 span img.Icon { width: 30px; height: 30px; }
    .Boxes > div > div .socials { display: flex ; flex-direction: row; justify-content: flex-start; height: 60px; align-items: center; }
    .Boxes > div > div .socials img { width: 33px; margin-right: 10px; }
    .Boxes > div > div .Email { text-align: left; text-decoration: none; display: flex; align-items: center; height: 50px; }
    .Boxes > div > div .Email img { width: 18px; margin-right: 10px; }
    .Boxes.Text-lefted > div{ justify-content: start !important; }
    .Boxes > div a.coverHref{ position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 99; }

    .Boxes > .MainBox > div{
        background: #fafafa; border: 0; padding: 50px 60px !important; margin-top: 40px; margin-bottom: 80px; border-radius: 20px;
        text-align: center; justify-content: center; align-items: center; }

    .Boxes > .MainBox > div img{ width: 120px; height: auto; }
    .Boxes > .MainBox > div h3{ display: flex; flex-direction: column; margin-bottom: 27px; text-align: center; }
    .Boxes > .MainBox > div h3 span{ position: static; margin-top: 25px; }
    .Boxes > .MainBox > div .socials img { margin-right: 5px; margin-left: 5px; }


    .Boxes.Testimonials > div > div h3{ margin-bottom: 25px; }
    .Boxes.Testimonials > div > div p{ margin-bottom: 0px; line-height: 1.4rem; font-style: italic; color: #4b4b4b; width: 90%; }
    .Boxes.Testimonials > div.MainBox > div p{ text-align: center; }
    .Boxes.Testimonials > div > div .socials img{  max-height: 30px; width: auto; filter: invert(1); opacity: 0.25; max-width: 80px; }
    .Boxes.Testimonials > div > div .socials{ height: auto; align-items: flex-start; margin-bottom:40px; }
    .Boxes.Testimonials > div > div h3 span img{ filter: invert(1); opacity: 0.25; width: 94px; }
    .Boxes.Testimonials > div { align-items: flex-start; }
    .Boxes.Testimonials > div > div .socials .TitleJob{ cursor: default; }
    .Boxes.Testimonials > div > div { min-height: 370px; padding-bottom: 50px !important; }
    .Boxes.Testimonials > div > div .Pic { width: 86px; height: 86px; }

    .Boxes.Testimonials.Dark > div > div { background: none; margin: 0; border-left: solid 1px #1c1c1c !important; padding-top: 50px !important; padding-bottom:70px !important; }
    .Boxes.Testimonials.Dark > div > div h3 span img{ filter: invert(0); }




/* Boxes - Data */

    .Boxes.DataStructure > div > div { justify-content: center; }
    .Boxes.DataStructure > div > div h3 { margin-bottom: 0; font-size: 5rem; }
    .Boxes.DataStructure > div > div *{ text-align: center; }
    .Boxes.DataStructure > div > div:first-child{ border-left:0px !important; }
    .Boxes.DataStructure > div > div p{ padding:20px 0px; font-size: 2rem; font-weight: 100; }


    /* Boxes Dark Mode */
        .Boxes.Dark{ background: #090909; }
        .Boxes.Dark > div > div {  border-left: solid 0px rgb(37, 37, 37) !important; background: #030303; padding-top: 70px !important;
            padding-bottom: 90px !important; margin-left: 1px; margin-right: 1px; min-height: 250px; margin-bottom: 2px; }
        .Boxes.Dark > div > div * { color:#FFF }
        .Boxes.Dark > div > div p{ padding:20px 0px; font-weight: 100; color:#808080; }
        .Boxes.Dark > div > div h3 span{ color:#808080; }
        .Boxes.Dark > div > div .Email img{ filter: invert(1); }
        .Boxes.Dark > div > div .socials img { border: solid 1px #292929; border-radius: 4px; }
        .Boxes.Dark h2 + p , .Boxes.Dark h2 { color:#fff }





/* Slider */

    section.Ccontainer{ overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
    .carousel > .carousel-track{ display: flex; gap: 0; height: 100%; align-items: center; }
    .carousel{ display: flex; width:max-content; gap:0; height: 100%; align-items: center; }
    .carousel > .carousel-track > .coverImg{
        background: #ccc; height: 450px; width: 550px; border-radius: 40px; margin-right: 30px;
        user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }
    .carousel > .carousel-track > .coverImg img{
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 20px;
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }
    .carousel h2{
        width: calc(100% - 40%); height: 100%; display: flex; justify-content: center;
        max-width: 100%; margin: 0 auto; background: none; padding: 0px 20%; color:#fff }
    section.Ccontainer .bcktitle{ 
        position: absolute;
        font-size: 4rem;
        color: #FFF;
        top: 140px;
        left: 0;
        opacity: 0.33;
        z-index: 2;
        left: -80vw;
        font-weight: 100;
        display: flex;
        align-items: center;
    }
    section.Ccontainer .bcktitle img{
        width: 100px;
        height: 25px;
        margin-left: 40px;
        margin-top: 20px;
    }
    section.Ccontainer.Testimonials .bcktitle{
        color: #000;
    } 

    section.Ccontainer.Testimonials .carousel > .carousel-track > .coverImg{ height: 483px; width: 379px; }

    .carousel-track-background{ position: fixed;  top:0; width: 250%; height: 100%; z-index: -1; background-image: url(../img/inst.jpg); background-size: cover; opacity: 0; }
    .UpperTick{ position: absolute; left:50%; height: 50px; background: #FFF; width: 2px; border-radius: 9px; }


    /* Slider Dark */
        section.Dark{ background: #000 !important; }
        section.Dark *{ color: #FFF; }
        section.Dark h1, section.Dark h2, section.Dark p, section.Dark li{ color: #FFF; }
        section.Ccontainer.Dark > .carousel > .carousel-track > .coverImg {  background: #090909; border-radius: 30px; margin-right: 30px; }
        section.Dark > .carousel > .carousel-track > .coverImg .titleSlider{ background:none !important; }
        section.Dark > .carousel > .carousel-track > .coverImg .titleSlider h2{ background:none !important; }
        section.Dark .bcktitle{ opacity:1; color:#090909; }


/* List */
    .GroupList{ display: flex; flex-direction: row; }
    .ListStyle{ display: flex; flex-direction: column; margin-top: 25px; margin-right: 5vh; }
    .ListStyle li{ font-size: 1.25rem; margin-top:15px; display: flex; align-items: center; }
    .ListStyle li img{ width: 20px; margin-right:15px; }
    section.Dark .ListStyle li img{ filter: invert(1); }


/* Ticker */
    .ticker{ position: fixed; bottom: 45px; right: 45px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; z-index: 998; cursor: pointer; }
    .ticker .line{ display: none; width: 1px; height:150px; margin-bottom:10px; background: #ccc; }
    .ticker .round{ width: 50px; height: 50px; background: #000; border-radius: 90px; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; border: solid 1px #fff; }
    .ticker .round img{ width: 22px; filter: invert(1); }


/* Animations */

    @keyframes titleAppear { 0%{ bottom:-40px; } 100%{ opacity:1; bottom:0px; } }
    @keyframes varyHeight { 0%{ padding-bottom:30vh; } 100%{ padding-bottom:10vh; } }

    .animationTitles h1{ opacity:0; animation: titleAppear 0.4s 0s forwards ease-in-out; position: relative; }
    .animationTitles p{ opacity:0; animation: titleAppear 0.4s 0.2s forwards ease-in-out; position: relative; font-weight: 100; text-align: center !important; }
    .animationTitles .buttonStyle{ opacity:0; animation: titleAppear 0.4s 0.4s forwards ease-in-out; position: relative; }
    .animationTitles .logo { opacity: 0; animation: titleAppear 0.4s 0.1s forwards ease-in-out; position: relative; max-width: 490px; width: calc(100% - 110px); padding: 0px 40px; margin-top: 50px; }
    .BlogPage .animationTitles h1{ font-size: 4rem; margin-bottom: 0px; font-weight: 500; }


    
/* Logos Slider */

    .ContPartners{ background: #FFF !important; padding: 50px 0px; position: relative; min-height: initial !important; }
    .Dark .ContPartners{ background: #2b2b2b !important; }
    .ContPartners img { width: auto; margin: 35px 40px; height: 45px; opacity: 0.4; filter: invert(1); }
    .Dark .ContPartners img { filter: invert(0); }
    .ContPartners{ align-items: center; justify-content: center; background: #fff; flex-direction: column; text-align: center; overflow: hidden;  position: relative; }

    .ContPartners .Partners2,
    .ContPartners .Partners3{ display: flex; padding: 0; will-change: transform; align-items: center; justify-content: center; flex-direction: row; }

    .ContPartners .Partners2 img,
    .ContPartners .Partners3 img{ width: auto; height: 55px; padding:0px 0px; flex-shrink: 0; opacity: 0.3; }

    .MbilePResentation{ display: none; }

        
/* FAQS */

    section.FAQS { background: #fff; min-height: initial; padding-top: 50px; flex-direction: column; }

    .faq-container { width: 100%; max-width: 800px; margin: 0 auto; }
    .faq-item { margin-bottom: 0px; border-radius: 0px; overflow: hidden; }
    .faq-question { margin: 0px 30px; padding: 30px 0px; background-color: #fff; font-size: 1rem; cursor: pointer; font-weight: 200;
        border-radius: 0px; display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px #c7c7c7; }

    .faq-answer { background-color: #fff; font-size: 14px; opacity: 0; overflow: hidden; transition: all 0.3s ease-in-out; font-weight: 100; }
    .faq-question img{ width: 7px; height: auto; margin-right: 3px; }
    .faq-answer > div { padding:20px 30px; text-align: justify; font-size: 0.9rem; line-height: 1.2rem; }
    .faq-answer p { font-size: 0.9rem; line-height: 1.2rem; padding: 0px 0px 10px 0px; }
    .faq-answer > div ul{ margin: 10px 0px 0px 15px; padding: 0; list-style-image:url(../img/checkie_b.svg); flex-direction: column; }
    .faq-answer > div ul li{  padding: 3px 0px; }

    .Dark.FAQS { background: #0d0d0d; }
    .Dark .faq-question {  background: none; color: #fff; border-bottom: solid 1px #2f2f2f; }
    .Dark .faq-answer { background:none; }
    .Dark .faq-answer > div,
    .Dark .faq-answer p,
    .Dark .faq-answer li{ color:#919191; }
    .Dark .faq-question img{ filter: invert(1); }
    .Dark .faq-answer > div ul{ list-style-image:url(../img/checkie_b_inv.svg); }

        
    /* Popup */
    .popup-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0;
        visibility: hidden; display: none; justify-content: center; align-items: center; z-index: 1000; transition: opacity 0.3s ease, visibility 0.3s; }
    .popup-backdrop.show { opacity: 1; visibility: visible; display: flex; }
    .popup-content { background-color: white; padding: 20px; border-radius: 20px; max-width: 500px; width: 90%; position: relative; transform: scale(0.7);
        opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }
    .popup-backdrop.show .popup-content { transform: scale(1); opacity: 1; }
    .popup-close { position: absolute; top: 10px; right: 20px; cursor: pointer; font-size: 26px; color: #888; }
    .popup-backdrop h2{ text-align: center; font-size: 2rem; font-weight: 300; margin-bottom: 20px; }
    .popup-backdrop .contForm{ padding:0px 20px 20px 20px; text-align: center; }

    
    header.Dark form.searchform > div {
        background: #000000 !important;
        border: solid 8px #292929 !important;
    }
    header.Dark form.searchform > div input {
        background: #000000 !important;
    }
    header.Dark form.searchform > div button img {
        filter: invert(1) !important;
    }


    /* Services page */
    .SingleService .animationTitles h1,
    .ServicePage .animationTitles h1{
        font-size: 4rem;
        font-weight: 500;
    }

    .ServicePage .animationTitles h1{
        display: flex;
        align-items: center;
    }

    .ServicePage .animationTitles h1 img{
        width: 60px;
        margin-right: 23px;
    }

    .SingleService .Boxes.container > .container{
        padding:0 !important;
    }

    .SingleService section.Presentation > .container{
        padding:0 !important;
    }

    .Boxes.Relateds{
        background: #f7f7f7;
        justify-content: flex-start;
        min-height: initial;
        padding-top: 10vh;
    }

    .Boxes.Relateds > div > div p{
        font-size: 1rem !important;
    }

    section.HeroBlog.ServicePage {
        padding-bottom: 0 !important;
        min-height: 60vh !important;
        justify-content: flex-end;
    }
    .GoMainService img{ width: 20px; margin-right: 5px;  }
    .GoMainService{ display: flex; align-items: center; }


    /* Form Subscription */
        section.formSection{min-height: 50vh; background: #ececec; padding: 6vh 0px; }
        section.formSection.Horizontal .sib-form { text-align: left; margin: 0 !important; padding: 40px 0px 40px 0px !important; }
        section.formSection.Horizontal .secure-form-container { max-width: 600px; margin: 0; }
        section.formSection.Horizontal .secure-form-container { max-width: initial; margin: initial; }
        section.formSection.Vertical .secure-form-container{ display: flex; align-items: center; justify-content: center; text-align: center; }
        section.formSection.Vertical .secure-form-container .sib-form{ width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
        section.formSection h2{ margin-top: 20px; }
        section.formSection .sib-form .form-group input[type="email"] { width: calc(100% - 43px); padding: 20px; height: 27px; text-align: center; border-radius: 11px; }
        section.formPage{ min-height: 43vh; align-items: end; padding-bottom: 5vh; }
        section.formPage h1{ font-size: 4rem; font-weight: 500; }
        section.formPage + .formSection{ align-items: flex-start; padding-top: 15px !important; }
        section.formPage + .formSection .container > div{ padding-top: 0px !important; }
        section.formSection .sib-form label { display: flex; }
        section.formSection .sib-form label a img{  margin: 0; width: calc(100% - 80px); max-width: initial; background: #FFF; padding: 40px; border-radius: 15px; border: solid 1px #ccc; }
        section.formSection .sib-form .submit-button{ margin-top:10px; }

  

    section.Hero.Full .animationTitles h2{ font-size: 2rem; line-height: normal; font-weight: 600; }
    section.Hero.Full{ flex-direction: column; overflow: visible; }
    section.Hero.Full .container h1{ font-size: 4rem; font-weight: 500; }
    section.Hero.Full .secure-form-container {
        margin: 0;
        width: calc(100% - 80px);
        max-width: initial;
        background: #FFF;
        border: solid 1px #f4f4f4;
        padding: 30px 40px 40px 40px;
        border-radius: 7px;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.09);
        margin-top: -70px;
    }
    section.Hero.Full .container.TitleHead{ min-height: 40vh; align-items: flex-start; padding-bottom: 5vh; margin-bottom: 5vh; flex-direction: column; justify-content: flex-end; }
    section.Hero.Full .container.TitleHead p{ margin: 0; font-size: 1.5rem; font-weight: 100; margin-top:25px; }
    section.Hero.Full .container > div{ justify-content: flex-start; }

    section.Hero.Full .secure-form .form-field { margin-bottom: 20px; width: 100%; border-bottom: solid 1px #67676769; display: flex; }
    section.Hero.Full .secure-form label { display: flex; margin-bottom: 0; width: 116px; min-width: 100px; font-weight: 100; text-align: left; 
        align-items: center; opacity: 0.5; font-size: 14px; }
    section.Hero.Full .secure-form label.message { align-items: flex-start; }
    section.Hero.Full .secure-form .required { color: #ffffff; margin-left: 5px; }
    section.Hero.Full .secure-form label.textarea { align-items: flex-start; }
    section.Hero.Full .secure-form input[type="text"], .secure-form input[type="email"], .secure-form textarea, .secure-form select {
        width: calc(100% - 20px); padding: 20px 0px; border: 0; border-radius: 0; background: none; outline: 0 !important; }
    section.Hero.Full .Hero.Full .secure-form label.message { align-items: start; }
    section.Hero.Full .secure-form textarea{ padding: 0; }
    section.Hero.Full .secure-form .terms-field{ justify-content: flex-start; width: 100%; border: 0; }
    section.Hero.Full .secure-form button{ width: 100%; min-width: initial; display: flex; align-items: center; justify-content: center; max-width: initial; border-radius: 8px !important; }
    section.Hero.Full .secure-form .terms-field label{ opacity: 1; width: 100%; }
    section.Hero.Full .terms-field a{ height: 20px; filter: invert(1); }
    section.Hero.Full .secure-form .g-recaptcha{ width: 100%; margin: 37px 0px; }
    section.Hero.Full .animationTitles{ justify-content: center; }
    section.Hero.Full .terms-field input[type="checkbox"]{ scale: 1.4; border: 0 !important; outline: 0 !important; box-shadow: none !important; margin-right: 8px; 
        border-color: #fff !important; margin-top:0; margin-left:2px; }
    section.Hero.Full .form-submit button { background: #660cc2 !important; height: 75px; }
    section.Hero.Full .animationTitles{ justify-content: end; }
    section.Hero.Full .animationTitles h1{ font-size: 4.5rem; font-weight: 500; }
    section.Hero.Full .animationTitles p{ font-weight: 100; font-size: 1.5rem; line-height: 1.5rem; }
    
    .VerticalDots{ margin-top:10px; margin-bottom:20px; }
    .VerticalDots > div{ display: flex; align-items: flex-start; margin:30px 0px 30px 0px !important; }
    .VerticalDots > div img{ margin-right: 30px; width: 40px; height: auto; }
    .VerticalDots > div > div p{ font-size: 16px !important; margin-top: 10px !important; text-align: justify !important; max-width: 480px !important; }
    .VerticalDots > div > div h3{ font-size: 1.2rem !important; font-weight: 600; }
    .VerticalDots + .contact_email{ margin-top:0px; }

    section.HeroHome.SubscriptionModule .container > div p { margin-bottom: 30px !important; }

    .LegalPages ol{
        padding: 18px;
    }
    .LegalPages ol li{
        padding-bottom: 15px;
    }

    @media (max-width: 1500px) {

        section.Ccontainer .bcktitle {
            top: initial;
            bottom: 40px;
        }
        section.ServicePage {
            min-height: 60vh;
        }
        .HeroBlog {
            min-height: 60vh;
        }
        section.HeroShort.Plug-Slider {
            min-height: 90vh;
        }

        h1{
            font-size: 6rem;
        }

        section.Horizontal.PinnedHorizontal.Text-lefted .container > .WrapperList + div {
            padding-left: 5%;
            width: 47%;
        }
        section.Horizontal.PinnedVertical .half-background-decorative > div.Standout {
            margin: 0px;
        }
        section.ServicePage {
            padding-bottom: 0;
        }
        section.Presentation.Horizontal .container.TextBlock > div:last-child > div p {
            max-width: 466px;
        }
        

        .HeroBlog .buttonsHome { margin-top: 0vh; }


    }


    @media (max-width: 768px) {

        .footBar > .container > div a {
            justify-content: flex-start;
            margin-top: 10px;
            opacity: 0.8;
        }

        section.Hero.Full .contact_email{
            display: none;
        }

        section.Hero.Full .animationTitles{
            margin-top: 0px;
            min-height: initial !important;
        }
        section.Hero.Full .animationTitles h2{
            margin-top: 2vh;
            margin-bottom: 2vh;
        }
        .VerticalDots > div {
            padding: 0px 40px;
        }
        section.Hero.Full .animationTitles p{
            padding: 0;
            max-width: initial;
            width: 100% !important;
        }

        section.Hero.Full .container > div {
            margin: 0;
        }

        section.formPage { justify-content: flex-end; padding-bottom: 0vh; min-height: 35vh; }
        section.formPage + .formSection p{ text-align: center !important; }
        section.formPage + .formSection { padding-top: 10px !important; }
        section.formSection h2 { width: 100% !important; text-align: center !important; }
        section.formSection p{ text-align: center !important; }
        
        section.Regular .container { padding: 0px 40px; width: calc(100% - 80px); }
        section.Regular .container h2,
        section.Regular .container h3,
        section.Regular .container h4,
        section.Regular .container p{
            width: 100% !important;
            text-align: left !important;
        }


        .Dark .menu_btn_black,
        .Dark .btnSearch{ filter: invert(1); }

        .menu_flag{
            right: 180px;
            top: 39px;
            width: 17px;
            height: 17px;
            opacity: 1;
            position: absolute;
            z-index: 99;
            padding-left: 10px;
        }
        .menu_flag_text{
            right: 207px;
            top: 34px;
            text-align: center;
            width: 27px;
            height: 27px;
            opacity: 1;
            position: absolute;
            display: flex;
            z-index: 99;
            padding-right: 6px;
            border-right: solid 1px #000000;
            justify-content: center;
            padding-top: 2px;
            cursor: pointer;
        }
        .BlogPage .menu_flag,
        .BlogPage .menu_flag_text,
        .Dark .menu_flag,
        .Dark .menu_flag_text {
            filter: invert(1);
        }

        .popup-backdrop h2 { margin-bottom: 10px; width: 100% !important; text-align: center !important; margin-top: 10px; }
        .popup-backdrop .popup-content { margin: 40px; }

        .elasticTop { margin-top: 0px; }
        .forDesktop{ display:none !important; }
        .forMobile{ display:block !important; }

        .tagsButton{
            opacity: 1;
            position: absolute;
            width: 26px;
            height: auto;
            top: 35px;
            right: 270px;
            cursor: pointer;
            z-index: 99;
        }

        section.Horizontal .BodyScroll {padding-top: 0px; }
        section.Horizontal .BodyScroll > div:last-child { margin-bottom: 0px; }

        header .container .logo img { width: 50px; margin-top: 0px; margin-left:0px; }

        p, h2{ text-align: justify !important; width: calc(100% - 80px) !important; }
        section h2 + p{ margin-bottom: 0px; text-align: left !important; }
        section{ min-height: initial; flex-direction: column; max-height: initial !important; }
        .observe_op { opacity: 1 !important; bottom:0px !important; }
        .Dark .buttonStyle img, .Dark .buttonStyle:hover img { filter: invert(1); }

        .ticker { bottom: 15px; right: 15px; }

        section.Vertical.HeroShort { min-height: 85svh; align-items: center; justify-content: end; padding-bottom: 0; }
        section.Vertical.HeroShort.Plug-Slider { justify-content: flex-end; }
        section.Vertical.HeroShort.Plug-Slider .Partners img{ margin:35px 15px; height: 35px; }
        .ContPartners img{ height: 35px !important; margin:30px 15px !important; }
        .HeroShort h1{ font-size: 4rem; margin-top:10vh }
        .revealers h1{ font-size: 4rem; margin-top:0vh }
        .HeroShort p, .revealers p{ font-size: 2rem !important; padding:0px 40px !important; text-align: center !important;}
        .revealers .buttonStyle { max-width: 200px !important; }
        

        .Boxes > div > div { min-height: initial !important; width: calc(100% - 60px) !important; border-left: solid 0px #eaeaea; padding: 0px 40px 40px 40px !important; max-width: initial; margin-bottom: 40px; border-bottom: solid 1px #dddddd; }
        .Boxes > div > div p { padding: 0px 0px; text-align: left !important; }
        .Boxes { padding-top: 5vh; }
        h2{ font-size: 3.5rem; font-weight: 300; margin-top: 5vh; line-height: 4rem;}
        .MbilePResentation p{ margin-top:25px; font-size: 1.5rem; text-align: left !important; }
        .Boxes.Testimonials > div > div{ min-height: initial !important; margin-bottom:40px; }
        .Boxes.Testimonials{ padding-bottom: 0; }
        .Boxes > div > div:last-child{ border-bottom: solid 0px #FFF; margin-bottom: 0px; padding-bottom: 0 !important; }
        .Boxes.DataStructure > div > div { align-items: baseline; }
        .Boxes.DataStructure > div > div p { text-align: left !important; }

        .buttonStyleBox, .buttonStyleBox:hover,
        .buttonStyle, .buttonStyle:hover { max-width: initial; width: calc(100% - 150px); }

        .HeroShort .buttonStyle{ max-width: 200px; }

        .GroupList { width: calc(100% - 80px); padding: 0px 40px; }

        .MbilePResentation{ display: flex; }
        .MbilePResentation .GroupList { flex-direction: column; margin-top:5vh }
        .MbilePResentation > div,
        .MbilePResentation > div > h2,
        .MbilePResentation > div > p { margin-top:25px }
        .MbilePResentation .GroupList ul{ margin:0; }
        .MbilePResentation > div{ display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; }
        .ListStyle li { margin-bottom: 15px; }


        section .container { padding: 0px; margin: 0; width: 100%; }
        section.ServicePage .container , section.ServicePage .container {
            padding: 0px;
            margin: 0px 40px;
            width: calc(100% - 80px);
        }
        section.Banner { justify-content: center; padding:10vh 0px; }
        section.Banner h2 { text-align: center; margin-bottom:0vh; margin-top:0 !important; }
        section.Banner .container > div{ margin-top: 0vh !important; }

        section.Vertical.Banner h2 { width: 100% !important; text-align: center !important; }
        section.Vertical.Banner p { text-align: center !important; }
        section.Vertical.Banner .buttonStyle { max-width: 240px !important; }

        section .backgroundImg{ height: 150vh; }

        section.PinnedVertical{ max-height: initial !important; }
        section.PinnedVertical > .container{ flex-direction: column-reverse !important; }

        section.Horizontal .container { flex-direction: column; }
        section.Horizontal.PinnedHorizontal .container > .WrapperList { height: 100%; width: 100% !important; align-items: flex-start !important; }
        section.Horizontal.PinnedHorizontal .half-background-decorative .Standout{ width: 100% !important; }
        section.Horizontal .half-background-decorative{ display: none; }
        section.Horizontal.PinnedHorizontal.text-righted .container > div:last-child{ display:none; }
        section.Horizontal.Text-lefted .container { flex-direction: column; }
        section.Horizontal.PinnedVertical.Text-lefted .container > .Standout { align-items: center; width: 100%; }
        
        section.Horizontal.Text-righted.PinnedHorizontal{ height: 100%; }
        section.Horizontal .container > div { width: 100%; align-items: center !important; padding-left: 0px; margin-right: 0px; margin-top: 10vh; }
        section.Horizontal .container > div p { text-align: center; font-size: 1.5rem; padding: 0px 30px;}
        section.Horizontal.PinnedVertical > .container .Standout + div { height: initial; align-items: center; width:90% !important; }
        section.Horizontal.PinnedVertical > .container .Standout + div p{ text-align: left !important; }
        section.Horizontal.slider{ min-height: 50vh; align-items: center; justify-content: center; }
        section.revealers.slider{ height: 100svh; }
        section.Plug-Video{ min-height: 500px; }
        section.Plug-Video video + a { width: 130px; height: 130px; }
        section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item { width: calc(100vw - 60px); margin: 0px 22px; }
        section.Horizontal .BodyScroll > div { width: calc(100vw - 80px); height: 500px; margin-bottom: 30px; }
        section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence { height: auto; }
        section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item:last-child{ opacity: 0 !important; }
        section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item:first-child,
        section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item:last-child{ width: 100px; }
        section.FAQS { padding-left: 0px !important; padding-right: 0px !important; width: calc(100% - 0px); padding-top: 0px; margin-top: 10vh; }   
        section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item:first-child{ opacity: 1; background: none; display: flex ; align-items: center; justify-content: center; }
        section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item:first-child img{ height: 154px; width: 21px; }
        section.FAQS .faq-question { margin: 0px 40px; }
        section.FAQS .faq-answer > div { padding: 20px 40px; }
        section.Horizontal.PinnedHorizontal .container > .WrapperList .Sequence .Item p{ padding: 0px 0px; }

        .Boxes.Centered > div > div:last-child { margin-bottom: 70px; }
        .Boxes.Centered > h2, .Boxes.Centered > p { text-align: center !important; }

        section.fullText.Horizontal h2{ text-align: left !important; font-weight: 200; }
        section.fullText > .container > div, section.fullText > .container > div h2{ margin-top: 0; width: calc(100% - 40px) !important; line-height: normal; padding: 0px 20px; }
        section.fullText.Vertical h2{ text-align: center !important; }
        section.Banner .container > div:last-child{ padding-top: 0px; }

        section.Roadmap.Horizontal .BodyScroll > div { width: calc(100% - 80px); padding: 40px; margin-bottom: 0; min-height: initial; }
        section.Roadmap.Horizontal .Standout .BodyScroll p {  padding: 0; max-width: initial; width: 100% !important; }
        section.Roadmap.Horizontal .container > div h2 {  margin-top:0px }
        section.Roadmap.Horizontal .Standout { margin-top:7vh; }
        section.Roadmap.Horizontal .BodyScroll > div:first-child,
        section.Roadmap.Horizontal .BodyScroll > div:last-child{ display: none; }
        .barScrolly{ display: none; }

        section.fullText .doubleButton { flex-direction: column; align-items: center; margin-top:50px; }
        section.fullText .doubleButton .buttonStyle{ margin-bottom: 10px !important; margin-top: 10px !important; }
        section.Presentation .doubleButton .buttonStyle span{ padding:0 !important }
        section.Presentation .doubleButton .buttonStyle{ padding: 25px 40px; width: calc(100% - 160px) !important; margin: 30px auto !important; text-align: left; }

        section.Presentation.Horizontal .container > div > div p { text-align: left !important; max-width: initial; margin-top: 0px !important; padding: 0px 40px; width: calc(100% - 80px) !important; }
        section.Presentation.Horizontal > .container { margin-bottom: 0px; }
        section.Presentation.Horizontal .container > div{ margin-top:3vh }
        section.Presentation.Horizontal h2 { font-size: 3rem; text-align: left !important;  width: 100% !important; padding: 0px 40px; width: calc(100% - 80px) !important; margin-top: 0vh !important; padding-bottom: 0px !important }
        section.Presentation.Horizontal span { width: 100% !important; padding: 0px 40px; width: calc(100% - 80px) !important; }
        section.Presentation.Horizontal .container:first-child { flex-direction: column; margin: 40px 40px 20px 40px; width: calc(100% - 80px); }


        .Ccontainer { height: auto !important; flex-direction: column-reverse !important; }
        /*.Ccontainer > .carousel > .carousel-track { flex-direction: column; width: 100%; padding-bottom: 70px; }*/
        .Ccontainer > .carousel { width: 100%; height: auto; }
        .Ccontainer > .carousel h2 { width: 100%; height: auto; padding: 0px 0; color: #000; }
        .Ccontainer > .carousel > .carousel-track > .coverImg { height: 450px; width: calc(100vw - 110px) !important; margin: 0px 15px 30px 15px; height: 500px; }
        section.Ccontainer > .carousel > .carousel-track > .coverImg:first-child { background: #ccc !important; }
        section.Ccontainer > .carousel > .carousel-track > .coverImg:first-child .titleSlider{ display: none; }
        .Ccontainer .bcktitle{  position: relative !important; right: initial !important; opacity: 1 !important; font-weight: 300; font-size: 3.5rem !important;
            padding: 40px; width: calc(100% - 80px); top: initial !important; color: #000 !important; left: 0 !important; font-weight: 300 !important; justify-content: space-between; }
        header .container .logo { padding: 30px 40px; }
        section.Ccontainer .bcktitle img{ width: 70px; height: auto; margin-left: 0; margin-top: 10px; opacity: 0.5; }
        header { height: 90px; padding: 0; width: 100%; }
        header ul{ display: none !important; }

        .Boxes.Relateds { background: #fff; padding-top: 0; }
        section.Banner .backgroundImg { display:none; }


        footer { flex-direction: column; }
        footer .container { flex-direction: column;}
        footer > .container > div, .footBar > .container > div { flex-direction: column; display: flex; }
        footer > .container > div > .List { flex-direction: column; display: flex; }
        footer > .container > div > .List p{  margin-bottom: 45px; max-width: initial; width: 100% !important; text-align: left !important; }
        footer > .container > .inLined { flex-direction: column; }
        footer > .container > .inLined div:first-child { flex-direction: column; }
        footer > .container > div ul.Services { flex-direction: column; }
        footer > .container > .inLined div:last-child { flex-direction: column; }
        footer > .container > .inLined > div > div{ flex-direction: row !important; justify-content: flex-start !important; }
        footer > .container > div > .List ul li a { height: 50px; align-items: center; display: flex; }
        footer > .container > .inLined ul li a { height: 50px; display: flex; align-items: center; }
        footer > .container > div > .List ul li { margin-top: 0; }
        footer .logo { height: 30px; margin-bottom: 60px; margin-top: 40px; }
        footer > .container > div ul.socials li a img { width: 40px; height: auto; margin-right: 23px; margin-left: 0px; }
        footer > .container > .inLined ul.socials { margin-top: 40px; height: 40px; margin-bottom: 50px; }
        footer > .container > div, .footBar > .container > div { padding: 10px 0px; }
        footer > .container > div{ padding: 0px 0px; align-items: flex-start; }
        footer > .container > .inLined div:first-child { align-items: start; margin-right: 0; margin-top: 25px; }
        
        .footBar > .container{ flex-direction: column; height: 18vh; }
        .footBar > .container > div:last-child { text-align: left; }
        .footbar p{ padding:0; }
        footer> .container .buttonStyle, footer > .container .buttonStyle:hover { margin: 0; height: initial; padding: 0; background: none; display: flex; color: #fff; width: 125px; }


        /* Menu Mobile */
                
            .menuMobile{
                position: fixed; top: 0; left: 100%; z-index: 11; width: 100%; height: 100%; background: #0d0d0d; display: flex; 
                align-items: center; justify-content: center; overflow: hidden; transition: all 0.2s ease-in-out; z-index: 999; }

            .menuMobile.Visibl{ left: 0%; }
            .menuMobile.Visibl + .headerScroll{ background: none; top:0 !important; }
            .menuMobile > div{ padding:40px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
            .menuMobile .Menu a img, .menuMobileTags  .Menu a img{ width: 21px; height: auto; margin-right: 13px; }
            .menuMobile > div a{ opacity: 0;  text-decoration: none; color: #fff; margin: 4px 0px; } 
            .menuMobile > div a.active{ color:#547ac9; }
            .menuMobile .Taggers img{ width: 17px; margin-right: 8px; opacity: 0.6; }
            .menuMobile .Taggers{ padding: 12px 0px; align-items: center; display: flex; font-size: 1.2rem !important; }
            .menuMobile .socials{ position: absolute; z-index: 11; width: calc(100% - 80px); display: flex; align-items: center;
                justify-content: end; bottom: 0; list-style: none; flex-direction: row; padding: 30px 40px !important; }
                
            .menuMobile .socials li{ margin-left:10px }
            .menuMobile .socials li a{ display: block; }
            .menuMobile .socials li img{ width: 50px; opacity: 1; }      

            .menu_btn_black{ opacity: 1; position: absolute; width: 38px; height: auto; top: 35px; right: 40px; cursor: pointer; z-index: 99; }

            /* Animation for menu items */
                .menuMobile.Visibl > div a { opacity: 0; transform: translateX(60px); animation: fadeInLeft 0.5s ease-out forwards; font-size: 2rem; font-weight: 100; padding: 15px 0px; }
            
            /* Delay for sequential animation */
                .menuMobile.Visibl > div a:nth-child(1) { animation-delay: 0.1s; }
                .menuMobile.Visibl > div a:nth-child(2) { animation-delay: 0.2s; }
                .menuMobile.Visibl > div a:nth-child(3) { animation-delay: 0.3s; }
                .menuMobile.Visibl > div a:nth-child(4) { animation-delay: 0.4s; }
                .menuMobile.Visibl > div a:nth-child(5) { animation-delay: 0.5s; }
                .menuMobile.Visibl > div a:nth-child(6) { animation-delay: 0.6s; }
                .menuMobile.Visibl > div a:nth-child(7) { animation-delay: 0.7s; }
                .menuMobile.Visibl > div a:nth-child(8) { animation-delay: 0.8s; }
                .menuMobile.Visibl > div a:nth-child(9) { animation-delay: 0.9s; }
                .menuMobile.hiding > div a { animation: fadeOutLeft 0.5s ease-out forwards; opacity:1; transform: translateX(0px); }
        
            /* Reverse delays to make items disappear in reverse order */
                .menuMobile.hiding > div a:nth-child(1) { animation-delay: 0.8s; }
                .menuMobile.hiding > div a:nth-child(2) { animation-delay: 0.7s; }
                .menuMobile.hiding > div a:nth-child(3) { animation-delay: 0.6s; }
                .menuMobile.hiding > div a:nth-child(4) { animation-delay: 0.5s; }
                .menuMobile.hiding > div a:nth-child(5) { animation-delay: 0.4s; }
                .menuMobile.hiding > div a:nth-child(6) { animation-delay: 0.3s; }
                .menuMobile.hiding > div a:nth-child(7) { animation-delay: 0.2s; }
                .menuMobile.hiding > div a:nth-child(8) { animation-delay: 0.1s; }
                .menuMobile.hiding > div a:nth-child(9) { animation-delay: 0s; }
                
                @keyframes fadeInLeft {
                    from { opacity: 0;  transform: translateX(60px); }
                    to {  opacity: 1; transform: translateX(0); }
                }
            
                @keyframes fadeOutLeft {
                    from {  opacity: 1; transform: translateX(0); }
                    to { opacity: 0; transform: translateX(60px); }
                }



        /* Menu Mobile Tags */
                
        .menuMobileTags{
            position: fixed; top: 0; left: 100%; z-index: 11; width: 100%; height: 100%; background: #0d0d0d; display: flex; 
            align-items: center; justify-content: center; overflow: hidden; transition: all 0.2s ease-in-out; z-index: 999; }

        .menuMobileTags.Visibl{ left: 0%; }
        .menuMobileTags.Visibl + .headerScroll{ background: none; top:0 !important; }
        .menuMobileTags > div{ padding:40px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
        .menuMobileTags > div a{ opacity: 0;  text-decoration: none; color: #fff; margin: 4px 0px; } 
        .menuMobileTags > div a.active{ color:#8ac0aa; }
        .menuMobileTags .Taggers img{ filter: invert(1); width: 17px; margin-right: 8px; opacity: 0.6; }
        .menuMobileTags .Taggers{ padding: 12px 0px; align-items: center; display: flex; font-size: 1.2rem !important; }
        .menuMobileTags .socials{ position: absolute; z-index: 11; width: calc(100% - 80px); display: flex; align-items: center;
            justify-content: end; bottom: 0; list-style: none; flex-direction: row; padding: 30px 40px !important; }
            
        .menuMobileTags .socials li{ margin-left:10px }
        .menuMobileTags .socials li a{ display: block; }
        .menuMobileTags .socials li img{ width: 50px; opacity: 1; }      


        /* Animation for menu items */
            .menuMobileTags.Visibl > div a { opacity: 0; transform: translateX(60px); animation: fadeInLeft 0.5s ease-out forwards; font-size:1.5rem; font-weight: 100; padding: 15px 0px; }
        
        /* Delay for sequential animation */
            .menuMobileTags.Visibl > div a:nth-child(1) { animation-delay: 0.1s; }
            .menuMobileTags.Visibl > div a:nth-child(2) { animation-delay: 0.2s; }
            .menuMobileTags.Visibl > div a:nth-child(3) { animation-delay: 0.3s; }
            .menuMobileTags.Visibl > div a:nth-child(4) { animation-delay: 0.4s; }
            .menuMobileTags.Visibl > div a:nth-child(5) { animation-delay: 0.5s; }
            .menuMobileTags.Visibl > div a:nth-child(6) { animation-delay: 0.6s; }
            .menuMobileTags.Visibl > div a:nth-child(7) { animation-delay: 0.7s; }
            .menuMobileTags.Visibl > div a:nth-child(8) { animation-delay: 0.8s; }
            .menuMobileTags.Visibl > div a:nth-child(9) { animation-delay: 0.9s; }
            .menuMobileTags.hiding > div a { animation: fadeOutLeft 0.5s ease-out forwards; opacity:1; transform: translateX(0px); }
    
        /* Reverse delays to make items disappear in reverse order */
            .menuMobileTags.hiding > div a:nth-child(1) { animation-delay: 0.8s; }
            .menuMobileTags.hiding > div a:nth-child(2) { animation-delay: 0.7s; }
            .menuMobileTags.hiding > div a:nth-child(3) { animation-delay: 0.6s; }
            .menuMobileTags.hiding > div a:nth-child(4) { animation-delay: 0.5s; }
            .menuMobileTags.hiding > div a:nth-child(5) { animation-delay: 0.4s; }
            .menuMobileTags.hiding > div a:nth-child(6) { animation-delay: 0.3s; }
            .menuMobileTags.hiding > div a:nth-child(7) { animation-delay: 0.2s; }
            .menuMobileTags.hiding > div a:nth-child(8) { animation-delay: 0.1s; }
            .menuMobileTags.hiding > div a:nth-child(9) { animation-delay: 0s; }
       
        
        section.revealers + section { min-height: 100svh; }
        section.revealers.HeroShort + section { min-height: 80svh; }
        section.revealers.HeroShort .animationTitles h1{ margin-top: 0vh }

        section.ServicePage { justify-content: end !important; }
        section.ServicePage .container > div{ margin-top: 0vh; }
        section.ServicePage .animationTitles{ width: calc(100% - 0px) !important; padding-left: 0px !important; margin-bottom: 0px; }
        section.ServicePage .container > div p { padding: 0; width: 100% !important; text-align: left !important;  font-weight: 100;  }
        section.ServicePage .container > div h1{ font-size: 3.5rem; text-align: left; width: 100%; flex-direction: column; align-items: flex-start; line-height: 3.4rem; }
        .Boxes.Blog .BoxPost.Serv { margin-top: 0; }

        section.Boxes.container > div > div {
            max-width: calc(100% - 80px);
        }
        section.container.Boxes > div{ flex-direction: column !important; }
        .SingleService section.Presentation > .container{
            padding:0 !important;
            margin:0;
        }


        /* Services page */
        .SingleService .animationTitles h1{
            font-size: 3rem !important;
        }
        .lang-link{ background: #fff; }

        .SwitcherMobile{
            position: fixed;
            z-index: 9;
            right: -80px;
            top: 90px;
            transition: right 0.3s ease-in-out;
        }
        .SwitcherMobile.is-open {
            right: 30px;
        }
        .menu_flag.is-opa {
            opacity: 0.4;
        }
        .language-switcher {
            position: relative;
            z-index: 9999;
            padding: 0;
            border-left: solid 0px #ccc;
            margin: 0;
        }
        .language-nav {
            display: flex;
            flex-direction: column;
        }
        
        .Boxes.Relateds.Text-lefted > div {
            justify-content: center !important;
        }

        section.Boxes > .MainBox > div{
            background: #fff !important;
            padding: 60px 40px !important;
            margin-top: 0px;
            border-bottom: solid 1px #dddddd !important;
            border-radius: 0px;
            margin-bottom: 60px !important;
        }

        .HeroHome .animationTitles .doubleButton { flex-direction: column; align-items: center; margin-bottom:3vh !important; width: 100%; display: flex; }
        .HeroHome.HeroShort.Plug-Slider .animationTitles .doubleButton > .buttonStyle {
            margin: 16px 6px 0px 6px !important;
            padding: 15px 30px;
        }

        section.fullText.smallerText h2{ font-size: 2.5rem; }

        section.HeroHome{
            height: 100svh !important;
        }

        .Hero.Full .secure-form-container {
            margin: 0px 0px 0px 0px !important;
            border-radius: 0px !important;
            border-top: solid 1px #dbccff36;
            background: none !important;
            box-shadow: none !important;
            border:0 !important;
            padding-top: 50px !important;
        }
        .Hero.Full .animationTitles {
            justify-content: end;
            min-height: 50vh;
        }
        .Hero.Full .animationTitles h1{
            width: calc(100% - 80px);
            margin: 0px 40px;
            font-size: 3.5rem !important;
        }

        section.HeroBlog.ServicePage {
            min-height: 60vh !important;
        }

        .Boxes.Relateds h2{
            margin: 0 auto;
        }

        section.ServicePage.SubServiceHero .animationTitles .splitText {
            align-items: flex-start;
        }

        .SinglePage .HeroBlog .animationTitles p a {
            font-size: 1.5rem;
            line-height: 2.5rem;
        }

        .SinglePage .HeroBlog .animationTitles p img {
            width: 38px;
            margin-bottom: 10px;
            margin-right: 8px;
        }

        .SinglePage section.HeroBlog .animationTitles p {
            width: 100% !important;
            flex-direction: column;
            display: flex;
        }

        .Logos h2{
            text-align: left !important;
        }

        .titleSubService {
            width: calc(100% - 80px);
            font-size: 3.5rem;
            margin-top: 0;
            color: #7d31d8;
            margin-bottom: 60px;
            padding: 0px 40px;
        }

        .SingleService section.HeroBlog.ServicePage {
            min-height: 50vh !important;
        }

        .blockContent .lineTit {
            flex-direction: column;
            align-items: flex-start;
            width: calc(100% - 80px);
            padding: 40px 40px 0px 40px;
        }

        .blockContent p {
            width: calc(100% - 80px) !important;
            padding: 0px 40px;
            text-align: left !important;
        }

        .blockContent ul{
            flex-direction: column;
        }

        .blockContent h3,
        .blockContent h4,
        .blockContent h2{
            font-size: 3rem;
        }

        .SingleService section.Presentation > .container.TextBlock{
            flex-direction: column-reverse;
        }
        .SingleService section.Presentation .container.TextBlock > div {
            margin-top: 0vh;
        }
        .SingleService section.Presentation .container.TextBlock {
            margin-top: 2vh;
        }
        .SingleService section.Presentation + .Boxes{
            padding-bottom: 0vh;
            padding-top: 0vh;
        }
        .Hero.HeroBlog.ServicePage .container p{
            font-size: 1.4rem;
            font-weight: 100 !important;
        }
        .Hero.HeroBlog.ServicePage .container h1{
            font-size: 3rem;
        }
        .SinglePage .HeroBlog .animationTitles h1 {
            font-size: 3rem !important;
            line-height: 3.4rem;
        }
        section.Hero.Full .animationTitles + div > h2{
            font-size: 2rem;
            line-height: normal;
            font-weight: 600;
            margin-top: 2vh;
            margin-bottom: 2vh;
        }

        .animationTitles img.logo {  max-width: 230px;  margin-top: 40px; }
        .backgroundHero { object-fit: cover; height: 100%; width: auto; opacity: 0.25; transform: translate(-50%, -50%); object-fit: cover; }
        section.HeroHome.SubscriptionModule .container > div p {  margin-bottom: 0px !important;  font-size: 25px; }


    }


    .joinButton,
    .joinButton:hover{
        position: absolute;
        z-index: 99;
        bottom: 44px;
        left: 50%;
        width: auto;
        max-width: initial !important;
        background:#fff;
        border: solid 1px #ffffff00;
        height: 40px;
        color: #000;
        font-weight: 700;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .joinButton:hover{
        border:solid 1px #fff !important;
        background: #151515;
        color: #fff;
    }



    @media (max-width: 768px) {
        .joinButton,
        .joinButton:hover{
            width: auto;
            font-size: 13px;
            height: auto !important;
            line-height: 1.15rem;
            padding: 15px 30px;
            min-width: 200px;
        }
        .HeroHome.Vertical .animationTitles .doubleButton > a span{
            font-size: 13px;
            height: auto !important;
            line-height: 1.15rem;
        }
        .HeroHome.Vertical .animationTitles .doubleButton > a{
            padding: 10px 35px;
        }
    }