.template-product .section-gif h2 {padding-top: 60px;}.section-gif {padding: 0 40px 70px;}.section-gif.one {background: #405a7b;}.section-gif.two {background: #dce697;}.section-gif.three {background: #e9dcdc;}.section-gif.four {background: #ccecf1;}.section-gif .container {display: grid;grid-template-columns: 1fr 1fr;padding-top: 40px;column-gap: 50px;}.section-gif .title {grid-template-columns: 1fr 3fr 1fr;column-gap: 20px;display: grid;}.section-gif h2 {color: #f7f7e8;text-align: center;grid-column-start: 2;justify-self: center;}.section-gif.two h2, .section-gif.three h2, .section-gif.four h2 {color: #00234f;}.section-gif .dropdown-container {max-width: 500px;position: relative;z-index: 1;}.section-gif .dropdown-container .dropdown {position: relative;overflow: hidden;margin-bottom: 15px;}.section-gif .dropdown-container .dropdown .label {color: #fff;display: flex;align-items: center;padding: 15px;background: #00234f;border-radius: 10px;cursor: pointer;font-size: 20px;}.section-gif.two .dropdown-container .dropdown .label {color: #000;background: #c3d652;}.section-gif .dropdown-container .dropdown .label svg {width: 20px;height: 20px;position: absolute;right: 20px;left: 50%;top: 50%;display: block;cursor: pointer;transition: 0.4s;pointer-events: none;fill: #00234f;transform: translate(-50%, -50%);}.section-gif .dropdown-container .dropdown .label .minus {opacity: 0;z-index: -1;}.section-gif .dropdown-container .dropdown .content {max-height: 0;transition: max-height 0.4s ease-in-out;color: #f7f7e8;padding: 15px 15px 0;font-size: 16px;}.section-gif.two .dropdown-container .dropdown .content, .section-gif.three .dropdown-container .dropdown .content, .section-gif.four .dropdown-container .dropdown .content {color: #00234f;}.section-gif .dropdown-container .dropdown .label span {position: absolute;right: 20px;background: #fff;border-radius: 50%;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;pointer-events: none;}.section-gif .dropdown-container .dropdown .label + .content {max-height: 0px;transition: none;}.section-gif .dropdown-container .dropdown .label.open + .content {max-height: 500px;transition: none;}.section-gif .dropdown-container .dropdown .label.open .minus {opacity: 1;z-index: 1;}.section-gif .dropdown-container .dropdown .label.open .plus {opacity: 0;z-index: -1;}.section-gif .container-gif img {border-radius: 10px;border-radius: 50%;height: auto;}.container-progress-bar {display: grid;grid-template-columns: repeat(3, 1fr);align-items: center;min-height: var(--vertical-spacer);padding-top: 30px;width: 100%;display: none;}.progress-bar {display: block;grid-column-start: 2;justify-self: center;width: 100%;height: 1px;position: relative;background-color: rgba(247, 247, 231, 0.2);}.progress-bar > div {content: "";position: absolute;background-color: #fff;transform-origin: left;top: -1.5px;bottom: -1.5px;right: 0;left: 0;transform: scaleX(0.3575418994413408);}button.slider-buttons__previous.button.button--icon, button.slider-buttons__next.button.button--icon {opacity: 1;border-color: #fff;}button.slider-buttons__previous.button.button--icon svg, button.slider-buttons__next.button.button--icon svg {fill: #fff }button.slider-buttons__previous.button.button--icon.disable, button.slider-buttons__next.button.button--icon.disable {pointer-events: none;opacity: 0.5;cursor: not-allowed;}.section-gif .custom-class {display: none;}.section-gif.two .progress-bar, .section-gif.three .progress-bar, .section-gif.four .progress-bar {background-color: rgba(0, 35, 79, 0.2);}.section-gif.two .progress-bar .bar, .section-gif.three .progress-bar .bar, .section-gif.four .progress-bar .bar {background-color: rgb(0, 35, 79);}.section-gif.two button.slider-buttons__previous.button.button--icon, .section-gif.two button.slider-buttons__next.button.button--icon, .section-gif.three button.slider-buttons__previous.button.button--icon, .section-gif.three button.slider-buttons__next.button.button--icon, .section-gif.four button.slider-buttons__next.button.button--icon, .section-gif.four button.slider-buttons__previous.button.button--icon {border-color: rgba(0, 35, 79, 0.4);background-color: rgba(0, 0, 0, 0);}.section-gif.two button.slider-buttons__previous.button.button--icon svg, .section-gif.two button.slider-buttons__next.button.button--icon svg, .section-gif.three button.slider-buttons__previous.button.button--icon svg, .section-gif.three button.slider-buttons__next.button.button--icon svg, .section-gif.four button.slider-buttons__next.button.button--icon svg, .section-gif.four button.slider-buttons__previous.button.button--icon svg {fill: rgba(0, 35, 79, 0.4);}.section-gif.two button.slider-buttons__previous.button.button--icon.disable, .section-gif.two button.slider-buttons__next.button.button--icon.disable, .section-gif.three button.slider-buttons__previous.button.button--icon.disable, .section-gif.three button.slider-buttons__next.button.button--icon.disable, .section-gif.four button.slider-buttons__next.button.button--icon.disable, .section-gif.four button.slider-buttons__previous.button.button--icon.disable {border-color: rgba(0, 35, 79, 0.4);background-color: rgba(0, 35, 79, 0.05);}@media (max-width: 991px) {.section-gif .container {padding: 40px 0 0;display: flex;flex-direction: column-reverse;align-items: center;row-gap: 0px;}.section-gif.two .dropdown-container .dropdown .label, .section-gif.three .dropdown-container .dropdown .label, .section-gif.four .dropdown-container .dropdown .label {color: #00234f;}.container-progress-bar {display: grid;padding-top: 0;}.section-gif .dropdown-container {display: grid;column-gap: 2px;grid-auto-columns: 343px;grid-auto-columns: calc(50% - 1px);grid-auto-flow: column;overflow-y: hidden;max-width: 100%;padding-left: 24px !important;padding-right: 24px !important;margin-left: calc(-1 * var(--container-gutter));margin-right: calc(-1 * var(--container-gutter));scroll-padding: var(--container-gutter);scrollbar-width: none;overflow-x: auto;--columns: var(--columns-tablet);scroll-snap-type: x mandatory;scroll-behavior: smooth;}.section-gif .dropdown-container .dropdown {--column-padding: 30px;position: relative;border-radius: var(--radius);padding: var(--column-padding);scroll-snap-align: start;padding-bottom: 0;}.section-gif .dropdown-container .dropdown .label, .section-gif.two .dropdown-container .dropdown .label, .section-gif.three .dropdown-container .dropdown .label, .section-gif.four .dropdown-container .dropdown .label {background: none;text-align: center;justify-content: center;font-size: 25px;font-weight: bold;}.section-gif .dropdown-container .dropdown .label span, .section-gif.two .dropdown-container .dropdown .label span, .section-gif.three .dropdown-container .dropdown .label span, .section-gif.four .dropdown-container .dropdown .label span {display: none;}.section-gif .dropdown-container .dropdown .content {text-align: center;font-size: 16px;padding: 0;max-height: 100%;}.section-gif .custom-class {display: flex;}.section-gif .title {grid-template-columns: 1fr;grid-column-start: 1;}.section-gif .dropdown-container .dropdown .label {font-size: 18px;padding: 15px 10px 15px 10px;}.section-gif .dropdown-container .dropdown .label svg {width: 15px;right: 15px;}.section-gif.four h2 {grid-column-start: 1;}}@media (max-width: 768px) {.section-gif {padding: 0 16px 40px;}}@media(max-width: 750px) {.section-gif .custom-class {display: none;}}@media (max-width: 680px) {.section-gif .dropdown-container {grid-auto-columns: 100%;}}