/* =============================================================================
   pages/detail.css
   Extracted from style.css. Loaded only on: page.php, single.php
============================================================================= */

.review-card .date {font-size: 14px;font-weight: 400;color: #AAAAAA;margin-bottom: 8px;}
.detail_section {position: relative;}
.detail_section .top_info {display: flex;align-items: center;flex-wrap: wrap;gap: 15px;justify-content: space-between;margin-bottom: 16px;color: #979797;}
.detail_section .wrapper {max-width: 796px;}
.detail_section p a {color: var(--backgrondColorRed);}
.detail_section p a:hover {text-decoration: none;}
.detail_section h2:not(.cta_section h2) {font-size: 24px;line-height: 1.1;}
.detail_section h3 {font-size: 20px;line-height: 1.1;}
.detail_section .cta_section {padding: 35px 0;border-top: 1px solid var(--backgrondColorGray);border-bottom: 1px solid var(--backgrondColorGray);margin: 10px 0 35px;}
.detail_section .border {border-bottom: 1px solid var(--backgrondColorGray);padding-bottom: 35px;}
.detail_section h3, .detail_section h2 {margin-bottom: 35px;margin-top: 40px;}

@media only screen and (max-width:1023px) {
    .detail_section h3, .detail_section h2 {margin-bottom: 25px;}
}

@media only screen and (max-width:767px) {
    .detail_section  .arrow-right.ani_opp {bottom: -15%;}
}

@media only screen and (max-width:600px) {
    .detail_section .top_info {font-size: 12px;}
    .detail_section .top_info {margin-bottom: 22px;}
    .detail_section h3, .detail_section h2 {margin-bottom: 20px;}
}