/* 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, 1) !important;
}

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

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


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

/* 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;
}

/* 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;
}

#page-wrapper-custom {
    /* font-family: "Epilogue", sans-serif; */
    /* font-size: 16px; */
    line-height: 1.6;
    color: rgba(255, 255, 255, 1) !important;
}

/* Typography - Headings (White text, matching Figma design) */
#page-wrapper-custom h2,
#page-wrapper-custom h3,
#page-wrapper-custom h4,
#page-wrapper-custom h5,
#page-wrapper-custom h6 {
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 700;
    transition: opacity 0.3s;
}

#page-wrapper-custom h1:hover,
#page-wrapper-custom h2:hover,
#page-wrapper-custom h3:hover,
#page-wrapper-custom h4:hover,
#page-wrapper-custom h5:hover,
#page-wrapper-custom h6:hover {
    opacity: 0.8;
}

#page-wrapper-custom h1 {
    color: #FEB600 !important;
    font-size: 44px;
    font-weight: bold;
    /* line-height: 40px; */
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#page-wrapper-custom h2 {
    font-size: 26px;
    font-weight: bold;
    /* line-height: 34px; */
    margin-top: 0.25em;
    margin-bottom: 0.5em;
}

#page-wrapper-custom h3 {
    font-size: 22px;
    font-weight: bold;
    /* line-height: 30px; */
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#page-wrapper-custom h4 {
    font-size: 20px;
    font-weight: bold;
    /* line-height: 28px; */
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#page-wrapper-custom h5 {
    font-size: 18px;
    font-weight: bold;
    /* line-height: 26px; */
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#page-wrapper-custom h6 {
    font-size: 16px;
    font-weight: bold;
    /* line-height: 24px; */
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

/* Paragraphs and Text */
#page-wrapper-custom p {
    font-family: "Epilogue", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 1) !important;
    margin-bottom: 1em;
}

#page-wrapper-custom span {
    font-family: "Epilogue", sans-serif;
    color: rgba(255, 255, 255, 1) !important;
}
#page-wrapper-custom a span {
    color: #FFC701;
}

/* Text color utilities within blog content */
#page-wrapper-custom .text-white\/80,
#page-wrapper-custom [class*="text-white/80"] {
    color: rgba(255, 255, 255, 0.8) !important;
}

#page-wrapper-custom .text-white\/70,
#page-wrapper-custom [class*="text-white/70"] {
    color: rgba(255, 255, 255, 0.7);
}

/* Lists */
#page-wrapper-custom ul {
    list-style: disc;
    padding-left: 2rem;
    margin-bottom: 2em;
    /* margin: 24px 0; */
}

#page-wrapper-custom ul.space-y-6 {
    margin-top: 24px;
}

#page-wrapper-custom ul.space-y-6 li {
    margin-bottom: 24px;
}

#page-wrapper-custom ul.space-y-6 li:last-child {
    margin-bottom: 0;
}

#page-wrapper-custom ul li {
    font-family: "Epilogue", sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 1) !important;
    margin-bottom: 2px;
    padding-left: 0;
}

#page-wrapper-custom :not(nav) > ol {
    padding-left: 24px;
    margin: 24px 0;
    list-style: number;
    padding-left: 2rem;
    margin-bottom: 2em;
}

#page-wrapper-custom :not(nav) > ol li {
    font-family: "Epilogue", sans-serif;
    font-size: 14px;
    /* line-height: 28px; */
    color: rgba(255, 255, 255, 1) !important;
    margin-bottom: 2px;
}

/* Links */
#page-wrapper-custom :not(nav) > a {
    color: #FFC701;
    transition: opacity 0.3s;
}

#page-wrapper-custom :not(nav) > a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* Images */
#page-wrapper-custom img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
}

/* Icons inside list items should sit inline with the text */
#page-wrapper-custom img { 
    max-width: 100%; 
    height: auto; 
    border-radius: 8px; 
    display: inline-block; 
    vertical-align: middle; 
    margin: 5px 10px 5px 0; 
} 
#page-wrapper-custom li img, #page-wrapper-custom li span img, #page-wrapper-custom h2 img, #page-wrapper-custom h3 img, #page-wrapper-custom h4 img { 
    display: inline-block !important; margin: 0 8px 0 0 !important; vertical-align: middle !important; 
} 
#page-wrapper-custom.img-next-line { 
    display: block !important; margin: 10px 0; 
}
/* #page-wrapper-custom img, #page-wrapper-custom li img {
    display: inline-block;
    margin: 0 8px 0 0;
    vertical-align: middle;
}

/* Extra safety: icons wrapped inside spans in li */
#page-wrapper-custom li span img {
    display: inline-block !important;
    margin: 0 8px 0 0 !important;
    vertical-align: middle !important;
}
#page-wrapper-custom li span span img.img-next-line {
    display: block !important;
} */
/* Icons at the start of headings should also be inline */
#page-wrapper-custom h2 img,
#page-wrapper-custom h3 img,
#page-wrapper-custom h4 img {
    display: inline-block;
    margin: 0 8px 0 0;
    vertical-align: middle;
}

#page-wrapper-custom img.rounded-lg {
    border-radius: 8px;
}

#page-wrapper-custom img.mt-8 {
    margin-top: 32px;
}

#page-wrapper-custom img.object-contain {
    object-fit: contain;
}

/* Image captions */
#page-wrapper-custom p+img {
    margin-top: 32px;
}

#page-wrapper-custom img+p {
    margin-top: 16px;
    font-size: 14px;
    color: rgba(255, 255, 255, 1) !important;
}

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

/* Code Blocks */
#page-wrapper-custom code {
    background: rgba(255, 255, 255, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 16px;
}

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

#page-wrapper-custom pre code {
    background: none;
    padding: 0;
}

/* Tables */
#page-wrapper-custom .overflow-x-auto {
    overflow-x: auto;
    margin-top: 48px;
    margin-bottom: 32px;
    -webkit-overflow-scrolling: touch;
}

#page-wrapper-custom table {
    min-width: 1000px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

#page-wrapper-custom table.min-w-\[1000px\] {
    min-width: 1000px;
}

#page-wrapper-custom table.border-separate {
    border-collapse: separate;
}

#page-wrapper-custom table.border-spacing-0 {
    border-spacing: 0;
}

#page-wrapper-custom table thead {
    position: sticky;
    top: 0;
    z-index: 10;
    background: transparent;
}

#page-wrapper-custom table th {
    color: #fff !important;
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 400;
    text-align: center;
    background: transparent;
    font-family: "Epilogue", sans-serif;
}

#page-wrapper-custom table th.sticky {
    position: sticky;
    top: 0;
    z-index: 10;
    background: transparent;
}

#page-wrapper-custom table th.text-white,
#page-wrapper-custom table thead th {
    color: #fff !important;
    opacity: 1 !important;
}

#page-wrapper-custom table tr.text-center th {
    text-align: center;
}

#page-wrapper-custom table td {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
    font-family: "Epilogue", sans-serif;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 300;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

#page-wrapper-custom table tbody tr {
    text-align: left;
}

#page-wrapper-custom table tbody tr.text-center {
    text-align: center;
}

#page-wrapper-custom table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

#page-wrapper-custom table tbody tr.align-middle td {
    vertical-align: middle;
}

/* Table special styling for nested content */
#page-wrapper-custom table td .flex {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    justify-content: center;
}

#page-wrapper-custom table td .flex.items-start {
    align-items: flex-start;
}

#page-wrapper-custom table td .flex.gap-3 {
    gap: 12px;
}

#page-wrapper-custom table td ul {
    list-style: disc;
    padding-left: 1.5rem;
    text-align: left;
}

#page-wrapper-custom table td ul.flex {
    display: flex;
}

#page-wrapper-custom table td ul.flex-col {
    flex-direction: column;
}

#page-wrapper-custom table td ul.items-center {
    align-items: center;
}

#page-wrapper-custom table td ul.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

#page-wrapper-custom table td ul.gap-3 {
    gap: 12px;
}

#page-wrapper-custom table td ul li {
    margin-bottom: 0;
}

#page-wrapper-custom table td img {
    max-width: 100%;
    height: auto;
    margin: 0;
    object-fit: contain;
}

#page-wrapper-custom table td .font-medium,
#page-wrapper-custom table td .font-semibold,
#page-wrapper-custom table td [class*="font-medium"],
#page-wrapper-custom table td [class*="font-semibold"] {
    font-weight: 600;
    color: #ffffff;
}

#page-wrapper-custom table td .space-y-1 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#page-wrapper-custom table td .space-y-1>div {
    margin-bottom: 0;
}

#page-wrapper-custom table td .shrink-0 {
    flex-shrink: 0;
}

#page-wrapper-custom table td div>br {
    display: block;
    content: "";
    margin: 4px 0;
}

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

/* Strong and Bold Text */
/* #page-wrapper-custom strong,
#page-wrapper-custom b {
    font-weight: bold;
    color: #ffffff;
} */

/* Emphasis and Italic Text */
#page-wrapper-custom em,
#page-wrapper-custom i {
    font-style: italic;
}

/* Utility classes within blog content */
#page-wrapper-custom .mt-8 {
    margin-top: 32px;
}

#page-wrapper-custom .mt-10 {
    margin-top: 40px;
}

#page-wrapper-custom .mt-12 {
    margin-top: 48px;
}

#page-wrapper-custom .mb-4 {
    margin-bottom: 16px;
}

#page-wrapper-custom .mb-6 {
    margin-bottom: 24px;
}

/* Figure and captions */
#page-wrapper-custom figure {
    margin: 32px 0;
}

#page-wrapper-custom figcaption {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 8px;
    text-align: center;
    font-style: italic;
}

p,
.review {
    opacity: 1;
}

#page-wrapper-custom table p,
#page-wrapper-custom table .reviews {
    color: #ffffff;
    opacity: 1 !important;
    font-size: 14px;
    /* 60% opacity */
}

#page-wrapper-custom table tr:not(:first-child) td:nth-child(2) {
    text-align: left;
}

#page-wrapper-custom p:has(img) {
    opacity: 1;
}

#page-wrapper-custom h1,
#page-wrapper-custom h1 strong {
    color: #FFC701 !important;
}
#page-wrapper-custom h1:first-child {
    margin-top: 0;
}
@media (min-width: 1536px) {
    .main-class {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}