.home-bg-cover {
    background-image: url("../img/covers/appybros-trasformazione-digitale-prototyping.jpg");
}

.about-bg-cover {
    background-image: url("../img/covers/agenzia-sviluppo-web-siti-web-applicazione-web.jpg");
}

.case-bg-cover {
    background-image: url("../img/covers/Cover_page.jpg");
}

.service-bg-cover {
    background-image: url("../img/covers/digital-transformation-custom_solution.jpg");
}

.agencies-bg-cover {
    background-image: url("../img/covers/appybros-digital-agency.jpg");
}

.prototype-bg-cover {
    background-image: url("../img/covers/digital-prototype-prototipazione.jpg");
}

.contact-bg-cover {
    background-image: url("../img/covers/contatti-appybros.jpg");
}

.mvp-bg-cover {
    background-image: url("../img/covers/sviluppo-mvp-minimum-viable-product.jpg");
}

.career-bg-cover {
    background-image: url("../img/covers/lavora-con-noi-career-appybros.jpg");
}

.mobile-app-bg-cover {
    background-image: url("../img/covers/sviluppo-app-ios-android.jpg");
}

.custom-software-bg-cover {
    background-image: url("../img/covers/sviluppo-software-aziendale-custom-software.jpg");
}

.web-app-bg-cover {
    background-image: url("../img/covers/sviluppo-piattaforma-web-app-applicativi-mobile-responsive.jpg");
}

.approach-bg-cover {
    background-image: url("../img/covers/approccio-appybros.jpg");
}

.img-prototype {
    background-image: url("../img/graphics/prototype-development.jpg");
    background-size: cover;
}

.img-mvp {
    background-image: url("../img/graphics/mvp-minimum-viable-product.jpg");
    background-size: cover;
}

.img-design-sprint {
    background-image: url("../img/graphics/design-sprint.jpg");
    background-size: cover;
}

.img-web-app {
    background-image: url("../img/graphics/web-app-development.jpg");
    background-size: cover;
}

.img-mobile-app {
    background-image: url("../img/graphics/mobile-app-development.jpg");
    background-size: cover;
}

.img-custom-software {
    background-image: url("../img/graphics/custom-software-solution.jpg");
    background-size: cover;
}

.team-img-wahed {
    background-image: url("../img/team/abdul-wahed-mehran.jpg");
}

.team-img-mattia {
    background-image: url("../img/team/mattia-candeloro.jpg");
}

.team-img-claudia {
    background-image: url("../img/team/claudia-borio.jpg");
}

.team-img-alberto {
    background-image: url("../img/team/alberto.jpg");
}

.about-team {
    background-image: url("../img/team/img-team.jpg");
}

.design-sprint {
    background-image: url("../img/graphics/services/design_sprint_background.jpg");
}

.bg-storyore {
    background-image: url("../img/covers/01.jpg");
}

.bg-finser {
    background-image: url("../img/covers/02.jpg");
}

.bg-appybros {
    background-image: url("../img/covers/03.jpg");
}

.design-sprint-bg-cover {
    background-image: url("../img/covers/design-sprint.jpg");
}

.form-thankyou-wrapper ul {

    list-style-type: none;

}

.form-thankyou-wrapper ul li {

    font-size: 2em;

    font-color: #ffffff;

}

.hbspt-form .form_dark input {
    color: white;
}

.hs-input {
    color: #ffffff !important;
}

.hs-form input[type=date], .hs-form input[type=datetime], .hs-form input[type=datetime-local], .hs-form input[type=email], .hs-form input[type=month], input[type=number], .hs-form input[type=password], .hs-form input[type=range], .hs-form input[type=search], .hs-form input[type=tel], .hs-form input[type=text], .hs-form input[type=time], .hs-form input[type=url], .hs-form input[type=week], .hs-form .input textarea, .hs-form .hs-input textarea, .hs-form textarea, .hs-form .input select, .hs-form .hs-input select, .hs-form select {
    color: #ffffff !important;
}

.funziona {
    background-image: url("../img/Design sprint/Desk/Banner_desk.jpg");
}

.gradient-text {
    background-image: linear-gradient(45deg, #b300ff, #ff901e);

    /* Set the background size and repeat properties. */
    background-size: 100%;
    background-repeat: repeat;

    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

/* .active-nav {
    margin-bottom: 0px;
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
} */
/* 
.hidden {
    opacity: 0;
} */

.font-family-none {
    font-family: sans-serif !important;
}

.home-bg-m-top {
    padding-top: 4.25rem
}

/* .sticky-nav {
    position: fixed;
    z-index: 999 !important;
} */

.involves-you-img {
    background-image: url("../img/Design sprint/BG_involves_you.jpg");
}

/* 
.subMenu {
    left: 33%;
    width: 250px;
    top: 75px;
    transition: .4s;
} */
#nav-poitner {
    display: none;
}
#nav-pointer.show {
    border: 1px solid white;
    background-color: white;
}
.js-pointable.selected::before {
    content: ' ';
    position: absolute;
    border: 3px solid white;
    background-color: white;
    height: 7px;
    top: calc(100% + 27px);
    left: 0px;
    right: 0px;
    border-radius: 3px;
}
@media screen and (min-width:1024px) {
    .js-pointable.hollow::before {
        background-color: transparent;
    }
    #nav-pointer {
        display: block;
        position: absolute;
        top: calc(100% + 29px);
        height: 4px;
        border-radius: 3px;
        transition: left .3s ease, width .3s ease;
    }
}
.js-nav {
    transition: padding .5s ease, top .5s ease .1s;
    width:100%;
}
.js-nav-body {
    transition:background-color .4s ease;   
}
.hold-up {
    top:-47px;
}
.js-nav.bring-down {
    top: 0px;
}
/* .js-nav.fixed {
    padding:8px;
} */
.js-nav.fixed .js-nav-body {
    /* border-radius: 10px; */
    background-color:black;
}

.header-mt {
    margin-top: 125px;
}

/* tailwindcss--------------------------------------------------------------  */
@media screen and (min-width:768px) {
    .md-justify-initial {
        justify-content: initial;
    }
}
/* --------------------------------------------------------------tailwindcss  */

/* Statamic Markdown--------------------------------------------------------- */
.statamic-markdown a {
    text-decoration: underline;
    white-space: pre-line;
}
.statamic-markdown ul {
    margin-bottom:30px;
}
.statamic-markdown ol {
    margin-bottom:30px;
}
.statamic-markdown ul > li {
    list-style:disc;
}
.statamic-markdown ol > li {
    list-style:decimal;
}
.statamic-markdown p {
    margin-bottom:30px;
}
.statamic-markdown h1 {
    font-size: 3.75rem;
    line-height: 1;
    margin-bottom:30px;
}
.statamic-markdown h2 {
    font-size: 3rem;
    line-height: 1;
    margin-bottom:30px;
}
.statamic-markdown h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom:30px;
}
.statamic-markdown h4 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom:30px;
}
.statamic-markdown h5 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom:30px;
}
.statamic-markdown h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom:30px;
}
.statamic-whitespace-pre-line > p {
    white-space: pre-line;
}
/* --------------------------------------------------------- Statamic Markdown*/


/* Statamic Bard ------------------------------------------------------------ */
.statamic-bard-text h2, .statamic-bard-text h3, .statamic-bard-text h4, .statamic-bard-text h5, .statamic-bard-text h6 {
    font-weight: 700;
}
.statamic-bard-text a {
    text-decoration: underline;
}
.blog-bard a {
    color: #19a1e6;
}
.statamic-bard-text ul {
    list-style-type: disc;
    padding-left: 30px;
}
.statamic-bard-text li > ul {
    padding-left: 25px;
    list-style-type: circle;
}
.statamic-bard-text ol {
    list-style-type: decimal;
    padding-left: 30px;
}
.statamic-bard-text h2 {
    font-size: 1.5rem; /* 24px  text-2xl*/
    line-height: 2rem; /* 32px */
    margin-bottom: 38px;
}
.statamic-bard-text h3 {
    font-size: 1.25rem; /* 20px text-xl*/
    line-height: 1.75rem; /* 28px */
    margin-bottom: 30px;
}
.statamic-bard-text h4 {
    font-size: 1.125rem; /* 18px text-lg*/
    line-height: 1.75rem; /* 28px */
    margin-bottom: 25px;
}
.statamic-bard-text h5 {
    font-size: 1rem; /* 16px text-base*/
    line-height: 1.5rem; /* 24px */
    margin-bottom: 25px;
}
.statamic-bard-text h6 {
    font-size: 1rem; /* 16px text-sm*/
    line-height: 1.5rem; /* 24px */
    margin-bottom: 25px;
}
.statamic-bard-text P {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
    margin-bottom: 25px;
}
.statamic-bard-text strong {
    font-weight: 700;
}
.statamic-bard-text.extrong-bold strong {
    font-family: sans-serif !important;
    font-weight: 900 !important;
}
.statamic-bard-text hr {
    height: 1px;
    background-color: #d1d5db;
    margin:15px 0px;
}
.blog-bard hr {
    height: 3px;
    background-color: #7c7c7c;
    margin:15px 0px
}
@media screen and (min-width: 768px) {
    .statamic-bard-text h2 {
        font-size: 1.875rem; /* 30px text-3xl*/
        line-height: 2.25rem; /* 36px */
    }
    .statamic-bard-text h3 {
        font-size: 1.5rem; /* 24px  text-2xl*/
        line-height: 2rem; /* 32px */
    }
    .statamic-bard-text h4 {
        font-size: 1.25rem; /* 20px text-xl*/
        line-height: 1.75rem; /* 28px */
    }
    .statamic-bard-text h5 {
        font-size: 1.125rem; /* 18px text-lg*/
        line-height: 1.75rem; /* 28px */
    }
    .statamic-bard-text h6 {
        font-size: 1rem; /* 16px text-base*/
        line-height: 1.5rem; /* 24px */
    }
}
@media screen and (min-width: 1024px) {
    .statamic-bard-text h2 {
        font-size: 2.25rem; /* 36px text-4xl*/
        line-height: 2.5rem; /* 40px */
    }
    .statamic-bard-text h3 {
        font-size: 1.875rem; /* 30px text-3xl*/
        line-height: 2.25rem; /* 36px */
    }
    .statamic-bard-text h4 {
        font-size: 1.5rem; /* 24px  text-2xl*/
        line-height: 2rem; /* 32px */
    }
    .statamic-bard-text h5 {
        font-size: 1.25rem; /* 20px text-xl*/
        line-height: 1.75rem; /* 28px */
    }
    .statamic-bard-text h6 {
        font-size: 1.125rem; /* 18px text-lg*/
        line-height: 1.75rem; /* 28px */
    }
}
@media screen and (min-width: 1024px) {
    .statamic-bard-text h2 {
        font-size: 1.875rem; /* 30px text-3xl*/
        line-height: 2.25rem; /* 36px */
    }
    .statamic-bard-text h3 {
        font-size: 1.5rem; /* 24px  text-2xl*/
        line-height: 2rem; /* 32px */
    }
    .statamic-bard-text h4 {
        font-size: 1.25rem; /* 20px text-xl*/
        line-height: 1.75rem; /* 28px */
    }
    .statamic-bard-text h5 {
        font-size: 1.125rem; /* 18px text-lg*/
        line-height: 1.75rem; /* 28px */
    }
    .statamic-bard-text h6 {
        font-size: 1rem; /* 16px text-base*/
        line-height: 1.5rem; /* 24px */
    }
}
/* ------------------------------------------------------------Statamic Bard  */

#features .splide__arrow  {
    display: none !important;
}

[x-cloak] { display: none !important; }

.underline-gradient {
    background-image: linear-gradient(90deg, #4E3FFF, #FF4BF2, #ffbb0e);
    -webkit-background-clip: text;
    color: transparent;
    border-bottom: 2px solid #b34bff;
    font-weight: 700;
}

/* Force white text on hero paragraphs */
.hero-subtitle {
    color: white !important;
}
.hero-subtitle * {
    color: white !important;
}