/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.13.1
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 10.7.0
Tested up to: 6.9
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true
Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.
Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/
Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )
Screenshot image is a collage of actual sites created using the Astra WordPress Theme.
Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png
Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png
The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.
For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.
Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.
Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )
/* Note: The CSS files are loaded from assets/css/ folder. */
/* ── GLOBAL FONTS ─────────────────────────────────────────── */
body, .main-container {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Headings use Cormorant Garamond to match design */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-themeisle-blocks-advanced-heading h1,
.wp-block-themeisle-blocks-advanced-heading h2,
.wp-block-themeisle-blocks-advanced-heading h3,
.wp-block-themeisle-blocks-advanced-heading h4 {
font-family: 'Cormorant Garamond', serif !important;
}
body ,.main-container{
background-color: #fff !important;
}
.report-unique *{
color:rgb(255 255 255 / 65%) !important;
}
.report-unique .what-make-headding{
color: #fff !important;
font-size: 42px !important;
font-weight: 500 !important;
}
.report-unique .has-text-align-left{
min-height: 80px !important;
position: relative;
}
.report-unique .report-unic-card .has-text-align-left{
margin-bottom: 10px !important;
}
.report-unique .has-text-align-left::after {
content: "";
position: absolute;
background-color: rgba(255, 255, 255, 0.1);
bottom: -10px;
width: 100%;
height: 1px;
left: 0;
}
.gap-20 .wp-block-group__inner-container {
gap: 20px;
display: flex;
flex-wrap: wrap;
}
.trans-bg,.trans-bg .slider-bg{
background-color: transparent !important;
}
.trans-bg .slider-bg .swiper-slide {
background-color: #fff;
border-radius: 16px;
}
/* .report-unique {
background: linear-gradient(180deg, #0F2A4A 0%, #0A1F3A 100%),
radial-gradient(113.14% 113.14% at 80% 80%, rgba(37, 99, 235, 0.12) 0%, rgba(37, 99, 235, 0) 55%),
radial-gradient(113.14% 113.14% at 20% 20%, rgba(184, 137, 61, 0.1) 0%, rgba(184, 137, 61, 0) 50%);
} */
.ast-plain-container.ast-no-sidebar #primary{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.report-unic-card {
color:rgb(255 255 255 / 65%);
border-radius: 18px;
border: var(--stroke-weight-1, 1px) solid rgba(255, 255, 255, 0.10);
/* background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 100%)!important; */
backdrop-filter: blur(5px);
display: flex;
padding: 36px 26px 32px 26px !important;
flex-direction: column;
align-items: flex-start;
gap: var(--item-spacing-12, 12px);
grid-row: 1 / span 1;
grid-column: 1 / span 1;
justify-self: stretch;
}
.report-unic-card .wp-block-themeisle-blocks-icon-list-item i,
.report-unic-card .wp-block-themeisle-blocks-icon-list-item p{
color: #B8893D !important;
}
.report-unic-card .wp-block-themeisle-blocks-advanced-heading{
margin-bottom: 0px !important;
}
.report-unic-card .has-text-align-left{
margin-bottom: 0px !important;
}
.report-our .our-report-p {
margin-block-start: 0px !important;
margin-bottom: 0px !important;
}
.report-our .our-report-p1{
margin-block-start: 0px !important;
}
.f-image img{
height: 170px;
border-top-right-radius: 16px !important;
border-top-left-radius: 16px !important;
}
.f-over-image{
margin-top: -140px;
margin-bottom: 90px !important;
margin-left: 25px;
width: calc(100% - 50px) !important;
}
.seg-exp{
display: flex;
padding: 30px 24px 26px 24px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
border-radius: 16px;
border: var(--stroke-weight-1, 1px) solid #E3E6EC;
background: #FFF !important;
}
.seg-exp img{
max-height: 170px;
}
.seg-row{
margin-top: 20px !important;
}
.entry-header.ast-no-thumbnail{
display: none;
}
.assist-block{
align-self: stretch;
grid-template-rows: 347.28px;
grid-template-columns: repeat(3,minmax(0,1fr));
border-radius: 20px;
border: var(--stroke-weight-1, 1px) solid var(--color-grey-91, #DBE5F4);
background: var(--color-white-solid, #FFF);
}
.assist-block-1{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom: none !important;
padding-bottom: 0px !important;
}
.assist-block-2{
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding-top: 0px !important;
}
.assist-block .wp-block-themeisle-blocks-advanced-column {
display: flex;
padding: 50px 40px 46px 40px;
flex-direction: column;
align-items: flex-start;
gap: var(--item-spacing-13_4, 13.4px);
grid-row: 1 / span 1;
grid-column: 1 / span 1;
justify-self: stretch;
border-right: 1px solid rgba(227, 230, 236, 1)!important;
}
.assist-block .wp-block-themeisle-blocks-advanced-column:nth-child(3){
border-right: none !important;
}
.trans-bg .innerblocks-wrap,.seg-block .innerblocks-wrap,.gap-20 .innerblocks-wrap{
gap: 20px;
}
/* .block-editor-block-list__layout{
gap: 20px;
} */
.assist-block .wp-block-heading{
margin-bottom: 0px !important;
}
.trans-bg .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column{
margin: 0 !important;
border-radius: 16px !important;
}
.seg-block .seg-exp{
margin: 0 !important;
}
.assist-block .wp-block-themeisle-blocks-advanced-heading{
margin-bottom: 25px !important;
width: 100%;
}
/* Container styling to allow the number to sit on the right */
.assist-block {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 0;
}
.assist-block .innerblocks-wrap{
align-items: stretch !important;
}
/* Styling the "STEP TWO" Heading */
.assist-block .wp-block-themeisle-blocks-advanced-heading {
display: flex;
align-items: center;
gap: 15px; /* Space between line and text */
color: #B8893D !important; /* The gold/bronze color */
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0;
}
/* The Gold Line before the text */
.assist-block .wp-block-themeisle-blocks-advanced-heading::before {
content: "";
width: 40px;
height: 2px;
background-color: #B8893D;
display: inline-block;
}
/* The Large Background Number (02) */
.assist-block::after {
content: "02"; /* Change this per block or use a unique class */
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-family: 'Cormorant Garamond', serif;
font-size: 80px;
font-weight: 700;
color: #f2ede4; /* Very light beige/cream */
z-index: -1; /* Puts it behind the text */
opacity: 0.8;
}
/* 3. The Large Background Number Styling */
.assist-block .wp-block-themeisle-blocks-advanced-heading::after {
position: absolute;
right: 0;
top: 60%;
transform: translateY(-45%);
font-family: 'Cormorant Garamond', serif; /* Was: "Playfair Display", serif */
font-size: 100px;
font-weight: 700;
color: #f2ede4; /* Light beige/cream color */
z-index: 0;
line-height: 1;
pointer-events: none; /* Allows clicks to pass through to content */
}
/* 4. Assigning the specific numbers based on class */
.step-1 .wp-block-themeisle-blocks-advanced-heading::after { content: "01"; }
.step-2 .wp-block-themeisle-blocks-advanced-heading::after { content: "02"; }
.step-3 .wp-block-themeisle-blocks-advanced-heading::after { content: "03"; }
.step-4 .wp-block-themeisle-blocks-advanced-heading::after { content: "04"; }
.step-5 .wp-block-themeisle-blocks-advanced-heading::after { content: "05"; }
.step-6 .wp-block-themeisle-blocks-advanced-heading::after { content: "06"; }
.step-1:hover,.step-2:hover,.step-3:hover,.step-4:hover,.step-5:hover,.step-6:hover{
background-color: #FAFBFD!important;
}
/* Ensure the heading stays above the number */
.assist-block .wp-block-themeisle-blocks-advanced-heading {
position: relative;
z-index: 1;
}
.our-report .our-col-1,.our-report .our-col-2{
margin: 0 !important;
border-radius: 16px !important;
border: 1px solid #E3E6EC !important;
}
.our-report .uagb-container-inner-blocks-wrap{
gap: 20px !important;
margin-bottom: 20px !important;
display: flex;
}
.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-d32e939e > .uagb-container-inner-blocks-wrap,
.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-2a834b40 > .uagb-container-inner-blocks-wrap,
.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-e84d96cc > .uagb-container-inner-blocks-wrap,
.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-0bba4efb > .uagb-container-inner-blocks-wrap{
max-width: 100% !important;
}
.our-report .our-col-1 .wp-block-column:nth-child(1),.our-report .our-col-2 .wp-block-column:nth-child(1){
flex-basis: 62px !important;
}
.our-report .our-col-2 .wp-block-column:nth-child(2),.our-report .our-col-2 .wp-block-column:nth-child(2){
flex-basis:calc(100% - 62px) !important;
}
/* slider */
/* 1. Hide default Swiper icons for both */
.cb-button-prev.swiper-button-prev::after,
.cb-button-next.swiper-button-next::after {
display: none;
}
/* 2. Shared styles for both buttons (Circular look) */
.cb-button-prev.swiper-button-prev,
.cb-button-next.swiper-button-next {
width: 50px;
height: 50px;
background-color: #ffffff;
border: 2px solid #f0f2f5; /* Light grey border from image */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
/* Static positioning reset if needed */
margin-top: 0;
top: 50%;
transform: translateY(-50%);
}
/* 3. Left Arrow Content */
.cb-button-prev.swiper-button-prev::before {
content: '←';
font-size: 22px;
color: #2b59ff;
font-weight: 400;
}
/* 4. Right Arrow Content (Next Button) */
.cb-button-next.swiper-button-next::before {
content: '→';
font-size: 22px;
color: #2b59ff;
font-weight: 400;
}
/* 5. Hover Effects */
.cb-button-prev.swiper-button-prev:hover,
.cb-button-next.swiper-button-next:hover {
border-color: #2b59ff;
background-color: #f8faff;
}
/* 6. Positioning */
.swiper-button-prev { left: -60px !important; } /* Pulls it outside the slider */
.swiper-button-next { right: -60px !important; }
/* ============================================================
CARDIOVASCULAR DEVICES - PIXEL PERFECT (CLASS-BASED)
============================================================ */
:root {
--primary-blue: #324e85; /* Button blue */
--hover-blue: #253a63;
--text-main: #1d2b4b; /* Dark headings */
--text-body: #5e6d82; /* Excerpt grey */
--accent-gold: #c59d5f; /* "Market Report" gold */
--bg-light: #f4f7fa; /* Page background */
--card-border: #e9eff5;
--sidebar-blue: #3b82f6; /* Checkmark blue */
}
/* 1. Global Page Layout */
.seg-archive-section {
/* padding: 60px 0px; */
width: 100%;
}
.seg-archive-container {
max-width: 100%;
margin: 0 auto;
display: flex;
/* gap: 32px; */
align-items: flex-start;
}
/* 2. Main Content & Grid */
/* Change the Main Content to 80% */
.seg-archive-main {
flex: 0 0 calc(75% - 15px); /* Takes exactly 80% */
max-width: calc(75% - 15px);
margin-right: 15px;
}
/* Change the Sidebar to 20% */
.seg-archive-sidebar {
flex: 0 0 25%; /* Takes exactly 20% */
max-width: 25%;
min-width: 260px; /* Safety: prevents sidebar from getting too squished */
}
.seg-cards-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
/* gap: 24px; */
gap: 24px 15px;
}
/* 3. Card Styling (Pacemakers / Stents) */
.seg-card-block-wrap {
background: #ffffff;
border: 1px solid var(--card-border);
border-radius: 16px;
padding: 24px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
transition: transform 0.2s ease, box-shadow 0.2s ease;
height: 100%;
box-sizing: border-box;
}
.seg-card-block-wrap:hover {
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(29, 43, 75, 0.1);
}
/* Card Header Layout (Icon + Title Group) */
.seg-card-block-wrap .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-columns > .innerblocks-wrap {
display: flex !important;
align-items: center !important;
gap: 20px;
margin-bottom: 24px;
}
/* Icon Wrapper */
.seg-card-block-wrap .wp-block-image {
margin: 0 !important;
background: #edf2f9;
width: 64px;
height: 64px;
min-width: 64px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.seg-card-block-wrap .wp-block-image img {
width: 32px !important;
height: 32px !important;
object-fit: contain;
}
/* Title & Subtitle Styling */
/* Target the heading classes used by Themeisle */
.seg-card-block-wrap .wp-block-themeisle-blocks-advanced-heading {
margin: 0 !important;
line-height: 1.2 !important;
}
/* The Main Title (e.g., Pacemakers) */
.seg-card-block-wrap .wp-block-group .wp-block-themeisle-blocks-advanced-heading:first-of-type {
font-size: 22px !important;
font-weight: 600 !important;
color: var(--text-main) !important;
font-family: 'Cormorant Garamond', serif;
}
/* The Gold Subtitle (e.g., Market Report) */
.seg-card-block-wrap .wp-block-group .wp-block-themeisle-blocks-advanced-heading:last-of-type {
font-size: 13px !important;
color: var(--accent-gold) !important;
font-weight: 500 !important;
text-transform: capitalize;
margin-top: 4px !important;
}
/* Card Excerpt (Description) */
.seg-card-block-wrap p.wp-block-themeisle-blocks-advanced-heading {
font-size: 15px !important;
line-height: 1.6 !important;
color: var(--text-body) !important;
margin: 24px 0 !important;
min-height: 48px;
}
/* View Report Button */
.seg-card-block-wrap .wp-block-button__link {
background-color: var(--primary-blue) !important;
color: #ffffff !important;
display: block !important;
width: 100%;
text-align: center;
padding: 14px 0 !important;
border-radius: 10px !important;
font-size: 15px !important;
font-weight: 600 !important;
text-decoration: none !important;
border: none !important;
transition: background 0.3s ease;
}
.seg-card-block-wrap .wp-block-button__link:hover {
background-color: var(--hover-blue) !important;
}
/* 4. Sidebar Styling (Browse Segments) */
.seg-sidebar-inner {
background: #ffffff;
border: 1px solid var(--card-border);
border-radius: 16px;
padding: 35px 30px;
}
.seg-sidebar-title {
font-size: 22px;
font-weight: 600;
color: var(--text-main);
font-family: 'Cormorant Garamond', serif;
margin: 0 0 30px 0;
}
.seg-sidebar-list {
list-style: none;
padding: 0;
margin: 0;
}
.seg-sidebar-item {
border-bottom: 1px solid #f1f4f8;
padding: 20px 0;
display: block;
}
.seg-sidebar-item:last-child {
border-bottom: none;
}
/* Blue Checkmark Circle & Link */
.seg-sidebar-item a {
text-decoration: none;
display: flex;
flex-direction: column;
position: relative;
padding-left: 36px;
font-size: 16px;
font-weight: 500;
color: var(--sidebar-blue);
margin-bottom: 6px;
transition: color 0.2s;
}
.seg-sidebar-item a::before {
content: '✓';
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 22px;
background: #eef2ff;
color: var(--sidebar-blue);
font-size: 12px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
/* Sidebar Excerpt (matching screenshot) */
.seg-sidebar-desc {
display: block;
padding-left: 36px;
font-size: 13px;
color: #94a3b8;
line-height: 1.5;
margin: 4px 0 0;
}
/* Legacy ::after override – removed in favour of .seg-sidebar-desc */
.seg-sidebar-item::after {
content: none;
}
/* ============================================================
SEGMENTS PAGE — HERO SECTION
============================================================ */
.seg-hero-wrap {
background: #EEF3FA;
padding: 48px 0 36px;
}
.seg-hero-container {
max-width: 1280px;
margin: 0 auto;
/* padding: 0 40px; */
}
.seg-hero-breadcrumb {
font-size: 13px;
color: #6B7280;
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
margin-bottom: 20px;
}
.seg-hero-breadcrumb a {
color: #6B7280;
text-decoration: none;
transition: color 0.2s;
}
.seg-hero-breadcrumb a:hover { color: #2F5FEA; }
.seg-bc-sep { color: #9CA3AF; }
.seg-hero-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 52px !important;
font-weight: 600 !important;
line-height: 1.15 !important;
color: #11284A !important;
margin: 0 0 18px !important;
}
.seg-hero-subtitle {
font-size: 17px;
color: #6B7280;
line-height: 1.7;
max-width: 720px;
margin: 0;
}
.normal-icon img,.hover-icon img{
height: 54px !important;
width: 54px !important;
}
@media (max-width: 768px) {
.seg-hero-title { font-size: 34px !important; }
.seg-hero-container,
.seg-hero-wrap + .seg-archive-section .seg-archive-container { padding: 0 16px; }
.we-assist-section .wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap{
width: 100%;
flex-wrap: wrap;
}
.we-assist-section .wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column{
width: 100% !important;
flex-basis: 100% !important;
}
}
/* 5. Pagination */
.seg-pagination {
margin-top: 50px;
margin-bottom: 50px;
display: flex;
gap: 8px;
justify-content: center;
}
.seg-pagination .page-numbers {
/* width: 36px; */
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
border: 1px solid var(--card-border);
color: var(--text-main);
text-decoration: none;
font-size: 14px;
background: #fff;
}
.seg-pagination .page-numbers.current {
background: rgba(37, 99, 235, 1);
color: white;
border-color: rgba(37, 99, 235, 1);
}
/* 6. Responsive Fixes */
@media (max-width: 991px) {
.seg-archive-container { flex-direction: column; }
.seg-archive-sidebar { width: 100%; }
.seg-cards-grid { grid-template-columns: 1fr; }
}
.segment-name-icon {
display: flex;
}
.seg-cards-grid .wp-block-button{
width: 100%;
}
.segment-name-icon .wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained{
margin-left: 15px !important;
margin-right: 0px !important;
margin-top: 0px !important;
}
/* ============================================================
SINGLE SEGMENT — REPORT DETAIL PAGE
============================================================ */
/* Google Font: Cormorant Garamond for headings */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');
/* --- Layout --- */
.rp-breadcrumb-wrap {
background: #EEF3FA;
padding: 18px 0 0;
}
.rp-container {
max-width: 1280px;
margin: 0 auto;
padding: 0 40px;
}
.rp-breadcrumb {
font-size: 13px;
color: #6B7280;
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.rp-breadcrumb a {
color: #6B7280;
text-decoration: none;
transition: color 0.2s;
}
.rp-breadcrumb a:hover { color: #2F5FEA; }
.rp-bc-sep { color: #9CA3AF; }
.rp-section {
padding: 48px 0 80px;
background: #EEF3FA;
}
.rp-layout {
display: flex;
gap: 32px;
align-items: flex-start;
}
/* Left = 70% */
.rp-main-content {
flex: 1 1 0;
min-width: 0;
}
/* Right sticky panel = 320px */
.rp-sticky-panel {
flex: 0 0 320px;
width: 320px;
position: sticky;
top: 120px;
}
/* --- Hero block --- */
.rp-hero-block {
margin-bottom: 36px;
}
/* Segment icon in hero */
.rp-hero-icon {
margin-bottom: 16px;
}
.rp-hero-icon img {
width: 72px;
height: 72px;
object-fit: contain;
border-radius: 12px;
border: 1px solid #DCE4F0;
background: #F4F7FB;
padding: 8px;
}
.rp-hero-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 42px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: #11284A !important;
margin: 0 0 18px !important;
max-width: 920px;
}
.rp-hero-subtitle {
font-size: 17px;
color: #6B7280;
line-height: 1.7;
max-width: 720px;
margin: 0;
}
.rp-hero-subtitle--admin {
font-weight: 500;
color: #374151;
}
/* Segment description below subtitle */
.rp-hero-desc {
margin-top: 14px;
font-size: 15px;
color: #4B5563;
line-height: 1.75;
max-width: 760px;
}
.rp-hero-desc p { margin: 0 0 10px; }
/* View Report button in hero */
.rp-hero-report-btn {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 22px;
padding: 12px 28px;
background: #2271b1;
color: #fff !important;
font-size: 15px;
font-weight: 600;
border-radius: 8px;
text-decoration: none !important;
transition: background 0.2s;
box-shadow: 0 4px 14px rgba(34,113,177,0.25);
}
.rp-hero-report-btn:hover {
background: #135e96;
color: #fff !important;
}
/* --- Highlights box --- */
.rp-highlights-box {
background: #fff;
border: 1px solid #DCE4F0;
border-radius: 18px;
padding: 32px 36px;
margin-bottom: 36px;
box-shadow: 0 6px 18px rgba(17,40,74,0.06);
}
.rp-highlights-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 24px !important;
font-weight: 600 !important;
color: #11284A !important;
margin: 0 0 20px !important;
}
.rp-bullets-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px 32px;
list-style: none;
padding: 0;
margin: 0;
}
.rp-bullet-item {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 15px;
color: #11284A;
line-height: 1.5;
}
.rp-bullet-check {
flex-shrink: 0;
margin-top: 2px;
}
/* --- Body content --- */
.rp-body-content {
margin-bottom: 48px;
}
.rp-body-content p {
font-size: 16px;
line-height: 1.7;
color: #374151;
margin-bottom: 28px;
}
.rp-body-content a {
color: #2F5FEA;
text-decoration: underline;
}
/* --- Section heading (reusable) --- */
.rp-section-heading {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 32px !important;
font-weight: 600 !important;
color: #11284A !important;
margin: 0 0 24px !important;
}
/* --- Why Choose Us --- */
.rp-why-us {
background: #fff;
border: 1px solid #DCE4F0;
border-radius: 18px;
padding: 40px 36px;
margin-bottom: 48px;
box-shadow: 0 6px 18px rgba(17,40,74,0.06);
text-align: center;
}
.rp-why-us .rp-section-heading {
text-align: center;
}
.rp-features-row {
display: flex;
justify-content: space-around;
gap: 20px;
flex-wrap: wrap;
}
.rp-feature-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
min-width: 100px;
}
.rp-feature-icon {
width: 60px;
height: 60px;
background: #EEF4FF;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
}
.rp-feature-title {
font-size: 15px;
font-weight: 600;
color: #11284A;
}
.rp-feature-desc {
font-size: 13px;
color: #6B7280;
text-align: center;
}
/* --- Market Drivers --- */
.rp-market-drivers {
margin-bottom: 48px;
}
.rp-market-drivers p {
font-size: 16px;
line-height: 1.7;
color: #374151;
margin-bottom: 20px;
}
.rp-drivers-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 28px;
}
.rp-driver-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
background: #fff;
border: 1px solid #DCE4F0;
border-radius: 14px;
padding: 24px 16px;
box-shadow: 0 4px 12px rgba(17,40,74,0.04);
}
.rp-driver-icon { font-size: 28px; }
.rp-driver-label {
font-size: 14px;
font-weight: 600;
color: #11284A;
}
/* --- Right Sticky Panel --- */
.rp-panel-inner {
background: linear-gradient(135deg, #06142B 0%, #0D2550 60%, #08214A 100%);
border-radius: 22px;
padding: 32px 28px;
position: relative;
overflow: hidden;
box-shadow: 0 12px 40px rgba(6,20,43,0.35);
}
.rp-panel-inner::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 180px;
height: 180px;
background: radial-gradient(circle, rgba(47,95,234,0.18) 0%, transparent 70%);
pointer-events: none;
}
.rp-panel-badge {
display: inline-block;
background: rgba(47,95,234,0.2);
color: #7EB3FF;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 20px;
margin-bottom: 16px;
}
.rp-panel-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 22px !important;
font-weight: 600 !important;
color: #fff !important;
line-height: 1.3 !important;
margin: 0 0 12px !important;
}
.rp-panel-subtext {
font-size: 14px;
color: rgba(255,255,255,0.65);
line-height: 1.6;
margin: 0 0 20px;
}
.rp-panel-bullets {
list-style: none;
padding: 0;
margin: 0 0 24px;
display: flex;
flex-direction: column;
gap: 10px;
}
.rp-panel-bullets li {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: rgba(255,255,255,0.85);
line-height: 1.4;
}
.rp-cb-icon { flex-shrink: 0; }
.rp-panel-price-row {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 24px;
padding-top: 16px;
border-top: 1px solid rgba(255,255,255,0.1);
}
.rp-panel-price {
font-size: 28px;
font-weight: 700;
color: #fff;
}
.rp-panel-price-note {
font-size: 13px;
color: rgba(255,255,255,0.5);
}
/* Primary Button — red-orange gradient */
.rp-btn-primary {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
height: 56px;
background: linear-gradient(135deg, #E8450A 0%, #F47C20 100%);
color: #fff;
font-size: 15px;
font-weight: 600;
border: none;
border-radius: 12px;
cursor: pointer;
transition: opacity 0.25s ease, transform 0.2s ease;
margin-bottom: 12px;
}
.rp-btn-primary:hover {
opacity: 0.92;
transform: translateY(-1px);
}
.rp-btn-primary:focus-visible {
outline: 3px solid #F47C20;
outline-offset: 3px;
}
/* Secondary Button */
.rp-btn-secondary {
display: block;
width: 100%;
height: 48px;
background: transparent;
color: rgba(255,255,255,0.8);
font-size: 14px;
font-weight: 500;
border: 1px solid rgba(255,255,255,0.18);
border-radius: 12px;
cursor: pointer;
transition: background 0.25s ease, border-color 0.25s ease;
margin-bottom: 16px;
}
.rp-btn-secondary:hover {
background: rgba(255,255,255,0.07);
border-color: rgba(255,255,255,0.35);
}
.rp-btn-secondary:focus-visible {
outline: 2px solid rgba(255,255,255,0.5);
outline-offset: 2px;
}
.rp-panel-trust {
font-size: 12px;
color: rgba(255,255,255,0.4);
text-align: center;
margin: 0;
}
/* ============================================================
MODALS
============================================================ */
.rp-modal-overlay {
position: fixed;
inset: 0;
background: rgba(5,15,30,0.72);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
display: flex;
align-items: center;
justify-content: center;
z-index: 99999;
padding: 20px;
animation: rp-fade-in 0.25s ease;
}
.rp-modal-overlay[hidden] {
display: none !important;
}
@keyframes rp-fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
.rp-modal-box {
background: #fff;
border-radius: 22px;
padding: 20px 40px;
width: 100%;
max-width: 730px;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 24px 80px rgba(5,15,30,0.25);
position: relative;
animation: rp-scale-in 0.25s ease;
}
.full-view .rp-field-group{
grid-column: 1 / -1;
}
@keyframes rp-scale-in {
from { opacity: 0; transform: scale(0.95) translateY(10px); }
to { opacity: 1; transform: scale(1) translateY(0); }
}
.rp-modal-close {
position: fixed;
top: 0px;
right: 0px;
width: 40px;
height: 40px;
background: #F3F4F6;
border: none;
border-radius: 50%;
font-size: 20px;
line-height: 1;
cursor: pointer;
color: #6B7280;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
display: none;
z-index: 1;
}
.rp-modal-close:hover { background: #E5E7EB; }
.rp-modal-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 26px !important;
font-weight: 600 !important;
color: #11284A !important;
text-align: center;
margin: 0 0 10px !important;
}
.rp-modal-subtitle {
font-size: 13px;
color: #6B7280;
text-align: center;
margin: 0 0 5px;
line-height: 1.6;
}
/* Form Grid */
.rp-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px 24px;
margin-bottom: 20px;
}
.rp-field-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.rp-field-full {
grid-column: 1 / -1;
}
.rp-field-group label {
font-size: 13px;
font-weight: 500;
color: #374151;
}
.rp-field-group label .req { color: #E8450A; }
.rp-field-group input,
.rp-field-group textarea,
.rp-field-group select {
height: 38px;
border: 1px solid #DCE4F0;
border-radius: 10px;
background: #fff;
padding: 0 16px;
font-size: 13px;
color: #11284A;
font-family: 'Inter', sans-serif;
transition: border-color 0.2s;
outline: none;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
.rp-field-group input::placeholder,
.rp-field-group textarea::placeholder {
color: #9CA3AF;
}
.rp-field-group input:focus,
.rp-field-group textarea:focus,
.rp-field-group select:focus {
border-color: #2F5FEA;
box-shadow: 0 0 0 3px rgba(47,95,234,0.1);
}
.rp-field-group textarea {
height: 140px;
padding: 14px 16px;
resize: vertical;
}
/* Select wrapper with custom arrow */
.rp-select-wrap {
position: relative;
}
.rp-select-wrap::after {
content: '▾';
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: #6B7280;
font-size: 14px;
}
.rp-select-wrap select {
padding-right: 36px;
cursor: pointer;
}
/* reCAPTCHA placeholder */
.rp-recaptcha-box {
border: 1px solid #DCE4F0;
border-radius: 10px;
height: 74px;
background: #FAFAFA;
display: flex;
align-items: center;
padding: 0 18px;
margin-bottom: 20px;
}
.rp-recaptcha-inner {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
}
.rp-recaptcha-inner label {
font-size: 14px;
color: #374151;
flex: 1;
}
.rp-captcha-check {
width: 22px !important;
height: 22px !important;
border: 2px solid #DCE4F0 !important;
border-radius: 4px !important;
flex-shrink: 0;
cursor: pointer;
}
.rp-recaptcha-logo {
display: flex;
align-items: center;
gap: 8px;
margin-left: auto;
font-size: 11px;
color: #9CA3AF;
line-height: 1.4;
}
.rp-recaptcha-logo small { display: block; font-size: 10px; color: #9CA3AF; }
/* Submit button */
.rp-modal-submit {
width: 100%;
height: 56px;
background: #2F5FEA;
color: #fff;
font-size: 16px;
font-weight: 600;
border: none;
border-radius: 10px;
cursor: pointer;
transition: background 0.25s ease;
font-family: 'Inter', sans-serif;
}
.rp-modal-submit:hover { background: #244ABD; }
.rp-modal-submit:focus-visible {
outline: 3px solid #2F5FEA;
outline-offset: 3px;
}
/* ============================================================
CF7 FORM OVERRIDES — make CF7 output match modal design
============================================================ */
/* Remove CF7 default paragraph spacing inside modal */
.rp-modal-box .wpcf7 form { margin: 0; }
.rp-modal-box .wpcf7 p { margin: 0; }
/* CF7 injects
tags — hide them */
.rp-modal-box .wpcf7 br { display: none; }
/* CF7 wraps fields in — make them block so layout works */
.rp-modal-box .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
/* rp-field-group must stay a flex column so label + input stack */
.rp-modal-box .rp-field-group {
display: flex;
flex-direction: column;
gap: 0px;
}
/* rp-form-grid carries the 2-col layout */
.rp-modal-box .rp-form-grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 6px 20px;
margin-bottom: 5px;
}
.rp-modal-box .rp-form-grid-request-invoice {
grid-template-columns: 49% 22% 23%;
}
.iti__selected-country:hover{
background-color: transparent !important;
}
.iti__dropdown-content{
padding-left: 10px !important;
padding-top: 10px !important;
padding-right: 10px !important;
}
.rp-modal-box .rp-form-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6px 20px;
margin-bottom: 5px;
}
.rp-modal-box .rp-form-grid-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6px 20px;
margin-bottom:5px;
}
.rp-modal-box .rp-field-full {
grid-column: 1 / -1;
}
/* Style all CF7 inputs / textarea / select inside modal */
.rp-modal-box .wpcf7-form-control-wrap input[type="text"],
.rp-modal-box .wpcf7-form-control-wrap input[type="email"],
.rp-modal-box .wpcf7-form-control-wrap input[type="tel"],
.rp-modal-box .wpcf7-form-control-wrap textarea,
.rp-modal-box .wpcf7-form-control-wrap select,
.rp-modal-box .rp-cf7-input,
.rp-modal-box .rp-cf7-textarea,
.rp-modal-box .rp-cf7-select {
height: 38px;
border: 1px solid #DCE4F0;
border-radius: 10px;
background: #fff;
padding: 0 16px;
font-size: 13px;
color: #11284A;
font-family: 'Inter', sans-serif;
transition: border-color 0.2s;
outline: none;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
display: block;
}
.rp-modal-box .wpcf7-form-control-wrap textarea,
.rp-modal-box .rp-cf7-textarea {
height: 100px;
padding: 14px 16px;
resize: vertical;
}
.rp-modal-box .wpcf7-form-control-wrap input::placeholder,
.rp-modal-box .wpcf7-form-control-wrap textarea::placeholder {
color: #9CA3AF;
}
.rp-modal-box .wpcf7-form-control-wrap input:focus,
.rp-modal-box .wpcf7-form-control-wrap textarea:focus,
.rp-modal-box .wpcf7-form-control-wrap select:focus {
border-color: #2F5FEA;
box-shadow: 0 0 0 3px rgba(47,95,234,0.1);
}
/* Select: custom dropdown arrow (no .rp-select-wrap with CF7) */
.rp-modal-box .wpcf7-form-control-wrap select,
.rp-modal-box .rp-cf7-select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 36px;
cursor: pointer;
height: 38px;
}
/* CF7 validation error messages */
.rp-modal-box .wpcf7-not-valid-tip {
color: #E8450A;
font-size: 12px;
margin-top: 4px;
display: block;
}
.rp-modal-box .wpcf7-not-valid {
border-color: #E8450A !important;
}
/* CF7 response output (success/error banner) */
.rp-modal-box .wpcf7-response-output {
margin: 12px 0 0;
padding: 12px 16px;
border-radius: 8px;
font-size: 14px;
border: none;
}
.rp-modal-box .wpcf7-mail-sent-ok {
background: #ECFDF5;
color: #065F46;
}
.rp-modal-box .wpcf7-validation-errors,
.rp-modal-box .wpcf7-spam-blocked,
.rp-modal-box .wpcf7-mail-sent-ng {
background: #FEF2F2;
color: #991B1B;
}
/* CF7 submit button — inherit modal submit styles */
.rp-modal-box input.wpcf7-submit,
.rp-modal-box .wpcf7-submit {
width: 100%;
height:43px;
background: #2F5FEA;
color: #fff;
font-size: 16px;
font-weight: 600;
border: none;
border-radius: 12px;
cursor: pointer;
margin-top: 4px;
font-family: 'Inter', sans-serif;
transition: background 0.2s;
letter-spacing: 0.02em;
}
.rp-modal-box input.wpcf7-submit:hover,
.rp-modal-box .wpcf7-submit:hover { background: #244ABD; }
/* CF7 spinner */
.rp-modal-box .wpcf7-spinner {
display: none !important;
}
.contact-submit .wpcf7-submit{
width: 100% !important;
}
.contact-submit .wpcf7-spinner{
display: none !important;
}
.bl-bg .has-text-color{
margin-bottom: 0 !important;
margin-block-start: 0px !important;
}
.mi-cta-strip:hover {
transform: translateY(-3px) !important;
box-shadow: var(--shadow-md) !important;
}
/* ============================================================
RESPONSIVE — Single Segment Page
============================================================ */
@media (max-width: 1024px) {
.rp-layout {
flex-direction: column;
}
.rp-sticky-panel {
position: static;
width: 100%;
flex: unset;
order: -1;
}
.rp-hero-title { font-size: 34px !important; }
.rp-drivers-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 992px) {
.content-area.primary.ast-grid-3.ast-blog-layout-4-grid{
padding: 1em 0 !important
}
.search-results-page-rk{
padding: 0 20px !important;
}
}
@media (max-width: 768px) {
.rp-reports-grid { grid-template-columns: 1fr; }
.rp-container { padding: 0 20px; }
.rp-hero-title { font-size: 28px !important; }
.rp-bullets-grid { grid-template-columns: 1fr; }
.rp-features-row { flex-wrap: wrap; justify-content: center; }
.rp-drivers-grid { grid-template-columns: repeat(2, 1fr); }
.rp-highlights-box,
.rp-why-us { padding: 24px 20px; }
.rp-modal-box { padding: 28px 20px; }
.rp-modal-title { font-size: 28px !important; }
.rp-form-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.rp-drivers-grid { grid-template-columns: 1fr; }
.rp-modal-overlay { padding: 10px; align-items: flex-end; }
.rp-modal-box {
border-radius: 22px 22px 0 0;
max-height: 95vh;
}
}
/* ============================================================
REPORT DETAIL PAGE — exact match with report.html
============================================================ */
/* ── tokens ── */
.page-body,.page-left,.page-right,.content-wrap,
.report-lead,.publisher-box,.why-box,.benefits-box,
.flag-banner,.flag-content,.flag-overlay,.flag-svg,
.rd-breadcrumb,.rd-bc-sep,.rd-page-wrap {
--navy:#0f2a4a; --navy-deep:#0a1f3a; --gold:#b8893d;
--blue:#2563eb; --blue-deep:#1e4ed8;
--bg:#f3f4f6; --card:#ffffff;
--text:#1a2942; --text-soft:#5a6478; --text-muted:#8a92a3;
--line:#e3e6ec; --line-soft:#edeff3;
--shadow-sm:0 1px 2px rgba(15,42,74,.04),0 1px 3px rgba(15,42,74,.04);
}
/* ── page wrap ── */
.rd-page-wrap {
max-width: 1280px;
margin: 0 auto;
width: 100%;
}
/* ── breadcrumb ── */
.rd-breadcrumb {
display:flex;align-items:center;gap:8px;
font-size:13.5px;color:var(--text-muted);
padding:28px 0 0;margin-bottom:28px;
}
.rd-breadcrumb-inner{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rd-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}
.rd-breadcrumb a:hover{color:var(--blue)}
.rd-bc-sep{opacity:.5;font-size:12px}
.rd-bc-current{color:var(--text-soft)}
/* ── 80/20 split ── */
.page-body {
flex:1;display:flex;align-items:stretch;
max-width:1280px;margin:0 auto;width:100%;
}
.page-left {
flex:0 0 calc(80% - 16px);
width:calc(80% - 16px);
margin-right: 16px;
min-width:0;
padding:0 0 80px 0;
}
.content-wrap {
max-width:1280px;margin:0 auto;
padding:0 0px;
}
.page-right {
flex:0 0 20%;width:20%;
position:sticky;top:78px;
height:calc(100vh - 78px);
overflow:hidden;flex-shrink:0;align-self:flex-start;
}
/* ── report lead ── */
.report-lead {
font-family:'Cormorant Garamond',Georgia,serif;
font-size:36px;font-weight:600;line-height:1.22;
color:var(--navy);margin-bottom:34px;letter-spacing:-0.015em;
}
.report-lead strong{font-weight:700}
/* ── publisher box ── */
.publisher-box {
background:var(--card);border:1px solid var(--line);border-radius:14px;
padding:28px 32px;margin-bottom:32px;box-shadow:var(--shadow-sm);
}
.publisher-box h3 {
font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;
font-weight:600;color:var(--navy);margin-bottom:20px;
}
.report-wp-content{
font-family:'Cormorant Garamond',Georgia,serif !important;
}
.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px}
.check-item{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text-soft);line-height:1.45}
.check-item svg{width:15px;height:15px;flex-shrink:0;color:var(--blue);stroke:var(--blue);margin-top:1px}
/* ── body text ── */
.report-body-text {
font-size:15.5px;line-height:1.72;
color:var(--text-soft);margin-bottom:20px;
}
.report-body-text a{
color:var(--blue);text-decoration:underline;
text-decoration-color:rgba(37,99,235,.3);transition:text-decoration-color .2s;
}
.report-body-text a:hover{text-decoration-color:var(--blue)}
/* ── why choose us ── */
.why-box {
background:var(--card);border:1px solid var(--line);border-radius:14px;
padding:32px;margin:32px 0;box-shadow:var(--shadow-sm);
}
.why-box h3 {
font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;
font-weight:600;color:var(--navy);text-align:center;margin-bottom:28px;
}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.why-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.why-ico {
width:60px;height:60px;border-radius:50%;
background:linear-gradient(135deg,#eef3fb,#dbe5f4);
border:1px solid rgba(184,196,221,.4);
display:flex;align-items:center;justify-content:center;color:var(--blue);
}
.why-ico svg{width:28px;height:28px;stroke:var(--blue)}
.why-label{font-size:12.5px;color:var(--navy);font-weight:500;line-height:1.3}
/* ── section title ── */
.section-title {
font-family:'Cormorant Garamond',Georgia,serif;
font-size:28px;font-weight:600;color:var(--navy);
margin:36px 0 14px;letter-spacing:-0.005em;
padding-bottom:14px;
/* border-bottom:1px solid var(--line-soft); */
}
/* ── benefits box ── */
.benefits-box {
background:var(--card);border:1px solid var(--line);
border-radius:14px;padding:28px 32px;
margin-top:28px;box-shadow:var(--shadow-sm);
}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.benefit-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:10px 6px}
.benefit-ico {
width:52px;height:52px;border-radius:12px;
background:linear-gradient(135deg,#eef3fb,#dbe5f4);
display:flex;align-items:center;justify-content:center;color:var(--blue);
}
.benefit-ico svg{width:26px;height:26px;stroke:var(--blue)}
.benefit-label{font-size:12.5px;color:var(--navy);font-weight:500;line-height:1.35}
/* ── flag banner (right sidebar) ── */
.flag-banner {
position:relative;width:100%;height:100%;
display:flex;flex-direction:column;
justify-content:flex-start;overflow:hidden;
}
.flag-svg {
position:absolute;inset:0;width:100%;height:100%;
}
/* .flag-overlay {
position:absolute;inset:0;z-index:1;
height: 100vh;
background:linear-gradient(
180deg,
rgba(5,12,30,.0) 0%,
rgba(5,12,30,.08) 30%,
rgba(5,12,30,.55) 62%,
rgba(5,12,30,.88) 100%
);
} */
.flag-content {
position:relative;z-index:2;
padding:20px 20px 28px;
display:flex;flex-direction:column;gap:8px;
height: 100%;
justify-content: space-between;
}
.flag-accent{width:28px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:2px; margin-top: 40px; margin-bottom: 15px;}
.flag-report-title {
font-family:'Cormorant Garamond',Georgia,serif;
font-size:30px;
font-weight:700;color:#fff;line-height:1.15;letter-spacing:-0.02em;
}
.flag-sub{font-size:clamp(10px,.85vw,12px);color:rgba(255,255,255,.7);line-height:1.5;margin-bottom:2px;}
.flag-check{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.8vw,12px);color:rgba(255,255,255,.85);}
.flag-check-dot{
width:16px;height:16px;border-radius:50%;flex-shrink:0;
background:rgba(37,99,235,.4);border:1px solid rgba(130,180,255,.45);
display:flex;align-items:center;justify-content:center;
}
.flag-check-dot svg{width:9px;height:9px;stroke:#9ccaff}
.flag-divider{height:1px;background:rgba(255,255,255,.14);margin:4px 0;}
.action-btn-flag{
width: 100%;
}
.flag-dynamic-text{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
/* .flag-banner::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(10, 32, 92, 0.10) 0%,
rgba(18, 26, 87, 0.30) 35%,
rgba(32, 22, 90, 0.50) 70%,
rgba(15, 18, 75, 0.70) 100%
);
z-index: 1;
} */
/* ── CTA buttons ── */
.btn-flag-red {
display:flex;align-items:center;gap:9px;
background:linear-gradient(160deg,#b01c1c 0%,#d42b2b 100%);
color:#fff;border-radius:8px;padding:12px 14px;
text-decoration:none;font-weight:600;
font-size:clamp(10px,.8vw,12.5px);
box-shadow:0 4px 14px rgba(176,28,28,.3);
transition:transform .2s,box-shadow .2s;
width: 100%;
margin-top: 10px;
}
.btn-flag-red:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(176,28,28,.45);color:#fff;}
.btn-flag-red .b-ico{width:18px;height:18px;flex-shrink:0;opacity:.9}
.btn-flag-red .b-txt{flex:1;line-height:1.2;text-align: left;}
.btn-flag-red .b-arr{width:12px;height:12px;opacity:.7}
.btn-flag-ghost {
display:flex;align-items:center;gap:9px;
background:#2C4D8A;border:1px solid rgba(255,255,255,.18);
color:rgba(255,255,255,.9);border-radius:8px;padding:11px 14px;
text-decoration:none;font-weight:600;
font-size:clamp(10px,.8vw,12.5px);
transition:background .2s,border-color .2s;
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
}
.btn-flag-ghost:hover{background:#2C4D8A;;border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.9);transform:translateY(-2px);}
.btn-flag-ghost .b-ico{width:16px;height:16px;flex-shrink:0;opacity:.85}
.btn-flag-ghost .b-txt{flex:1;text-align: left;}
.btn-flag-ghost .b-arr{width:12px;height:12px;opacity:.45}
/* ── report page responsive ── */
@media(max-width:1100px){
.page-left{flex:0 0 75%}
.page-right{flex:0 0 25%;width:25%}
.why-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:880px){
.page-body{flex-direction:column}
.page-left{flex:none;width:100%}
.content-wrap{padding:0 22px}
.page-right{flex:none;width:100%;position:relative;top:0;height:56vw;max-height:360px}
.why-grid{grid-template-columns:repeat(2,1fr)}
.benefits-grid{grid-template-columns:repeat(2,1fr)}
.checklist-grid{grid-template-columns:1fr}
.report-lead{font-size:28px}
}
@media(max-width:580px){
.why-grid{grid-template-columns:repeat(2,1fr)}
.benefits-grid{grid-template-columns:repeat(2,1fr)}
.report-lead{font-size:24px}
.publisher-box,.why-box,.benefits-box{padding:20px}
}
/* ── Astra container override for single report page ── */
/* body.single-report #content .ast-container {
max-width: 100%;
padding: 0;
} */
body.single-report #content {
padding: 0;
}
body.single-report .page-body {
display: flex;
}
/* ── Single Segment: full-width, no sidebar ── */
body.single-segment #primary,
body.post-type-archive-segment #primary {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
}
body.single-segment #secondary,
body.single-segment .ast-right-sidebar,
body.single-segment .ast-left-sidebar {
display: none !important;
}
body.single-segment .rp-layout {
flex-direction: column;
}
body.single-segment .rp-main-content {
width: 100%;
max-width: 900px;
margin: 0 auto;
flex: unset;
}
body.single-segment .rp-sticky-panel {
display: none !important;
}
/* ── Report cards on segment page ── */
.rp-related-reports {
margin-top: 48px;
}
.rp-reports-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 20px;
}
.rp-report-card {
background: #fff;
border: 1px solid #DCE4F0;
border-radius: 14px;
padding: 24px;
box-shadow: 0 4px 12px rgba(17,40,74,0.05);
display: flex;
flex-direction: column;
justify-content: space-between;
transition: box-shadow 0.2s, transform 0.2s;
}
.rp-report-card:hover {
box-shadow: 0 8px 24px rgba(17,40,74,0.1);
transform: translateY(-2px);
}
.rp-report-card-body {
margin-bottom: 16px;
}
.rp-report-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 18px;
font-weight: 600;
color: #11284A;
margin: 0 0 8px;
line-height: 1.3;
}
.rp-report-title a {
color: inherit;
text-decoration: none;
transition: color 0.2s;
}
.rp-report-title a:hover { color: #2563eb; }
.rp-report-year {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #2563eb;
background: #eef3fb;
border-radius: 20px;
padding: 2px 10px;
margin-bottom: 10px;
}
.rp-report-excerpt {
font-size: 13.5px;
color: #5a6478;
line-height: 1.6;
margin: 0;
}
.rp-report-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 16px;
border-top: 1px solid #e3e6ec;
}
.rp-report-price {
font-size: 18px;
font-weight: 700;
color: #11284A;
}
.rp-report-btn {
display: inline-flex;
align-items: center;
gap: 4px;
background: #2563eb;
color: #fff;
font-size: 13px;
font-weight: 600;
padding: 8px 16px;
border-radius: 8px;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
}
.rp-report-btn:hover {
background: #1e4ed8;
transform: translateY(-1px);
color: #fff;
}
.rp-no-reports {
color: #6B7280;
font-size: 15px;
padding: 20px 0;
}
.page-template-template-market-segments .ast-container{
flex-direction: column;
}
:root :where(.page-template-page-about .is-layout-flow) > :first-child{
margin-block-start: inherit;
}
.build-section .mi-value-card::before {
background: none !important;
}
.our-research .wp-block-image.size-full, .our-research-app .wp-block-image.size-full {
margin-top: 0px !important;
}
:root :where(.is-layout-flow) > *{
margin-block-start: 15px !important;
}
.contact-page-main #wp-block-themeisle-blocks-advanced-columns-contact-main{
background-color: transparent !important;
padding-top: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.contact-page-main #wp-block-themeisle-blocks-advanced-columns-faq-wrapper,
.page-id-226 #wp-block-themeisle-blocks-advanced-columns-faq-wrapper{
background-color: transparent !important;
--columns-width:100% !important;
/* padding-top: 28px !important; */
padding-left: 0px !important;
padding-right: 0px !important;
}
.contact-page-main .contact-page-section .innerblocks-wrap{
gap: 20px !important;
}
.contact-page-main .contact-page-section .contact-info-card .innerblocks-wrap{
gap: 0px !important;
}
.contact-page-main .contact-page-section .wp-block-themeisle-blocks-advanced-column{
margin-left: 0px !important;
margin-right: 0px !important;
}
.faq-main-section #wp-block-themeisle-blocks-advanced-columns-faq-card-4{
background-color: transparent !important;
padding-left: 0px !important;
padding-right: 0px !important;
max-width: 1280px !important;
margin: 0 auto !important;
}
.contact-page-main .faq-main-section #wp-block-themeisle-blocks-advanced-columns-faq-card-4{
max-width: 1050px !important;
}
/* ── FAQ SECTION ───────────────────────────────────────────── */
.wp-block-uagb-faq.uagb-faq__outer-wrap{
margin:0 auto;
display:flex;
flex-direction:column;
gap:12px;
justify-content: center;
width: 80%;
}
.wp-block-uagb-faq .uagb-faq-item{
background: #F9FAFD!important;
border:1px solid rgba(228, 236, 246, 1) !important;
border-radius:12px !important;
overflow:hidden !important;
transition:all .25s ease !important;
}
.wp-block-uagb-faq .uagb-faq-item:hover{
background:#fff !important;
box-shadow:var(--shadow-sm) !important;
}
.wp-block-uagb-faq .uagb-faq-item.uagb-faq-item-active{
border-color:var(--line) !important;
}
.wp-block-uagb-faq .uagb-faq-questions{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
padding:20px 24px !important;
cursor:pointer !important;
gap:16px !important;
}
.wp-block-uagb-faq .uagb-question{
font-size:15.5px;
font-weight:600;
line-height:1.5;
color:var(--navy);
flex:1;
}
.wp-block-uagb-faq .uagb-faq-icon-wrap{
width:18px;
height:18px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
color:var(--text-muted);
transition:transform .25s ease;
}
.wp-block-uagb-faq .uagb-faq-icon-wrap svg{
width:18px;
height:18px;
fill:currentColor;
}
.wp-block-uagb-faq .uagb-faq-item-active .uagb-icon{
transform:rotate(180deg);
}
.wp-block-uagb-faq .uagb-icon-active{
display:none !important;
}
.wp-block-uagb-faq .uagb-faq-content{
padding:0 24px 20px !important;
}
.wp-block-uagb-faq .uagb-faq-content p{
margin:0;
font-size:14.5px !important;
line-height:1.65 !important;
color:var(--text-soft) !important;
}
/* ── FAQ SECTION ───────────────────────────────────────────── */
/* REMOVE DEFAULT UAGB SPACING */
.wp-block-uagb-faq .uagb-faq-content,
.wp-block-uagb-faq .uagb-faq-questions{
border:none !important;
box-shadow:none !important;
}
/* HIDE DEFAULT UAGB PLUS/MINUS ICONS */
.wp-block-uagb-faq .uagb-icon,
.wp-block-uagb-faq .uagb-icon-active{
display:none !important;
}
/* CUSTOM ARROW */
.wp-block-uagb-faq .uagb-faq-questions::after{
content:"";
width:7px;
height:7px;
border-right:2px solid #2563eb;
border-bottom:2px solid #2563eb;
transform:rotate(45deg);
transition:transform .25s ease;
flex-shrink:0;
margin-left:12px;
}
.uagb-block-b2533dba .uagb-faq-item .uagb-faq-questions-button.uagb-faq-questions{
position: relative;
}
.wp-block-uagb-faq .uagb-faq-questions::before{
content: "";
position: absolute;
width: 25px;
height: 25px;
right: 15px;
border-radius: 50%;
background-color: #eef3fb;
border: 1px solid #2563eb;
}
/* OPEN STATE */
.wp-block-uagb-faq .uagb-faq-item-active .uagb-faq-questions::after{
transform:rotate(-135deg);
margin-top:6px;
}
#wp-block-themeisle-blocks-advanced-columns-info-2:hover,
#wp-block-themeisle-blocks-advanced-columns-18541ddd:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-md);
border-color: #d0d7e3;
}
/* MOBILE */
@media (max-width:768px){
.contact-page-main #wp-block-themeisle-blocks-advanced-columns-contact-main{
--columns-width: 100% !important;
}
#wp-block-themeisle-blocks-advanced-column-contact-form{
padding-left: 15px !important;
padding-right: 15px !important;
}
#wp-block-themeisle-blocks-advanced-column-email,
#wp-block-themeisle-blocks-advanced-column-f1e026c2{
min-width: 50px !important;
max-width: 50px !important;
}
#wp-block-themeisle-blocks-advanced-columns-info-2,
#wp-block-themeisle-blocks-advanced-columns-18541ddd{
padding-left: 15px !important;
padding-right: 15px !important;
}
#wp-block-themeisle-blocks-advanced-columns-faq-wrapper{
padding-right:0px !important
}
.wp-block-uagb-faq .uagb-faq-questions{
padding:18px 18px;
}
.wp-block-uagb-faq .uagb-faq-content{
padding:0 18px 18px;
}
.wp-block-uagb-faq .uagb-question{
font-size:15px;
}
.wp-block-uagb-faq .uagb-faq-content p{
font-size:14px;
}
}
.contact-info-p{
margin-bottom: 0px !important;
margin-top: 15px !important;
}
.mb-0{
margin-bottom: 0px !important;
}
.wp-block-uagb-container.uagb-block-9805893d {
padding-left: 0px !important;
padding-right: 0px !important;
}
body #wp-block-themeisle-blocks-advanced-columns-f6076972,
body #wp-block-themeisle-blocks-advanced-columns-784450ff,
body #wp-block-themeisle-blocks-advanced-columns-cfc64a42{
--columns-width:100% !important;
padding-top: 28px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
/* .home-faq{
flex-direction: row !important;
gap: 2% !important;
flex-wrap: wrap !important;
} */
/* .home-faq .wp-block-uagb-faq-child{
width: 49% !important;
} */
.page-id-226 .wp-block-uagb-container.uagb-block-9805893d,.page-id-226{
background-color: #fff!important;
}
.trans-bg .slider-bg .swiper-slide{
/* margin-left: 5px !important; */
/* margin-right: 3px !important; */
/* border: 2px solid #f0f2f5 !important; */
box-shadow: inset 0 -4px 5px rgba(0, 0, 0, 0.08) !important;
}
/* ---------- BOTTOM FEATURES ---------- */
.bottom-features{padding:60px 0 90px;}
.bf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.bf-item{display:flex;align-items:flex-start;gap:18px}
.bf-ico{
width:48px;height:48px;border-radius:50%;
background:#e6ebf2;display:flex;align-items:center;justify-content:center;
color:var(--blue);flex-shrink:0;
}
.bf-ico svg{width:22px;height:22px}
.bf-title{font-weight:700;color:var(--navy);font-size:15.5px;margin-bottom:6px}
.bf-desc{color:var(--text-soft);font-size:13.5px;line-height:1.5;margin-top: 0px !important;}
/* ── Segment Explorer Grid (block + shortcode) ──────────────── */
/* .industry-segment-explorer-section { padding: 40px 0; } */
/* .industry-segment-explorer-section .container { max-width:1200px;margin:0 auto;padding:0 20px; } */
.industry-segment-explorer-section .section-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:28px; }
.industry-segment-explorer-section .section-title { font-size:1.6rem;font-weight:700;color:#1a202c;margin:0; }
.segments-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px; }
/* .seg-card {
background:#fff;
border:1px solid #e2e8f0;
border-radius:14px;
padding:28px 20px 22px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:14px;
text-decoration:none !important;
color:inherit;
transition:box-shadow 0.2s ease,transform 0.2s ease;
cursor:pointer;
}
.seg-card:hover { box-shadow:0 8px 30px rgba(0,0,0,0.10);transform:translateY(-4px);text-decoration:none !important; } */
/* .seg-illu { width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f0f6ff;border-radius:50%;overflow:hidden;flex-shrink:0; } */
.seg-illu img { width:52px;height:52px;object-fit:contain;display:block; }
/* .seg-illu video { width:52px;height:52px;object-fit:contain;display:block;pointer-events:none; } */
/* .seg-name { font-size:0.9rem;font-weight:600;color:#1a202c;line-height:1.35; } */
.menu-link{
font-size: 14px !important;
font-weight: 600 !important;
}
.team-stats-bar:hover {
transform: translateY(-3px) !important;
box-shadow: 0 4px 14px rgba(15,42,74,.06),0 2px 6px rgba(15,42,74,.04) !important;
}
@media(max-width:960px){ .segments-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:680px){
.segments-grid{grid-template-columns:repeat(2,1fr);}
.ast-separate-container #content .ast-container{
padding:0 0px !important;
}
}
.padding-0-class{
padding-left: 0px !important;
padding-right: 0px !important;
}
@media(max-width:767px){
.rp-modal-box .rp-form-grid-3,.rp-modal-box .rp-form-grid-4,.rp-modal-box .rp-form-grid-2 {
grid-template-columns: repeat(1, 1fr);
}
.page-right .flag-banner,.page-right{
min-height: 90vh !important;
height: 90vh !important;
}
.page-right{
height: 100vh !important;
max-height: 100vh !important;
padding: 0 20px;
}
.rp-modal-box .rp-form-grid{
grid-template-columns:1fr !important
}
.rp-modal-box {
padding: 25px 20px;
}
.wp-block-uagb-faq.uagb-faq__outer-wrap{
width: 100% !important;
}
.rp-modal-close {
display: flex !important;
}
}
@media(max-width:400px){ .segments-grid{grid-template-columns:1fr 1fr;} }
.flag-banner{
background-image: url('../astra/assets/img/flag.png');
border-radius: 10px;
margin-top: 20px;
margin-bottom: 20px;
height: 87% !important;
overflow-y: auto !important;
background-repeat: no-repeat;
background-size: cover;
}
.ds-list li::before {
content: "" !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
flex-shrink: 0 !important;
background-image: url('./assets/img/a-check.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.search-input{
background-image: url('./assets/img/search-icon.png') !important;
background-repeat: no-repeat !important;
background-position: 10px 8px !important;
background-size: 23px !important;
padding-left: 40px !important;
border-radius: 30px !important;
}
.ast-container{
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
header .ast-builder-grid-row,#main-container,.mi_wrap,.contact-page-main{
max-width: 1280px !important;
margin: 0 auto !important;
width: 1280px !important;
padding-left: 0px !important;
padding-right: 0px !important;
gap: 0px !important;
}
.report-our .uagb-container-inner-blocks-wrap{
padding-left: 0px !important;
padding-right: 0px !important;
max-width: 100% !important;
}
.static-data-pages{
padding-top: 30px !important;
padding-bottom: 50px !important;
}
.static-data-pages-1{
padding-top: 27px !important;
padding-bottom: 50px !important;
}
.static-data-pages-2{
padding-top: 27px !important;
padding-bottom: 50px !important;
}
#wp-block-themeisle-blocks-advanced-columns-0756495c{
--columns-width:100% !important;
}
.main-container-class-4-block{
max-width: 100% !important;
/* padding: 20px !important; */
margin: 0 auto !important;
background: transparent !important;
}
.home-hero-banner img{
/* object-position: 100% 59% !important; */
width: 80% !important;
left: 20% !important;
object-position: center right !important;
opacity: 0.9 !important;
}
.main-container-bg,.wcu-section{
background-color: transparent !important;
}
body .wcu-section{
padding-left: 0px !important;
padding-right: 0px !important;
max-width: 1280px !important;
}
.home-hero-banner ::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
left: 0;
top: 0;
height: 100%;
width: 32%;
background: linear-gradient(
to right,
#eff0f3 0%,
rgba(239,240,243,0.98) 20%,
rgba(239,240,243,0.92) 35%,
rgba(239,240,243,0.75) 50%,
rgba(239,240,243,0.3) 70%,
rgba(243,245,249,0) 100%
);
}
.hero-banner-responsive{
position: relative !important;
z-index: 2 !important;
}
.logo-slider{
max-width: 100% !important;
--columns-width: 100% !important;
}
.wuor-section{
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.bottom-features{
padding-top: 40px !important;
padding-bottom: 50px !important;
}
.wuor-section{
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.main-container-class-4-block{}
.logo-slider
{
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.ds-section,.we-assist-section,.what-make,.wcu-section,#wp-block-themeisle-blocks-advanced-columns-faq-wrapper{
padding-top: 80px !important;
padding-bottom: 0px !important;
}
.industry-segment-explorer-section{
padding-top: 50px !important;
padding-bottom: 0px !important;
}
.rm-fs-section {
padding-top: 80px !important;
padding-bottom: 0px !important;
}
.report-unique{
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.wp-block-uagb-container.uagb-block-c91a071e{
padding-bottom: 0px !important;
padding-top: 0px !important;
}
/* .gap-20--1 .report-unic-card:first-child{
margin-left: 0px !important;
} */
.gap-20--1 .report-unic-card:last-child{
margin-right: 0px !important;
}
.wuor-col-card .wuor-card{
border: 1px solid transparent !important;
}
.wuor-row:nth-child(1):hover .wuor-col-card .wuor-card{
border: 1px solid rgba(110, 207, 176, 1) !important;
}
.wuor-row:nth-child(1):hover .wuor-col-card:after{
background-color: rgba(110, 207, 176, 1) !important;
}
.wuor-row:nth-child(1):hover .wuor-col-node .wp-block-image{
border: 4px solid rgba(110, 207, 176, 1) !important;
border-radius: 50% !important;
}
.wuor-row:nth-child(2):hover .wuor-col-card .wuor-card{
border: 1px solid rgba(169, 164, 232, 1) !important;
}
.wuor-row:nth-child(2):hover .wuor-col-card:after{
background-color: rgba(169, 164, 232, 1) !important;
}
.wuor-row:nth-child(2):hover .wuor-col-node .wp-block-image{
border: 4px solid rgba(169, 164, 232, 1) !important;
border-radius: 50% !important;
}
.wuor-row:nth-child(3):hover .wuor-col-card .wuor-card{
border: 1px solid rgba(232, 136, 176, 1) !important;
}
.wuor-row:nth-child(3):hover .wuor-col-card:after{
background-color: rgba(232, 136, 176, 1) !important;
}
.wuor-row:nth-child(3):hover .wuor-col-node .wp-block-image{
border: 4px solid rgba(232, 136, 176, 1) !important;
border-radius: 50% !important;
}
.wuor-row:nth-child(4):hover .wuor-col-card .wuor-card{
border: 1px solid rgba(239, 143, 143, 1) !important;
}
.wuor-row:nth-child(4):hover .wuor-col-card:after{
background-color: rgba(239, 143, 143, 1) !important;
}
.wuor-row:nth-child(4):hover .wuor-col-node .wp-block-image{
border: 4px solid rgba(239, 143, 143, 1) !important;
border-radius: 50% !important;
}
.wuor-row:nth-child(5):hover .wuor-col-card .wuor-card{
border: 1px solid rgba(123, 179, 232, 1) !important;
}
.wuor-row:nth-child(5):hover .wuor-col-card:after{
background-color: rgba(123, 179, 232, 1) !important;
}
.wuor-row:nth-child(5):hover .wuor-col-node .wp-block-image{
border: 4px solid rgba(123, 179, 232, 1) !important;
border-radius: 50% !important;
}
.wuor-row:nth-child(6):hover .wuor-col-card .wuor-card{
border: 1px solid rgba(245, 192, 106, 1) !important;
}
.wuor-row:nth-child(6):hover .wuor-col-card:after{
background-color: rgba(245, 192, 106, 1) !important;
}
.wuor-row:nth-child(6):hover .wuor-col-node .wp-block-image{
border: 4px solid rgba(245, 192, 106, 1) !important;
border-radius: 50% !important;
}
.wuor-row:nth-child(7):hover .wuor-col-card .wuor-card{
border: 1px solid rgba(240, 148, 110, 1) !important;
}
.wuor-row:nth-child(7):hover .wuor-col-card:after{
background-color: rgba(240, 148, 110, 1) !important;
}
.wuor-row:nth-child(7):hover .wuor-col-node .wp-block-image{
border: 4px solid rgba(240, 148, 110, 1) !important;
border-radius: 50% !important;
}
.wuor-row:nth-child(8):hover .wuor-col-card .wuor-card{
border: 1px solid rgba(148, 197, 86, 1) !important;
}
.wuor-row:nth-child(8):hover .wuor-col-card:after{
background-color: rgba(148, 197, 86, 1) !important;
}
.wuor-row:nth-child(8):hover .wuor-col-node .wp-block-image{
border: 4px solid rgba(148, 197, 86, 1) !important;
border-radius: 50% !important;
}
.wuor-row--right{
padding-left: 10px !important;
}
.wuor-row--left{
padding-right: 10px !important;
}
.report-unic-card{
border: 1px solid transparent !important;
}
.report-unic-card:hover{
border: 1px solid #B8893D !important;
}
.hover-icon{
display: none !important;
}
.report-unic-card:hover .hover-icon{
height: 54px !important;
width: 54px !important;
display: block !important;
}
.report-unic-card:hover .normal-icon {
display: none !important;
}
.home-hero-banner .intrinsic-ignore{
left: 30% !important;
width: 70% !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
body .wcu-section,#wp-block-themeisle-blocks-advanced-column-faq-main{
padding-left: 10px !important;
padding-right: 10px !important;
}
}
@media(max-width:1024px){
.rm-fs-btn--next {
right: 0px !important;
}
.rm-fs-title{
margin-left: 0px
}
.rm-fs-btn--prev {
left: 0px !important;
}
header .ast-builder-grid-row, #main-container, .mi_wrap, .contact-page-main,.mi-site-footer{
width: 100% !important;
padding-right: 15px !important;
padding-left: 15px !important;
}
.rm-fs-container{
max-width: 100% !important;
}
body .report-unic-card{
min-width: calc(50% - 20px)!important;
margin-left: 10px !important;
margin-right: 10px !important;
}
.section-4-outer .innerblocks-wrap{
flex-wrap: wrap;
}
.what-make{
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.faq-main-section{
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.home-hero-banner .wp-container-core-group-is-layout-36f44e0d,.rm-fs-container,
#wp-block-themeisle-blocks-advanced-columns-a5e60788{
padding-left: 15px !important;
padding-right: 15px !important;
}
#wp-block-themeisle-blocks-advanced-columns-4cc5807f{
padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media(max-width:768px){
.wuor-card.wp-block-group{
max-width: 310px !important;
}
}
@media(max-width:767px){
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar{
padding-left: 0px !important;
padding-right: 0px !important;
}
header .ast-builder-grid-row,#main-container,.mi_wrap,.contact-page-main{
max-width: 100% !important;
padding: 0 15px !important;
width: 100% !important;
}
.we-assist-section{
padding-left: 0px !important;
padding-right: 0px !important;
}
body .wcu-section,.main-container-class-4-block,
.rm-fs-section,.wuor-section{
padding-left: 20px !important;
padding-right: 20px !important;
}
/* .rm-fs-btn--prev { left: -15px !important; }
.rm-fs-btn--next { right: -15px !important; } */
.static-data-pages,.static-data-pages-1,.static-data-pages-2{
max-width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
width: 100% !important;
}
.mdb{
max-width: 96%;
margin-left: -4px;
}
body .report-unic-card {
min-width: calc(100% - 20px) !important;
}
#industry-segment-explorer-section .segments-grid{
grid-template-columns: repeat(1, 1fr) !important;
}
.section-slider,#wp-block-themeisle-blocks-advanced-columns-a5e60788{
--columns-width: 100% !important;
}
.cb-button-prev.swiper-button-prev, .cb-button-next.swiper-button-next{
width: 35px;
height: 35px;
}
.swiper-button-prev {
left: -25px !important;
}
.swiper-button-next {
right: -25px !important;
}
.assist-block .wp-block-themeisle-blocks-advanced-column{
border-right: none !important;
}
.assist-block-1{
padding: 20px !important;
}
.assist-block-2{
border-top: none !important;
padding: 20px !important;
}
.report-unique{
padding: 20px !important;
}
.home-faq .wp-block-uagb-faq-child{
width: 100% !important;
}
.page-id-226 #wp-block-themeisle-blocks-advanced-columns-faq-wrapper{
max-width: 100%;
margin: 0 auto;
padding-left: 20px !important;
padding-right: 20px !important;
}
.remove-full-layout{
margin-left: 0px !important;
margin-right: 0px !important;
}
/* .hero-banner-responsive{
padding-left: 20px !important;
padding-right: 20px !important;
} */
.hero-banner-responsive h1{
max-width: 100% !important;
font-size: 40px !important;
}
.responsive-p-banner{
margin-bottom: 20px !important;
}
.responsive-banner-3-block{
gap: 0px !important;
}
}
/* ============================================================
intl-tel-input — Phone field with country code selector
(used in Request Invoice modal)
============================================================ */
/* Make the iti container fill the field-group width */
.rp-phone-group .rp-phone-wrapper,
.rp-phone-group .wpcf7-form-control-wrap,
.rp-phone-group .iti {
display: block;
width: 100%;
}
/* Style the phone input itself */
.rp-phone-group .rp-cf7-input,
.rp-phone-group input[type="tel"] {
width: 100% !important;
padding-left: 90px !important; /* space for dial-code flag */
height: 38px;
border: 1px solid #DCE4F0;
border-radius: 10px;
background: #fff;
font-size: 13px;
color: #11284A;
font-family: 'Inter', sans-serif;
transition: border-color 0.2s;
outline: none;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
.rp-phone-group input[type="tel"]:focus {
border-color: #2F5FEA;
box-shadow: 0 0 0 3px rgba(47,95,234,0.1);
}
/* Flag button (country selector) */
.rp-phone-group .iti__flag-container,
.rp-phone-group .iti__selected-flag {
border-radius: 10px 0 0 10px;
background: #F8FAFC;
border-right: 1px solid #DCE4F0;
}
.rp-phone-group .iti__selected-flag {
padding: 0 10px;
height: 38px;
}
/* Dial code text next to flag */
.rp-phone-group .iti__selected-dial-code {
font-size: 13px;
color: #374151;
font-family: 'Inter', sans-serif;
margin-left: 4px;
}
/* Dropdown list */
.rp-phone-group .iti__country-list {
font-family: 'Inter', sans-serif;
font-size: 13px;
border: 1px solid #DCE4F0;
border-radius: 8px;
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
max-height: 200px;
overflow-y: auto;
z-index: 9999;
}
.rp-phone-group .iti__country.iti__highlight,
.rp-phone-group .iti__country:hover {
background: #EEF2FF;
}
/* Override modal CF7 input style for phone wrapper block */
.rp-modal-box .rp-phone-group .wpcf7-form-control-wrap {
display: block;
}
/* Mobile Floating Buttons */
/* @media (max-width: 768px) {
.btn-flag-red,
.btn-flag-ghost {
position: fixed;
right: -180px;
width: 220px;
height: 50px;
border-radius: 25px 0 0 25px;
transition: right 0.4s ease;
z-index: 9999;
writing-mode: vertical-rl;
text-orientation: mixed;
}
.btn-flag-red {
top: 15%;
}
.btn-flag-ghost {
top: calc(40% + 60px);
}
.btn-flag-red:hover,
.btn-flag-ghost:hover {
right: 0;
}
.btn-flag-red.active,
.btn-flag-ghost.active {
right: 0;
}
.flag-divider{
display: none !important;
}
} */
/* .mobile-only.action-btn-flag{
display: none !important;
} */
@media (max-width: 767px) {
.mobile-only.action-btn-flag {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex !important;
gap: 10px;
padding: 10px;
background: #fff;
box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
z-index: 9999;
}
/* .mobile-only.action-btn-flag .flag-divider {
display: none;
} */
.mobile-only.action-btn-flag .btn-flag-red,
.mobile-only.action-btn-flag .btn-flag-ghost {
flex: 1;
justify-content: center;
margin: 0;
min-height: 50px;
}
.btn-flag-red .b-arr,
.btn-flag-ghost .b-arr {
display: none;
}
.btn-flag-red .b-txt,
.btn-flag-ghost .b-txt {
font-size: 13px;
text-align: center;
}
.report-template-default #ast-scroll-top{
display: none !important;
}
.wpcf7-response-output{
position: fixed !important;
top: 110px !important;
left: 6% !important;
right: 6% !important;
z-index: 99999 !important;
width: 85% !important;
background: #fff;
}
}