/* General Page Content Styles - For dynamic HTML from admin panel */

/* Content Wrapper - Apply this class to any container with dynamic HTML */
.page-content-wrapper,
.dynamic-content-wrapper,
.privacy-content {
    font-family: "Epilogue", sans-serif;
    color: rgba(255, 255, 255, 0.8);
}

/* Last Updated Text */
.last-updated {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 25px;
}

/* Main Heading Styles */
.page-content-wrapper h1,
.dynamic-content-wrapper h1,
.privacy-content h1,
.privacy-policy-heading {
    font-size: 38px;
    line-height: 1.3;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 40px;
    margin-top: 0;
}

.page-content-wrapper h1 .gold,
.dynamic-content-wrapper h1 .gold,
.privacy-content h1 .gold,
.privacy-policy-heading .gold {
    color: #FFA500;
}

/* Subheadings */
.page-content-wrapper h2,
.dynamic-content-wrapper h2,
.privacy-content h2 {
    font-size: 26px;
    line-height: 1.4;
    font-weight: 400;
    color: #ffffff;
    margin-top: 32px;
    margin-bottom: 16px;
}

.page-content-wrapper h3,
.dynamic-content-wrapper h3,
.privacy-content h3 {
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
    margin-top: 32px;
    margin-bottom: 14px;
    opacity: 1;
}

.page-content-wrapper h4,
.dynamic-content-wrapper h4,
.privacy-content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 28px;
    margin-bottom: 12px;
}

.page-content-wrapper h5,
.dynamic-content-wrapper h5,
.privacy-content h5 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 24px;
    margin-bottom: 10px;
}

.page-content-wrapper h6,
.dynamic-content-wrapper h6,
.privacy-content h6 {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 8px;
}

/* Paragraphs */
.page-content-wrapper p,
.dynamic-content-wrapper p,
.privacy-content p {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.75;
    font-size: 15px;
    /* margin-bottom: 16px; */
}

/* Spans */
.page-content-wrapper span,
.dynamic-content-wrapper span,
.privacy-content span {
    color: rgba(255, 255, 255, 0.8);
}

/* Links */
.page-content-wrapper a,
.dynamic-content-wrapper a,
.privacy-content a {
    color: #FFA500;
    text-decoration: none;
    transition: opacity 0.3s;
}

.page-content-wrapper a:hover,
.dynamic-content-wrapper a:hover,
.privacy-content a:hover {
    opacity: 0.8;
}

/* Unordered Lists */
.page-content-wrapper ul,
.dynamic-content-wrapper ul,
.privacy-content ul {
    list-style: disc;
    padding-left: 1.5rem;
    margin: 14px 0;
}

.page-content-wrapper ul li,
.dynamic-content-wrapper ul li,
.privacy-content ul li {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.75;
    font-size: 15px;
    margin-bottom: 6px;
    opacity: 1;
    padding-left: 0;
}

/* Ordered Lists */
.page-content-wrapper ol,
.dynamic-content-wrapper ol,
.privacy-content ol {
    list-style: decimal;
    padding-left: 1.5rem;
    margin: 14px 0;
}

.page-content-wrapper ol li,
.dynamic-content-wrapper ol li,
.privacy-content ol li {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.75;
    font-size: 15px;
    margin-bottom: 6px;
    opacity: 1;
}

/* Line Breaks */
.page-content-wrapper br,
.dynamic-content-wrapper br,
.privacy-content br {
    display: block;
    content: "";
    margin-top: 4px;
}

/* Images */
.page-content-wrapper img,
.dynamic-content-wrapper img,
.privacy-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-top: 24px;
    margin-bottom: 16px;
    display: block;
}

/* Inline icons inside headings and list items should not break to a new line */
.privacy-content li img,
.privacy-content h1 img,
.privacy-content h2 img,
.privacy-content h3 img,
.privacy-content h4 img,
.privacy-content h5 img,
.privacy-content h6 img {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 4px;
    vertical-align: middle;
    max-width: none;
}

/* Strong/Bold Text */
.page-content-wrapper strong,
.dynamic-content-wrapper strong,
.privacy-content strong,
.page-content-wrapper b,
.dynamic-content-wrapper b,
.privacy-content b {
    font-weight: 700;
    color: #ffffff;
}

/* Emphasis/Italic Text */
.page-content-wrapper em,
.dynamic-content-wrapper em,
.privacy-content em,
.page-content-wrapper i,
.dynamic-content-wrapper i,
.privacy-content i {
    font-style: italic;
}

/* Blockquotes */
.page-content-wrapper blockquote,
.dynamic-content-wrapper blockquote,
.privacy-content blockquote {
    border-left: 4px solid #FFA500;
    padding-left: 20px;
    margin: 24px 0;
    font-style: italic;
    color: rgba(255, 255, 255, 0.7);
}

/* Code */
.page-content-wrapper code,
.dynamic-content-wrapper code,
.privacy-content code {
    background: rgba(255, 255, 255, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
}

.page-content-wrapper pre,
.dynamic-content-wrapper pre,
.privacy-content pre {
    background: rgba(255, 255, 255, 0.05);
    padding: 16px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 24px 0;
}

.page-content-wrapper pre code,
.dynamic-content-wrapper pre code,
.privacy-content pre code {
    background: none;
    padding: 0;
}

/* Tables */
.page-content-wrapper table,
.dynamic-content-wrapper table,
.privacy-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
}

.page-content-wrapper table th,
.dynamic-content-wrapper table th,
.privacy-content table th {
    color: #ffffff;
    font-weight: 600;
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.page-content-wrapper table td,
.dynamic-content-wrapper table td,
.privacy-content table td {
    color: rgba(255, 255, 255, 0.8);
    padding: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Horizontal Rule */
.page-content-wrapper hr,
.dynamic-content-wrapper hr,
.privacy-content hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 32px 0;
}

/* Contact Us Specific Styles */
.company-info-heading {
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 32px;
}

.company-info-heading .gold {
    color: #FFA500;
}

.contact-info-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
}

.contact-field-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
    display: block;
}

.contact-field-value {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.5;
    opacity: 1;
}

.contact-field-value a {
    color: #ffffff;
    text-decoration: underline;
}

.contact-field-value a:hover {
    opacity: 0.8;
}

.reach-out-section {
    margin-top: 45px;
}

.reach-out-label {
    font-size: 13px;
    margin-bottom: 12px;
}

.live-chat-btn {
    width: 100%;
    height: 48px;
    background: linear-gradient(90deg, #FFC701 0%, #FFBB01 100%);
    border-radius: 24px;
    border: none;
    color: #000000;
    font-size: 16px;
    cursor: pointer;
    transition: opacity 0.3s;
}

.live-chat-btn:hover {
    opacity: 0.9;
}