.image-with-frame-section{max-width:963px;margin:auto}.image-with-frame-section .you-tube-video iframe{border-radius:20px}.image-with-frame-section .inner-content{display:flex;gap:48px;align-items:flex-start}.image-with-frame-section .inner-content .image-container,.image-with-frame-section .inner-content .image-container img{width:100%}.image-with-frame-section .inner-content .frame-container{width:100%;background-color:#daecfa;padding:32px 32px 60px;border-radius:20px}.image-with-frame-section .inner-content .frame-container .title__icon{padding:8px;background-color:#fff;border-radius:4px}.image-with-frame-section .inner-content .frame-container .summary__title{align-items:center;gap:12px}.image-with-frame-section .inner-content .frame-container .accordion{border-bottom:.1rem solid #000000;border-top-color:#000;border-top:none}.image-with-frame-section .inner-content .frame-container .accordion .accordion__title{font-size:18px;line-height:20px}.image-with-frame-section .inner-content .frame-container .accordion .accordion__content{font-size:16px;line-height:24px}.image-with-frame-section .details .accordion__content{display:none}.image-with-frame-section .details.active .accordion__content{display:block}.image-with-frame-section .inner-content .frame-container .details.active .icon-dropdown{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(-90deg)}.image-with-frame-section .inner-content .frame-container .details .icon-dropdown{position:absolute;right:10px;top:50%;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.image-with-frame-section .section__title{width:100%;max-width:100%}@media screen and (max-width:768px){.image-with-frame-section .section__title h2{font-size:24px;font-weight:700;line-height:30px;letter-spacing:0em;text-align:center;max-width:300px;margin:auto}.image-with-frame-section [alt=desktop_image]{display:none}.image-with-frame-section .inner-content{flex-direction:column}.image-with-frame-section .inner-content .image-container{order:1}.image-with-frame-section .inner-content .frame-container{padding:20px 20px 60px}}@media screen and (min-width:769px){.image-with-frame-section .section__title .h2-title{font-family:MintSans;font-weight:700;font-style:normal}.image-with-frame-section [alt=mobile_image]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/dr-image-with-frame.css.map */
