/* HEADER */

button {
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

button:hover{
    transform: scale(1.05);
    background-color: var(--bluef) !important;
}


.text-responsive {
    font-size: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.375rem);
}



.h2-responsive {
    font-size: clamp(2rem, 1.7857rem + 1.0714vw, 3.5rem);
}


.header {
    background: linear-gradient(to bottom, #a3e0ff83, rgba(255, 255, 255, 0.862)), url(https://grainy-gradients.vercel.app/noise.svg);
    padding-top:clamp(5rem, 4rem + 5vw, 12rem);;
    padding-bottom: 3rem ;
}

.header-resize-text {
    font-weight: 700;
    font-size: clamp(2.25rem, 1.9286rem + 1.6071vw, 4.5rem);
}


.items-media-query {
    gap: 200px;
}

.background-color {
    background-color: #eef9ff;
    border-radius: 24px;
}

.carousel-card{
    border-radius: 12px;
}

.carousel-cards{
    padding: 3rem 0;
}

.partner-title h2 {
    font-size: clamp(1.5rem, 1.4286rem + 0.3571vw, 2rem);
    font-weight: 600;
}

.service-column-left {
    gap: 30px;
}

.service-column-left-title h2,
.font-weight-600 {
    font-weight: 600;
}

.partner-logo-1kubator img {
    height: 80px;
}

.super-indep a:hover{

    text-decoration: none !important;
    color: var(--bluef);
}


.line-2{
    font-size: 0.75rem;
    width: 290px;
    margin: 0;
}

.tc-logo img{
    height: 80px;
}

.partner-logo img {
    max-height: 120px;
}

.superindep{
    height: 60px;
}

.service-column-right-img img {
    height: clamp(12.5rem, 7.1429rem + 26.7857vw, 50rem);
    box-shadow: 8px 8px 26px rgba(97, 97, 97, 0.451);
    border-radius: 18px;
}

#work-it {
    gap: 50px;
}

.work-it-space {
    gap: 30px;
}

.card-design {
    background-color: white;
    box-shadow: 8px 8px 26px rgba(97, 97, 97, 0.1);
    border: white;
    border-radius: 24px;
    width: 100%;
}

.work-it-card-description p {
    color: #535353;
}

.work-it-background-card{
    margin-top:-100px;transform: translateY(100px);
}

.card-offer-design {
    padding: 0 !important ;
    background-color: white;
    border-radius: 24px;
    box-shadow: 8px 8px 26px rgba(97, 97, 97, 0.1);
}

.card-header {
    border-top-right-radius: 24px !important;
    border-top-left-radius: 24px !important;
    background-color: #ebf7fd;
    border: none;
}

.price-offer-card-title-delay-text2 {
    background-image: linear-gradient(225deg, #005cb9, #59b2e0);
    border-radius: 22px;
    color: white;
}

.price-offer-card-description {
    gap: 10px;
}

.price-offer-card-description-text {
    gap: 30px;
}

.price-offer-card-description-text-include {
    gap: 10px;
}

.price-includ-design {
    background-color: rgba(128, 128, 128, 0.374);
    border-radius: 18px;
}

.testimony {
    gap: 40px;
}

.testimony-card-container {
    background-color: rgb(255, 255, 255);
    background-color: white;
    box-shadow: 8px 8px 26px rgba(97, 97, 97, 0.1);
    border-radius: 8px;
}

.testimony-background-card{
    margin-top:-20px;
    transform: translateY(-20px);
    width: 100%;
}

#question .row{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.question-left{
    gap: 35px;
}

.question-right{
    width: 100%;
}

.arrow {
    transition: all 0.5s ease;
    transform: rotate(-90deg);
}

.active .arrow {
    transform: rotate(0deg);
}
.accordion {

    cursor: pointer;
    background-color: white;
    border: none;
    outline: none;
    transition: 0.4s;
    border-top: 1px solid black;
}
.accordion-last {

    cursor: pointer;
    background-color: white;
    border: none;
    outline: none;
    transition: 0.4s;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.panel,.panel-last {
    background-color: white;
    display: none ;
    overflow: hidden ;
}

.panel-last{
    border-bottom: 1px solid black;
}

.panel ul, .panel-last ul {
    gap: 20px;
}

#service{
    scroll-margin-top: 190px;
}

#work-it{
    scroll-margin-top: 150px;

}

#price{
    scroll-margin-top: 100px;

}












@media (max-width: 1480px) {
    #service {
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 30px;
    }
    .service-column-left-description ul {
        list-style: none;
        padding: 0;
    }

    .text-responsive {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .service-column-right-img img {
        margin-top: 30px;
    }

    .service-column-right {
        margin-left: 0 !important ;
    }
}


@media (max-width: 1300px) {
    .partner-logo-items {
        flex-direction: column;
        align-items: center !important;
        gap: 40px;
    }
}

@media (max-width: 991px) {
    
    .price-offers-cards {
        justify-content: center;
    }
}
@media (max-width: 450px) {
    
    .carousel-cards img {
        margin: 0 1rem !important;
    }
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .items-media-query {
        width: 96%;
        gap: 120px;
    }
    .work-it-title h2 {
        text-align: center;
    }

    .price-offer-card-title-delay {
        flex-direction: column;
        gap: 10px;
    }

    .price-offer-card-title-offer h3 {
        text-align: center;
    }

    .price-text p{
        text-align: center;
    }
    .price-title h2{
        text-align: center;
    }
    .price-description p{
        text-align: center;
    }

    .testimony-text p{
        text-align: center;
    }

    .testimony-title h2{
        text-align: center;
    }

    .testimony-media-query{
        flex-direction: column !important;
        align-items: center;
    }

    .testimony-card-title-card h4 {
        text-align: center;
    }
    .testimony-card-description{
        text-align: center;
    }
    .question-left{
        text-align: center;
        margin: 0 !important ;
    }

    .question-left-button{
        margin-bottom: 5rem;
    }

    .testimony-card-stars-card{
        margin-bottom: 1rem;
    }

    .accordion-media-query h5{
        text-align: center;
    }

    .panel p, .panel li, .panel-last li{
        text-align: center;
    }

    .panel li, .panel-last li{
        list-style: none;
    }
    
    .panel ul, .panel-last ul {
        padding: 0;
        
    }

    .accordion{
        justify-content: center;
        text-align: center;
    }

}

@media (max-width: 391px) {
    
    /* .accordion-media-query { 
        flex-direction: column !important;
        gap: 10px;
    } */
    .arrow{
        display: none;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .items-media-query {
        gap: 120px;
        width: 92%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .items-media-query {
        gap: 100px;
        width: 88%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .items-media-query {
        gap: 120px;
        width: 84%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .items-media-query {
        width: 80%;
    }
}