section.conversation_section{display:flex;align-items:auto;justify-content:auto;flex-direction:column;flex-wrap:auto;gap:53px;padding:0 10px}section.conversation_section .wrapper .info{display:flex;flex-direction:column}section.conversation_section .wrapper .info .content{padding-left:10px}section.conversation_section .wrapper .info .conversation{padding:0 20px 120px 0}section.conversation_section .wrapper .info .conversation .response{display:flex;align-items:flex-end;justify-content:auto;flex-direction:row;flex-wrap:auto;gap:15px;justify-content:flex-end}section.conversation_section .wrapper .info .conversation .response:first-of-type{margin-right:60px}section.conversation_section .wrapper .info .conversation .response:first-of-type .user-profile{display:none}section.conversation_section .wrapper .info .conversation .response.customer{flex-direction:row-reverse;justify-content:flex-end}section.conversation_section .wrapper .info .conversation .response .text{border-radius:12px;margin:40px 0 0;background:rgba(255,88,0,.38);padding:25px 20px;width:100%;position:relative}section.conversation_section .wrapper .info .conversation .response .text:after{content:"";width:0px;height:0px;position:absolute;border-left:10px solid transparent;border-right:10px solid rgba(255,88,0,.38);border-top:10px solid rgba(255,88,0,.38);border-bottom:10px solid transparent;right:-10px;bottom:20px;transform:rotate(45deg)}section.conversation_section .wrapper .info .conversation .response .text.customer{background:#166564}section.conversation_section .wrapper .info .conversation .response .text.customer:after{border-right:10px solid #166564;border-top:10px solid #166564;left:-10px;right:unset;transform:rotate(226deg)}section.conversation_section .wrapper .info .conversation .response .user-profile img{width:60px;height:60px;min-width:60px;min-height:60px}@media only screen and (min-width: 768px){section.conversation_section{flex-direction:row;gap:5vw;padding:0 20px}section.conversation_section .wrapper .info{flex-direction:row;justify-content:space-between;margin-bottom:10vw}section.conversation_section .wrapper .info .content{width:50%;padding-left:40px}section.conversation_section .wrapper .info .conversation{width:40%}}
