.preguntes-block-head {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    list-style:none;
    padding:0;
    margin:0;
    flex-wrap:wrap;
}

.pregunte-rapide-title,
.dropdown-mobile-title {
    margin:0 10px 16px 0;
    font-size:13px;
    line-height:1.210;
    white-space:nowrap;
    border:1px solid var(--wp--preset--color--yellow);
    padding:14px 25px;
    border-radius:50px;
    cursor:pointer;
}

.pregunte-rapide-dropdown .pregunte-rapide-title {
    border-color: var(--wp--preset--color--very-light-gray);
    color: var(--wp--preset--color--black);
    background: url('/wp-content/uploads/2024/04/Polygon-1.svg') no-repeat right 10px center;
}

.pregunte-rapide-title:hover,
.pregunte-rapide.active .pregunte-rapide-title{
    background-color:var(--wp--preset--color--power-blue);
    color:var(--wp--preset--color--white);
    border-color:var(--wp--preset--color--power-blue);
}

.pregunte-rapide-text p {
    font-size:20px;
    line-height:1.210;
    font-weight:700;
}

.pregunte-rapide-text.active strong{
    color: var(--wp--preset--color--power-blue);
}

.preguntes-block-body {
    position:relative;
    align-items:flex-start;
    display:flex;
    padding-bottom: 34px;
    margin-top: 20px;
}

.hold-img-perguntes-block-body{
    width: 203px;
    height: 201px;
}

.pregunte-rapide-text {
    border:1px solid var(--wp--preset--color--dark-grey);
    margin-bottom:40px;
    padding:56px;
    border-radius:0 10px 10px 0;
    width:70%;
    margin: 0 0 0 auto;
    position:relative;
    width: calc(100% - 270px);
}

.pregunte-rapide-text:after {
    display: block;
	position: absolute;
	content: '';
	width:60.01px;
	height:80px;
	top:-1px;
	left:-59px;
	background-size:auto;
	background-repeat:no-repeat;
	background-color:var(--wp--preset--color--white);
}

.preguntes-block-head-dropdown,
.pregunte-rapide-item-mobile {
    display: none;
    cursor:pointer
}

.pregunte-rapide-item:hover {
    color:#15A3FF;
}

.dropdown-mobile {
    display: none;
}

#pregunte-mobile{
	background-color:var(--wp--preset--color--power-blue);
	border-radius:50px;
	padding:10px 20px;
	color:var(--wp--preset--color--white);
	width:fit-content;
	max-width:calc(100% - 55px);
	margin-right:5px;
    font-size:12px;
    font-weight: 500;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    display:none;
}

.pregunte-rapide-dropdown {
	position:relative;
}

.pregunte-rapide-dropdown:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4.5px 0 4.5px;
    border-color: var(--wp--preset--color--black) transparent transparent transparent;
    content:"";
    display:block;
    position:absolute;
    right:22.5px;
    top:20px
}

.preguntes-rapides {
    position: relative;
}

.preguntes-block-head-dropdown {
    position: absolute;
    top: 120px;
    left: 0;
    border: 1px solid;
    border-radius: 10px;
    padding: 20px;
    background: var(--wp--preset--color--white);
    width: 100%;
    z-index: 10;
}

.preguntes-block-head-dropdown.active{
    display: block;
}

[data-side="right"] .preguntes-block-body {
	flex-direction:row-reverse;
}

[data-side="right"] [data-target] {
    right: unset;
	left:0;
	position:absolute;
	border-radius:10px 10px 0 10px;
}

[data-side="right"] .pregunte-rapide-text:after {
    top: unset;
    left: unset;
    right: -59px;
	bottom:-2px;
	transform:rotate(180deg);
}

[data-side="right"] .pregunte-rapide-text {
    border-radius:10px 10px 0 10px;
    margin: 0 auto 0 0;
}

.pregunte-rapide-text > *:first-child {
    margin-top:0;
}

.pregunte-rapide-text > *:last-child {
    margin-bottom:0;
}

@media (max-width: 767px) {
    .pregunte-rapide-text {
        padding: 20px;
        width: calc(100% - 180px);
    }

    .pregunte-rapide-text p {
        font-size:16px;
   }

    .hold-img-perguntes-block-body{
        width: 120px;
        height: auto;
    }
}

@media (max-width: 479px) {
    
    #pregunte-mobile {
        display:flex;
    }
    
    .pregunte-rapide-text:after {
        width: 21.01px;
        height: 23px;
        top: -1px;
        left: -16px;
    }

    .pregunte-rapide-text {
        padding: 20px;
        width: calc(100% - 130px);
    }

    .pregunte-rapide-item-mobile {
        display: block;
    }
    .dropdown-mobile {
        display: flex;
        margin-bottom: 10px;
    }

    .dropdown-mobile-trigger {
        padding: 17.5px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--wp--preset--color--black);
        width: 43px;
        height: 43px;
        cursor: pointer;
        margin-left: 5px;
    }

    .dropdown-mobile-title {
        border-color: transparent;
        background-color: var(--wp--preset--color--power-blue);
        width: 100%;
        max-width: 258px;
        color: var(--wp--preset--color--white);
        margin: 0px;
    }

    /*.preguntes-block-head,*/
    .hide-pregunte-mobile,
    .pregunte-rapide-dropdown .pregunte-rapide-title{
        display:none;
    }

    [data-teste] {
        display:none;
    }

    [data-teste].active {
        display:block;
    }

    div#pregunte-mobile {
        display:flex;
    }
    .pregunte-rapide-dropdown {
        border:1px solid var(--wp--preset--color--black);
        width:44px;
        min-width:44px;
        height:44px;
        border-radius:50px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    
    .pregunte-rapide-dropdown:after {
        position:static;
    }

    .preguntes-block-head {
        flex-wrap:nowrap;
    }
    
    .preguntes-block-head-dropdown {
        top:60px;
    }

    [data-side="right"] .preguntes-block-body {
        flex-direction:row;
    }

    [data-side="right"] .pregunte-rapide-text:after {
        top: -1px;
        left: -16px;
        right: unset;
        bottom: unset;
        transform: unset;
    }

    [data-side="right"] .pregunte-rapide-text {
        border-radius:0 10px 10px 10px;
        margin: 0 0 0 auto;
    }

}