.faq-close-btn.disabled, .faq-open-btn.disabled{
    max-height: 0;
    padding: 0;
}

.faq-open-btn, .faq-close-btn{
    overflow: hidden;
    max-height: 50px;
    border: 0;
    background: none;
}

.collapsible-faq-wrapper.active{
    max-height: 3000px;
}

.collapsible-faq-wrapper{
    width: 100%;
    flex-direction: column;
    align-items: center;
    max-height: 0;
    overflow: hidden;
    display: flex;
}

.collapsible-faq-wrapper .accordion-item{
    width: 100%;
}
.drony-header{
    width: 100%; 
    display: flex; 
    position: relative; 
    background-position-y: 23%; 
    background-image: url('../img/drony.png'); 
    padding: 60px; 
    border-radius: 20px; 
    box-shadow: 0 6px 20px rgba(150, 150, 150, 0.2); 
    min-height: 400px; 
    overflow: hidden;
}
.default-main h1:nth-child(2){
    display: none;
}
.drons-title{
    font-weight: 600;
}
.drons-block{
    width: 100%; 
    display: flex; 
    flex-direction: column; 
    align-items: left; 
    gap: 20px;
}
.drons-p{
    font-size: 16px;
}
.width-p85{
    width: calc(85% - 10px)
}
.width-p80{
    width: calc(75% - 10px);
}
.drons-ul{
    display: flex; 
    gap: 15px; 
    font-weight: 400;
    flex-direction: column;
}
.drons-wrapper{
    width: 100%; 
    display: flex; 
    gap: 20px; 
    justify-content: space-around; 
    flex-wrap: wrap;
}    
.drons-wrap-item{
    /* background: linear-gradient(white, blue, red);  */
    background-color: #015182;
    color: white ;
    font-weight: 600;
    border-radius: 8px; 
    box-shadow: 0 6px 20px rgba(150, 150, 150, 0.2); 
    padding: 20px;
}
.w100x2{
    width: calc(100% / 2 - 20px); 
    /* background-color: #c7c7c7;
    color: black; */
}
.w100x4{
    width: calc(100% / 4 - 20px);
}
.w100x3{
    width: calc(100% / 3 - 20px);
    display: flex; 
    flex-direction: column; 
    align-items: flex-start;
    gap: 10px;
    color: black;
    font-weight: 400;
    background-color: #E6CB96 !important;
}
.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.drons-head{
    width: 80%; 
    display: flex; 
    height: 100%; 
    z-index: 10;
    flex-direction: column; 
    justify-content: space-between; 
    align-items: flex-start;
}
.text-2col{
    width: 100%; 
    display: flex; 
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; 
    justify-content: space-between;
}
.text-border-blue{
    width: calc(25% - 10px); 
    border: #015182 solid 5px; 
    border-radius: 8px; 
    background-color: white;
    padding: 20px;
}
.photo-head{
    position: absolute; 
    bottom: 0; 
    right: 0; 
    height: 400px; 
    z-index: 1;
    transform: rotate(15deg); 
    opacity: 0.3;
}
.text-blue-border-left{
    border-left: #015182 solid 10px; 
    width: calc(15% - 10px); 
    padding: 20px;
}

@media(max-width: 1279px){
    .drons-wrap-item{
        width: 100% !important;
    }
    .drons-head{
        width: 100% !important; 
    }
    .text-border-blue, .width-p80, .width-p85, .text-blue-border-left{
        width: 100% !important;
    }
}
@media(min-width: 611px) and (max-width: 768px){
    .photo-head{
        display: none;
    }
    .drony-help{
        font-size: 1.8rem !important;
    }
    .drony-quest{
        font-size: 1.8rem !important;
    }
    .drony-href{
        font-size: 1.5rem !important;
    }
    .drony-def{
        font-size: 1.8rem !important;
    }
}
@media(max-width: 610px){
    .photo-head{
        display: none;
    }
    .drony-help{
        font-size: 1.5rem !important;
    }
    .drony-quest{
        font-size: 1.5rem !important;
    }
    .drony-href{
        font-size: 1.2rem !important;
    }
    .drony-def{
        font-size: 1.5rem !important;
    }
    .drony-header{
        min-height: 330px;
    }
    .drony-text-links{
        flex-direction: column;
        align-items: center;
    }
    .drony-header{
        padding: 40px !important;
    }
}
.drony-text-links{
    display: flex; 
    justify-content: space-evenly; 
    gap: 20px; 
    width: 100%;
}
.drony-def{
    color: white;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 3rem;
}
.drony-href{
    color: white;
    border-bottom: dashed 2px white;
    font-size: 2.5rem;
    font-weight: 800;
}
.drony-quest{
    color: #E6CB96;
    font-size: 2.5rem;
    font-weight: 800;
}
.drony-help{
    align-self: center;
    font-size: 3rem;
    font-weight: 600;
    color: white;
}
@media(min-width: 1650px) and (max-width: 1760px){
    .photo-head{
        height: 300px !important;
    }
}
@media(min-width: 500px) and (max-width: 1649px){
    .photo-head{
        left: 0 !important;
        right: 100% !important;
        transform: rotate(0deg) !important;
        height: 300px !important;
    }
}
@media (min-width: 768px) and (max-width: 1279px){
    .drony-help{
        font-size: 2rem !important;
    }
    .drony-quest{
        font-size: 2rem !important;
    }
    .drony-href{
        font-size: 1.5rem !important;
    }
    .drony-def{
        font-size: 2rem !important;
    }
}
@media(min-width: 1230px) and (max-width: 1400px){
    .drony-header{
        background-position-x: 25% !important;
    }
}
@media(min-width: 1000px) and (max-width: 1229px){
    .drony-header{
        background-position-x: 40% !important;
    }
}
@media(max-width: 999px){
    .drony-header{
        background-image: none !important;
        background-color: #015182 !important;
    }
    .photo-head{
        right: 0 !important;
        left: auto !important;

    }
}

.drons-block-wrapper{
    width:100%;
    justify-content: center;
    display: flex;
    padding-top: 50px;
    text-decoration: none;
}

@media(min-width: 1921px){
    .drons-block-wrapper{
        width: 1920px !important;
    }
}