/**
 * Place for paragraph-faq styles here.

MAIN

*/
 
/* MAIN */
.ckeditor-accordion-container dd {
 display: none!important;
}

.ckeditor-accordion-container.active dd {
 display: block!important;
}


.paragraph-faq {
  
}

.paragraph-faq__title {
 text-align: center;
 margin-bottom: 30px;
}

.paragraph-faq__description {
 text-align: center;
 color: var(--dark-gray);
}

.paragraph-faq__description > div {
 display: grid;
 grid-template-columns: 1fr 1fr;
 column-gap: 3rem;
}

.paragraph-faq__description .ckeditor-accordion-toggler {
 background: none!important;
 color: var(--font-primary)!important;
 text-align: left;
 padding-left: 15px!important;
 margin: 16px 24px!important;
 padding: 0!important;
 font-weight: 600;
}

.paragraph-faq__description p {
 text-align: left;
}

.paragraph-faq__description .ckeditor-accordion-container dl {
 border: var(--border-base);
 transition: all .3s ease;
}

.paragraph-faq__description .ckeditor-accordion-container dl:hover {
 border: var(--border-base-hover);
}

.paragraph-faq__description .ckeditor-accordion-container dd {
 padding: 0!important;
}

.paragraph-faq__description .ckeditor-accordion-container p {
 padding: 0!important;
 margin: 16px 24px!important;
}

.paragraph-faq__description .ckeditor-accordion-toggler:after {
 background: url(/sites/default/files/images/icon-arrow-down.svg) no-repeat!important;
 margin-top: 5px!important;
 right: 0!important;
}

.paragraph-faq__button {
 width: fit-content;
 margin-left: auto;
 margin-right: auto;
 width: fit-content;
 padding: 10px 18px;
 -webkit-border-radius: 4px;
 border-radius: var(--border-radius);
 font-size: 14px;
 background: var(--red);
 border: var(--border-base);
 color: var(--white);
 font-weight: bold;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 text-transform: inherit;
 margin-top: 2rem;
 margin-bottom: 6px;
 margin-left: auto;
 margin-right: auto;
}

.paragraph-faq__button:hover {
 background: -webkit-gradient(linear, left top, left bottom, from(#C00000), to(#ff7171));
 background: -webkit-linear-gradient(top, #C00000 0, #ff7171 100%);
 background: -o-linear-gradient(top, #C00000 0, #ff7171 100%);
 background: linear-gradient(180deg, #C00000 0, #ff7171 100%)
}











/* ADAPTIVE */
@media (min-width: 1920px) {

}

@media (max-width: 1920px) {
 
}

@media (max-width: 1919px) {
}

@media (max-width: 1800px) {

}

@media (max-width: 1700px) {
 
}

@media (max-width: 1600px) {
 
}

@media (max-width: 1500px) {

}

@media (max-width: 1440px) {
 
}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {
 .paragraph-faq__widgets > div > div {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 1150px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {
 .paragraph-faq__widgets > div {
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
 }
}

@media (max-width: 900px) {
 .paragraph-faq__description > div {
  grid-template-columns: 1fr;
 }
 .paragraph-faq__title {
  margin-bottom: 20px;
 }
}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
 .paragraph-faq__description .ckeditor-accordion-toggler {
  margin: 16px 50px 16px 24px!important;
 }
 .paragraph-faq__description .ckeditor-accordion-toggler:after {
  right: -35px!important;
 }
}

@media (max-width: 650px) {
 .paragraph-faq__widgets > div > div {
  grid-template-columns: 1fr;
 }
}

@media (max-width: 480px) {
}

@media (max-width: 450px) {
}

@media (max-width: 380px) {
}