@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

.nqzva-blog-sec-1{ padding: 40px 40px 0px 40px;position: relative; }
.nqzva-blog-container-1{ width: 100%;max-width: 1920px;margin: 0 auto; }
.nqzva-blog-banner-1{ width: 100%;min-height: 360px;border-radius: 0;overflow: hidden;position: relative;display: flex;align-items: center;padding: 60px 70px;text-decoration: none;transition: all 0.5s ease !important;box-shadow: 0 0 0 rgba(0,0,0,0); }
.nqzva-blog-bg-1{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1; }
.nqzva-blog-bg-1 img{ width: 100%;height: 100%;object-fit: cover;transition: transform 1s ease; }
.nqzva-blog-overlay-1{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg,rgba(173,0,153,0.35) 0%,rgba(173,0,153,0.08) 45%,rgba(173,0,153,0) 100%);z-index: 2;transition: all 0.5s ease; }
.nqzva-blog-content-1{ width: 100%;max-width: 650px;position: relative;z-index: 3; }
.nqzva-blog-content-1 h2{ margin: 0 0 26px;color: #FFFFFF;font-family: "SF Pro", sans-serif;font-size: 65px;font-style: normal;font-weight: 510;line-height: 105%;letter-spacing: -0.01em; }
.nqzva-blog-content-1 p{ margin: 0;color: #FFFFFF;font-family: "SF Pro Display", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: 235%; }

.nqzva-blog-banner-1:hover{ transform: translateY(-8px) scale(1.01);box-shadow: 0 28px 80px rgba(0,0,0,0.18); }
.nqzva-blog-banner-1:hover .nqzva-blog-bg-1 img{ transform: scale(1.08); }
.nqzva-blog-banner-1:hover .nqzva-blog-overlay-1{ background: linear-gradient(90deg,rgba(173,0,153,0.5) 0%,rgba(173,0,153,0.16) 45%,rgba(173,0,153,0) 100%); }

@media(max-width:1600px){

	.nqzva-blog-banner-1{ min-height: 330px;padding: 55px 60px; }
	.nqzva-blog-content-1 h2{ font-size: 58px; }

}

@media(max-width:1400px){

	.nqzva-blog-banner-1{ min-height: 310px;padding: 50px 50px; }
	.nqzva-blog-content-1 h2{ font-size: 52px; }
	.nqzva-blog-content-1 p{ font-size: 19px; }

}

@media(max-width:1200px){

	.nqzva-blog-banner-1{ min-height: 280px;padding: 45px 40px; }
	.nqzva-blog-content-1 h2{ font-size: 46px;margin-bottom: 20px; }
	.nqzva-blog-content-1 p{ font-size: 18px;line-height: 180%; }

}

@media(max-width:1000px){

	.nqzva-blog-banner-1{ min-height: 250px;padding: 38px 34px; }
	.nqzva-blog-content-1 h2{ font-size: 40px; }
	.nqzva-blog-content-1 p{ font-size: 17px; }

}

@media(max-width:768px){

	.nqzva-blog-banner-1{ min-height: 230px;padding: 34px 28px; }
	.nqzva-blog-overlay-1{ background: rgba(0,0,0,0.38); }
	.nqzva-blog-content-1 h2{ font-size: 34px;line-height: 102%;margin-bottom: 16px; }
	.nqzva-blog-content-1 p{ font-size: 16px;line-height: 150%; }

}

@media(max-width:600px){

	.nqzva-blog-sec-1{ padding: 20px 20px 0px 20px; }
	.nqzva-blog-banner-1{ min-height: 210px;padding: 28px 22px; }
	.nqzva-blog-overlay-1{ background: rgba(0,0,0,0.5); }
	.nqzva-blog-content-1 h2{ font-size: 28px;margin-bottom: 12px; }
	.nqzva-blog-content-1 p{ font-size: 15px;line-height: 145%;max-width: 260px; }

}

.vzqta-blog-feature-sec-1{ padding: 60px 30px;background: #FFFFFF;position: relative; }
.vzqta-blog-feature-container-1{ width: 100%;max-width: 1600px;margin: 0 auto; }
.vzqta-blog-feature-title-1{ margin: 0 0 40px;color: #021D26;font-family: "SF Pro Display", sans-serif;font-size: 50px;font-style: normal;font-weight: 500;line-height: 108%;letter-spacing: -0.01em; }
.vzqta-blog-feature-grid-1{ display: grid;grid-template-columns: 1fr 1.15fr;gap: 44px;align-items: center; }
.vzqta-blog-feature-col-img-1{ position: relative; }
.vzqta-blog-feature-thumb-link-1{ width: 100%;display: block;position: relative;border-radius: 16px;overflow: hidden;text-decoration: none;transition: all 0.5s ease !important;box-shadow: 0 0 0 rgba(0,0,0,0); }
.vzqta-blog-feature-thumb-link-1:hover{ transform: translateY(-8px) scale(1.01);box-shadow: 0 24px 70px rgba(0,0,0,0.16); }
.vzqta-blog-feature-thumb-link-1:hover .vzqta-blog-feature-thumb-1 img{ transform: scale(1.08); }
.vzqta-blog-feature-thumb-link-1:hover .vzqta-blog-feature-tag-1{ transform: translateY(-4px) scale(1.05);box-shadow: 0 12px 30px rgba(255,3,161,0.35); }
.vzqta-blog-feature-thumb-1{ width: 100%;height: 540px;overflow: hidden;border-radius: 16px;position: relative; }
.vzqta-blog-feature-thumb-1::before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 100%);z-index: 2;pointer-events: none; }
.vzqta-blog-feature-thumb-1 img{ width: 100%;height: 100%;object-fit: cover;transition: transform 1s ease; }
.vzqta-blog-feature-tag-1{ position: absolute;top: 18px;right: 18px;height: 29px;padding: 0 14px;background: #FF03A1;border-radius: 14px;display: flex;align-items: center;justify-content: center;z-index: 5;transition: all 0.4s ease; }
.vzqta-blog-feature-tag-1 span{ color: #FFFFFF;font-family: "SF Pro Display", sans-serif;font-size: 15px;font-style: normal;font-weight: 700;line-height: 220%; }
.vzqta-blog-feature-col-content-1 h3{ margin: 0 0 18px;color: #000000;font-family: "SF Pro Display", sans-serif;font-size: 50px;font-style: normal;font-weight: 700;line-height: 102%; }
.vzqta-blog-feature-date-1{ margin: 0 0 26px;color: rgba(0,0,0,0.8);font-family: "SF Pro Display", sans-serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: 110%; }
.vzqta-blog-feature-text-1{ margin: 0 0 40px;color: rgba(0,0,0,0.8);font-family: "SF Pro Display", sans-serif;font-size: 30px;font-style: normal;font-weight: 400;line-height: 143%; }
.vzqta-blog-feature-btn-1{ width: fit-content;min-width: 180px;height: 56px;padding: 0 34px 0 40px;border-radius: 1000px;background: linear-gradient(90deg,#FF03A1 0%,#FF0095 100%);display: inline-flex;align-items: center;justify-content: center;text-decoration: none;position: relative;overflow: hidden;transition: all 0.45s ease !important;box-shadow: 0 14px 40px rgba(255,3,161,0.24); }
.vzqta-blog-feature-btn-1::before{ content: "";position: absolute;top: 0;left: -120%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.3) 50%,transparent 100%);transition: all 0.7s ease; }
.vzqta-blog-feature-btn-1 span{ color: #FFFFFF;font-family: "Geist", sans-serif;font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: -0.02em;text-transform: uppercase;position: relative;z-index: 2; }
.vzqta-blog-feature-btn-1 svg{ margin-left: 10px;position: relative;z-index: 2;transition: transform 0.35s ease; }
.vzqta-blog-feature-btn-1:hover{ transform: translateY(-4px) scale(1.03);box-shadow: 0 22px 48px rgba(255,3,161,0.36); }
.vzqta-blog-feature-btn-1:hover::before{ left: 120%; }
.vzqta-blog-feature-btn-1:hover svg{ transform: translateX(4px) translateY(-2px); }

@media(max-width:1400px){

	.vzqta-blog-feature-thumb-1{ height: 480px; }
	.vzqta-blog-feature-col-content-1 h3{ font-size: 42px; }
	.vzqta-blog-feature-text-1{ font-size: 26px; }

}

@media(max-width:1200px){

	.vzqta-blog-feature-grid-1{ gap: 34px; }
	.vzqta-blog-feature-thumb-1{ height: 420px; }
	.vzqta-blog-feature-col-content-1 h3{ font-size: 36px; }
	.vzqta-blog-feature-date-1{ font-size: 18px; }
	.vzqta-blog-feature-text-1{ font-size: 22px;line-height: 138%; }

}

@media(max-width:1000px){

	.vzqta-blog-feature-grid-1{ grid-template-columns: 1fr; }
	.vzqta-blog-feature-thumb-1{ height: 380px; }
	.vzqta-blog-feature-col-content-1 h3{ font-size: 34px; }

}

@media(max-width:768px){

	.vzqta-blog-feature-sec-1{ padding: 40px 24px; }
	.vzqta-blog-feature-title-1{ font-size: 40px;margin-bottom: 30px; }
	.vzqta-blog-feature-thumb-1{ height: 320px; }
	.vzqta-blog-feature-col-content-1 h3{ font-size: 30px; }
	.vzqta-blog-feature-date-1{ margin-bottom: 18px;font-size: 17px; }
	.vzqta-blog-feature-text-1{ margin-bottom: 30px;font-size: 20px;line-height: 145%; }

}

@media(max-width:600px){

	.vzqta-blog-feature-sec-1{ padding: 30px 20px; }
	.vzqta-blog-feature-title-1{ font-size: 32px;margin-bottom: 24px; }
	.vzqta-blog-feature-grid-1{ gap: 26px; }
	.vzqta-blog-feature-thumb-1{ height: 250px;border-radius: 12px; }
	.vzqta-blog-feature-thumb-link-1{ border-radius: 12px; }
	.vzqta-blog-feature-tag-1{ top: 12px;right: 12px;height: 26px;padding: 0 12px; }
	.vzqta-blog-feature-tag-1 span{ font-size: 13px; }
	.vzqta-blog-feature-col-content-1 h3{ font-size: 26px;line-height: 108%;margin-bottom: 14px; }
	.vzqta-blog-feature-date-1{ font-size: 15px;margin-bottom: 16px; }
	.vzqta-blog-feature-text-1{ font-size: 17px;line-height: 150%;margin-bottom: 24px; }
	.vzqta-blog-feature-btn-1{ min-width: 165px;height: 52px;padding: 0 28px 0 30px; }
	.vzqta-blog-feature-btn-1 span{ font-size: 14px; }

}

.uixbz-blog-list-sec-1{padding:30px 30px;background:#FFFFFF;position:relative;overflow:hidden;}
.uixbz-blog-list-container-1{width:100%;max-width:1820px;margin:0 auto;}
.uixbz-blog-list-title-1{margin:0 0 42px;color:#021D26;font-family:"SF Pro Display",sans-serif;font-size:50px;font-style:normal;font-weight:500;line-height:108%;letter-spacing:-0.01em;}
.uixbz-blog-posts-grid-1{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:stretch;}
.uixbz-blog-card-1{background:#FFFFFF;border-radius:15px;overflow:hidden;box-shadow:0 9px 13px -2px rgba(0,0,0,0.10),0 3px 5px -3px rgba(0,0,0,0.10);transition:all .45s ease;position:relative;display:flex;flex-direction:column;height:100%;}
.uixbz-blog-card-1:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,0.16);}
.uixbz-blog-card-thumb-link-1{position:relative;display:block;overflow:hidden;}
.uixbz-blog-card-thumb-link-1:hover .uixbz-blog-card-thumb-1 img{transform:scale(1.08);}
.uixbz-blog-card-thumb-link-1:hover .uixbz-blog-card-tag-1{transform:translateY(-4px) scale(1.05);}
.uixbz-blog-card-thumb-1{width:100%;height:205px;overflow:hidden;position:relative;}
.uixbz-blog-card-thumb-1::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);z-index:2;pointer-events:none;}
.uixbz-blog-card-thumb-1 img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease;}
.uixbz-blog-card-tag-1{position:absolute;top:12px;right:12px;height:29px;padding:0 14px;border-radius:14px;background:#FF03A1;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .35s ease;}
.uixbz-blog-card-tag-1 span{color:#FFFFFF;font-family:"SF Pro Display",sans-serif;font-size:15px;font-style:normal;font-weight:700;line-height:220%;}
.uixbz-blog-card-content-1{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.uixbz-blog-card-date-1{display:flex;align-items:center;gap:8px;margin-bottom:18px;}
.uixbz-blog-card-date-1 img{width:13px;height:14px;object-fit:contain;}
.uixbz-blog-card-date-1 span{color:#6A7282;font-family:"Mulish",sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:143%;}
.uixbz-blog-card-content-1 h3{margin:0 0 18px;color:#101828;font-family:"Mulish",sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:140%;min-height:78px;}
.uixbz-blog-card-excerpt-1{color:#4A5565;font-family:"Mulish",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin-bottom:34px;flex:1;}
.uixbz-blog-card-btn-1{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-top:auto;width:fit-content;transition:all .3s ease;}
.uixbz-blog-card-btn-1 span{color:#FF03A1;font-family:"Arial",sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:150%;transition:all .3s ease;}
.uixbz-blog-card-btn-1 img{width:10px;height:10px;object-fit:contain;transition:all .3s ease;}
.uixbz-blog-card-btn-1:hover{transform:translateX(6px);}
.uixbz-blog-card-btn-1:hover img{transform:translateX(4px) translateY(-2px);}
.uixbz-blog-pagination-1{width:100%;display:flex;align-items:center;gap:12px;margin-top:34px;}
.uixbz-blog-pagination-1 button{width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:#363636;font-family:"SF Pro Display",sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:125%;cursor:pointer;transition:all .35s ease;}
.uixbz-blog-pagination-1 button:hover{transform:translateY(-3px);color:#FF03A1;}
.uixbz-blog-pagination-1 button.active{background:#FF03A1;color:#FFFFFF;box-shadow:0 12px 28px rgba(255,3,161,0.25);}
@media(max-width:1400px){
	.uixbz-blog-posts-grid-1{grid-template-columns:repeat(4,1fr);}
}
@media(max-width:1300px){
	.uixbz-blog-list-title-1{font-size:46px;}
}
@media(max-width:1200px){
	.uixbz-blog-list-title-1{font-size:42px;}
	.uixbz-blog-posts-grid-1{grid-template-columns:repeat(3,1fr);}
	.uixbz-blog-card-content-1 h3{font-size:17px;min-height:72px;}
}
@media(max-width:768px){
	.uixbz-blog-posts-grid-1{grid-template-columns:repeat(2,1fr);}
	.uixbz-blog-card-thumb-1{height:230px;}
	.uixbz-blog-list-title-1{font-size:38px;}
}
@media(max-width:600px){
	.uixbz-blog-list-sec-1{padding:20px 20px;}
	.uixbz-blog-list-title-1{font-size:34px;margin-bottom:26px;}
	.uixbz-blog-posts-grid-1{grid-template-columns:1fr;gap:20px;}
	.uixbz-blog-card-thumb-1{height:250px;}
	.uixbz-blog-card-content-1{padding:20px;}
	.uixbz-blog-card-content-1 h3{font-size:22px;min-height:auto;margin-bottom:14px;}
	.uixbz-blog-card-excerpt-1{font-size:15px;margin-bottom:24px;}
	.uixbz-blog-pagination-1{margin-top:26px;gap:8px;flex-wrap:wrap;}
	.uixbz-blog-pagination-1 button{width:34px;height:34px;font-size:12px;}
}

.xqvna-single-post-sec-1{ padding: 60px 40px 30px 40px;background: #FFF;position: relative;overflow: hidden; }
.xqvna-single-post-container-1{ width: 100%;max-width: 1550px;margin: 0 auto; }
.xqvna-single-post-grid-1{ display: grid;grid-template-columns: minmax(0,1fr) 620px;gap: 70px;align-items: start; }
.xqvna-single-post-col-content-1{ min-width: 0; }
.xqvna-single-post-tag-1{ display: inline-flex;align-items: center;justify-content: center;padding: 6px 24px;border-radius: 999px;background: #D1E2E3;margin-bottom: 24px; }
.xqvna-single-post-tag-1 span{ color: #021D26;text-align: center;font-family: "SF Pro", sans-serif;font-size: 11px;font-style: normal;font-weight: 510;line-height: 130%;letter-spacing: 0.5em;text-transform: uppercase; }
.xqvna-single-post-title-1{ margin: 0 0 22px;color: #000000;font-family: "SF Pro Display", sans-serif;font-size: 62px;font-style: normal;font-weight: 700;line-height: 96%;letter-spacing: -0.02em;max-width: 900px; }
.xqvna-single-post-meta-1{ margin-bottom: 36px; }
.xqvna-single-post-date-1{ display: flex;align-items: center;gap: 10px; }
.xqvna-single-post-date-1 img{ width: 13px;height: 14px;object-fit: contain; }
.xqvna-single-post-date-1 span{ color: rgba(0,0,0,0.70);font-family: "SF Pro Display", sans-serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 110%; }
.xqvna-single-post-thumb-1{ width: 100%;border-radius: 24px;overflow: hidden;position: sticky;top: 120px;box-shadow: 0 30px 80px rgba(0,0,0,0.10); }
.xqvna-single-post-thumb-1 img{ width: 100%;height: auto;display: block;object-fit: cover;transition: transform 0.8s ease; }
.xqvna-single-post-thumb-1:hover img{ transform: scale(1.04); }
.xqvna-single-post-thumb-mobile-1{ display: none; }
.xqvna-single-post-content-1{ color: rgba(0,0,0,0.82);font-family: "SF Pro Display", sans-serif;font-size: 24px;font-style: normal;font-weight: 400;line-height: 170%; }
.xqvna-single-post-content-1>*:first-child{ margin-top: 0; }
.xqvna-single-post-content-1 h2{ margin: 60px 0 24px;color: #021D26;font-family: "SF Pro Display", sans-serif;font-size: 42px;font-style: normal;font-weight: 700;line-height: 110%;letter-spacing: -0.02em; }
.xqvna-single-post-content-1 h3{ margin: 50px 0 22px;color: #021D26;font-family: "SF Pro Display", sans-serif;font-size: 34px;font-style: normal;font-weight: 700;line-height: 115%; }
.xqvna-single-post-content-1 p{ margin: 0 0 28px; }
.xqvna-single-post-content-1 strong{ font-weight: 700;color: #000000; }
.xqvna-single-post-content-1 a{ color: #FF03A1;text-decoration: none;transition: all 0.3s ease; }
.xqvna-single-post-content-1 a:hover{ opacity: 0.7; }
.xqvna-single-post-content-1 ul,
.xqvna-single-post-content-1 ol{ padding-left: 24px;margin: 0 0 30px; }
.xqvna-single-post-content-1 li{ margin-bottom: 12px; }
.xqvna-single-post-content-1 img{ width: 100%;height: auto;border-radius: 22px;margin: 30px 0;box-shadow: 0 20px 60px rgba(0,0,0,0.08); }
.xqvna-single-post-content-1 blockquote{ margin: 40px 0;padding: 30px 35px;border-left: 5px solid #FF03A1;background: #FFFFFF;border-radius: 18px;color: #021D26;font-family: "SF Pro Display", sans-serif;font-size: 28px;font-style: italic;font-weight: 600;line-height: 150%;box-shadow: 0 20px 50px rgba(0,0,0,0.06); }

@media(max-width:1400px){

	.xqvna-single-post-grid-1{ grid-template-columns: minmax(0,1fr) 560px;gap: 60px; }
	.xqvna-single-post-title-1{ font-size: 56px; }
	.xqvna-single-post-content-1{ font-size: 22px; }
	.xqvna-single-post-content-1 h2{ font-size: 38px; }
	.xqvna-single-post-content-1 h3{ font-size: 30px; }

}

@media(max-width:1300px){

	.xqvna-single-post-sec-1{ padding: 50px 40px 30px 40px; }
	.xqvna-single-post-grid-1{ grid-template-columns: minmax(0,1fr) 500px;gap: 50px; }
	.xqvna-single-post-title-1{ font-size: 50px; }
	.xqvna-single-post-content-1{ font-size: 21px;line-height: 165%; }
	.xqvna-single-post-content-1 h2{ font-size: 34px; }
	.xqvna-single-post-content-1 h3{ font-size: 28px; }

}

@media(max-width:1200px){

	.xqvna-single-post-grid-1{ grid-template-columns: 1fr;gap: 40px; }
	.xqvna-single-post-col-image-1{ display: none; }
	.xqvna-single-post-thumb-mobile-1{ display: block;margin-bottom: 34px;border-radius: 22px;overflow: hidden;box-shadow: 0 24px 60px rgba(0,0,0,0.10); }
	.xqvna-single-post-thumb-mobile-1 img{ width: 100%;height: auto;display: block; }
	.xqvna-single-post-title-1{ max-width: 100%;font-size: 48px; }
	.xqvna-single-post-content-1{ font-size: 20px; }
	.xqvna-single-post-content-1 h2{ font-size: 32px; }
	.xqvna-single-post-content-1 h3{ font-size: 26px; }

}

@media(max-width:768px){

	.xqvna-single-post-sec-1{ padding: 40px 20px 20px 20px; }
	.xqvna-single-post-tag-1{ margin-bottom: 18px; }
	.xqvna-single-post-title-1{ font-size: 40px;line-height: 98%;margin-bottom: 18px; }
	.xqvna-single-post-meta-1{ margin-bottom: 24px; }
	.xqvna-single-post-date-1 span{ font-size: 15px; }
	.xqvna-single-post-content-1{ font-size: 18px;line-height: 165%; }
	.xqvna-single-post-content-1 h2{ font-size: 28px;margin: 40px 0 18px; }
	.xqvna-single-post-content-1 h3{ font-size: 24px;margin: 34px 0 16px; }
	.xqvna-single-post-content-1 blockquote{ padding: 24px;font-size: 20px;line-height: 155%; }

}

@media(max-width:600px){

	.xqvna-single-post-sec-1{ padding: 30px 20px 20px 20px; }
	.xqvna-single-post-title-1{ font-size: 32px; }
	.xqvna-single-post-date-1{ gap: 8px; }
	.xqvna-single-post-date-1 span{ font-size: 14px; }
	.xqvna-single-post-thumb-mobile-1{ margin-bottom: 24px;border-radius: 18px; }
	.xqvna-single-post-content-1{ font-size: 16px;line-height: 160%; }
	.xqvna-single-post-content-1 h2{ font-size: 24px;line-height: 120%; }
	.xqvna-single-post-content-1 h3{ font-size: 21px;line-height: 125%; }
	.xqvna-single-post-content-1 p{ margin-bottom: 22px; }
	.xqvna-single-post-content-1 blockquote{ padding: 20px;font-size: 18px;line-height: 150%;border-radius: 14px; }

}