section[data-cattype="110"].wrapper_middle { } [data-cattype="110"] .accordion-header { margin: 0 !important; } [data-cattype="110"] .accordion-button:not(.collapsed), [data-cattype="110"] .accordion-button:hover{ color: #fff; background-color: #f7941e; border-color: #f7941e; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); } [data-cattype="110"] .accordion-body { text-align: left; } [data-cattype="110"] .accordion-button:focus { z-index: 110; border-color: transparent; outline: 0; box-shadow: transparent; } [data-cattype="110"] .accordion-button::after { background-image: none; font-family: FontAwesome; display: inline-block; padding-right: 110px !important; content: '\f068'; transform: none; color: #f7941e; } [data-cattype="110"] .collapsed::after { background-image: none; font-family: FontAwesome; display: inline-block; padding-right: 110px !important; content: '\f067'; transform: none; } [data-cattype="110"] .accordion-button:hover::after, [data-cattype="110"] .accordion-button:not(.collapsed)::after { color: #fff; } [data-cattype="110"] .accordion-button { background-color: #fff; padding: 0px 20px 20px 15px; min-height: 66px; transition: 0.110s; } [data-cattype="110"] .accordion-button:not(.collapsed){ padding: 0px 20px 0px 15px; min-height: 50px; transition: 0.110s; } [data-cattype="110"] .accordion-item { background-color: #fff; border: 1px solid #ddd; margin-bottom: 10px; } [data-cattype="110"] .accordion-button:focus { z-index: 110; border-color: #86b7fe; outline: 0; box-shadow: none !important; } [data-cattype="110"] .section-title { padding-bottom: 10px; } @media (min-width: 1200px) and (max-width: 1440px) { } @media (min-width: 768px) and (max-width: 980px) { } @media (max-width: 767px) { } @media (max-width: 480px) { section[data-cattype="110"].wrapper_middle { padding: 20px; } } section[data-cattype="110"] { --bg: #EEDBC8; --bg-shade-200: #EEDBC8; --bg-shade-outline: #EEDBC8; --font-color: #212121; --spacing-32: 2rem; --sapcing-24: 1.5rem; --spacing-16: 1rem; --spacing-1: 0.063rem; --universal-transition: all 0.5s ease-in-out; } [data-cattype="110"] .accordion-header { position: relative; } [data-cattype="110"] .accordion-header .circle-icon { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; z-index: 5; pointer-events: none; } [data-cattype="110"] .container .accordion .accordion-item { background: transparent; border: var(--spacing-1) solid var(--bg-shade-outline); border-radius: var(--sapcing-24); margin-bottom: 1.25rem; overflow: hidden !important; } [data-cattype="110"] .container .accordion .accordion-button { background: transparent; box-shadow: none; padding: clamp(1.5rem, calc(1.5rem + ((1vw - 0.28125rem) * 0.8081)), 2rem ); font-size: 1.1em; font-weight: 600; color: var(--font-color); position: relative; } [data-cattype="110"] .accordion-button .accordion-title-text { max-width: 85%; display: inline-block; line-height: 1.3; } [data-cattype="110"] .accordion-button circle-expand { position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; pointer-events: none; z-index: 4; } [data-cattype="110"] .accordion-button { position: relative; } [data-cattype="110"] .accordion-header { margin: 0 !important; } [data-cattype="110"] .accordion-button:not(.collapsed)::before { transform: translateY(-50%) rotate(360deg) scale(0); } [data-cattype="110"] .accordion-button.collapsed::after { content: "\f067"; font-family: FontAwesome; margin-right: -4px; margin-bottom: 1px; color: #f7941e; font-size: 18px; } [data-cattype="110"] .accordion-button:not(.collapsed)::after { content: "\f068"; font-family: FontAwesome; margin-right: -4px; margin-bottom: 1px; color: #f7941e; font-size: 18px; } [data-cattype="110"] .accordion-button circle-expand svg circle { transition: stroke-dashoffset .45s ease-in-out; } [data-cattype="110"] .accordion-button:not(.collapsed) circle-expand svg circle { stroke-dashoffset: var(--circle-length); } [data-cattype="110"] .accordion-button.collapsed circle-expand svg circle { stroke-dashoffset: 0; } [data-cattype="110"] .accordion-button::after { padding-right: 0 !important; z-index: 3; } [data-cattype="110"] .accordion-button circle-expand { z-index: 2; width: 35px; height: 35px; display: block; } [data-cattype="110"] .accordion-button::after { content: "\f067"; font-family: FontAwesome; right: 25px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; } [data-cattype="110"] .accordion-button:not(.collapsed)::after { content: "\f068"; } [data-cattype="110"] .accordion-button circle-expand { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; pointer-events: none; } [data-cattype="110"] .accordion-button.collapsed circle-expand svg circle { stroke-dashoffset: 0; } [data-cattype="110"] .accordion-button:not(.collapsed) circle-expand svg circle { stroke-dashoffset: var(--circle-length); transition: stroke-dashoffset .45s ease-in-out; } [data-cattype="110"] .accordion-body{ text-align: left; padding: clamp(1.5rem, calc(1.5rem + ((1vw - 0.28125rem) * 0.8081)), 2rem ); padding-top: 0; } [data-cattype="110"] .circle-icon svg circle { fill: none; stroke-linecap: round; transition: stroke-dashoffset 0.45s ease-in-out; } [data-cattype="110"] .accordion-button.collapsed .circle-icon svg circle { stroke-dashoffset: 0; } [data-cattype="110"] .accordion-button:not(.collapsed) .circle-icon svg circle { stroke-dashoffset: var(--circle-length); } [data-cattype="110"] .accordion-item { background-color: transparent !important; } [data-cattype="110"] .accordion-item:has(.accordion-button:not(.collapsed)) { background-color: #EEDBC8 !important; }