.comment-section{background:#fff;color:#000;padding:10px 40px 40px;font-family:Arial,sans-serif}.comment-header{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding-bottom:var(--spacing-xs)}.comment-header h2{font-size:var(--title-font-size);font-weight:var(--title-font-weight);color:var(--color-text-primary);text-align:left;margin:0;line-height:1.2}.comment-header h2 span{color:var(--color-accent)}.underline{width:100%;height:var(--line-height);background:var(--hero-line-gradient);margin-top:var(--spacing-xs);border-radius:var(--line-radius,4px)}.comment-content{display:flex;justify-content:space-between;gap:60px;margin-top:15px}.comment-left h2{font-size:38px;font-weight:bolder;margin:0}.comment-left p{margin:15px 0;font-size:14px;color:#333}.comment-right{flex:1 1}.comment-right h3{font-size:18px;font-weight:700;margin-bottom:15px}.form-row{display:flex;gap:10px}.comment-right input,.comment-right textarea{width:100%;padding:12px;margin:8px 0;border:1px solid #ccc;border-radius:4px;font-size:14px}.comment-right textarea{min-height:120px;resize:none}.button-container{display:flex;justify-content:flex-end}.comment-right button{margin-top:10px;background:#fff;border:1px solid #000;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s ease-in-out}.comment-right button:hover{background:#000;color:#fff;border-radius:5px}.country-dropdowns{display:flex;flex-direction:column;gap:1px;width:100%;margin-top:20px}.country-card{border-bottom:1px solid #000;padding:6px 26px;cursor:pointer;background-color:transparent;transition:all .4s ease;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:break-word;position:relative}.country-card:hover{background-color:#fefcfc}.country-header{display:flex;justify-content:space-between;align-items:center}.country-card h4{font-size:16px;font-weight:100;margin:0;color:#000}.arrow{font-size:14px;color:#000;padding-top:10px;transition:transform .3s ease}.country-card:hover .arrow{transform:translateX(3px)}.country-card.active .arrow{transform:rotate(-180deg)}.country-card .underline{width:0;height:2px;background:#000;margin-top:6px;border-radius:1px;transition:width .3s ease}.country-card.active .underline{width:40px}.country-info{display:none;margin-top:10px;font-size:14px;color:#333;line-height:1.5;white-space:normal;word-wrap:break-word;word-break:break-word;position:relative}.country-card.active .country-info{display:block}.country-email{position:absolute;bottom:6px;right:26px}.country-email a{font-size:13px;color:#000;text-decoration:none}.country-email a:hover{text-decoration:underline}@media (max-width:1024px){.comment-content{gap:40px}.comment-left h2{font-size:24px}}@media (max-width:768px){.country-card h4{color:#000;font-weight:500;background-color:transparent}.comment-section{padding:20px 10px}.comment-content{gap:30px}.comment-content,.form-row{flex-direction:column}.comment-left h2{font-size:22px}.comment-left p{font-size:13px}.comment-right h3{font-size:16px}.comment-right input,.comment-right textarea{font-size:13px;padding:10px}.comment-right button{width:100%;justify-content:center}.country-card h4{font-size:14px}.country-email{position:relative;bottom:auto;right:auto;margin-top:10px}}@media (max-width:480px){.comment-left h2{font-size:20px}.comment-left p{font-size:12px}.comment-right h3{font-size:14px}.country-card h4{font-size:13px}}