:root{
--navy:#0d2240;
--sky:#8fc5ea;
--sky-deep:#5aa8e0;
--cream:#f2f1e2;
--blush:#f1f7fa;
--coral:#b3c135;
--violet:#f1f7fa;
--ink:#1b2430;
--paper:#ffffff;
}
html{scroll-behavior:smooth;}
.sect-one{padding: 100px 0;}
h1,h2,h3,.display-font{
letter-spacing:0.02em;
}
.lvio-bg{ background: var(--violet); }
.white-bg{ background: var(--paper)!important;}
.eyebrow{
letter-spacing:0.25em;
font-size:0.72rem;
font-weight:700;
color:var(--navy);
text-transform:uppercase;
}
/* HERO */
.hero-wrap{position:relative;overflow:visible;}
.hero-photo{
height:min(64vw,520px);
background:linear-gradient(180deg, rgba(13,34,64,.15), rgba(13,34,64,.35)),
url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
position:relative;
}
.hero-card{
position:absolute;
top:50%; left:50%;
transform:translate(-50%,-50%);
width:min(90%, 400px);
background:var(--sky);
padding:2.6rem 2.2rem 2.2rem;
clip-path:polygon(14% 0, 100% 0, 100% 86%, 86% 100%, 0 100%, 0 14%);
text-align:center;
color:var(--navy);
}
.hero-card .eyebrow{color:var(--navy); opacity:.85;}
.hero-card h1{
font-size:2.9rem;
line-height:0.95;
margin:0.6rem 0 1.1rem;
}
.hero-card .dates{
font-size:0.78rem;
font-weight:700;
letter-spacing:0.02em;
margin-bottom:1.4rem;
}
.btn-navy{
background:var(--navy);
color:#fff;
font-size:0.72rem;
letter-spacing:0.16em;
font-weight:700;
padding:0.75rem 1.6rem;
border:none;
text-transform:uppercase;
}
.btn-navy:hover{background:#173157;color:#fff;}
.hero-fold{
position:absolute;
bottom:-58px;
left:50%;
transform:translateX(-50%);
width:0; height:0;
border-left:58px solid transparent;
border-right:58px solid transparent;
border-top:58px solid #7f93a8;
opacity:.9;
}
/* ABOUT */
.about-section{
background:var(--cream);
padding:7.5rem 0 5.5rem;
}
.about-section .eyebrow{
display:flex; align-items:center; justify-content:center; gap:0.6rem;
}
.about-section .slash{
color:var(--sky-deep);
font-size:1.6rem;
font-weight:800;
}
.about-section h2{
font-size:2.1rem;
letter-spacing:0.05em;
}
.ab-foursight .access-card-one .access-overlay{ background:#b3c135d6 ; }
.ab-foursight .access-card-one .access-title h5{ color:#174450 ; line-height: 22px; font-weight: 600; }
.ab-foursight .access-card-one .access-overlay p{ color: #fff;}
.ab-foursight .access-card-one .access-title{ width: 250px; height: 65px; align-items: center; display: flex;}
/* CONFERENCE / SUMMIT — STORY ROWS (image + content) */
.story-section{padding:6.5rem 0;}
.story-title{
/* font-family:'Playfair Display', serif;
font-style:italic; */
font-weight:700;
font-size:2.6rem;
color:var(--navy);
}
.story-rows{
margin-top:3.5rem;
display:grid;
grid-template-columns:1fr 1fr;
gap:2.5rem;
}
.story-row{
display:flex;
flex-direction:column;
align-items:stretch;
gap:1.6rem;
}
.story-row + .story-row{margin-top:0;}
.story-row.reverse{flex-direction:column;}
.story-media{
flex:none;
width:100%;
aspect-ratio:4/3;
background-size:cover;
background-position:center;
box-shadow:0 18px 40px rgba(20,30,50,0.1);
}
.story-body{flex:1;}
.story-tag{
display:inline-flex;
align-items:center;
gap:0.45rem;
width:fit-content;
color:var(--violet);
font-weight:700;
font-size:0.72rem;
text-transform:uppercase;
letter-spacing:0.1em;
margin-bottom:0.9rem;
}
.story-tag.alt{color:var(--sky-deep);}
.story-heading{
font-family:'Bebas Neue', sans-serif;
font-size:1.9rem;
letter-spacing:0.02em;
color:var(--navy);
margin-bottom:0.9rem;
}
.story-text{color:#5b6472; font-size:0.92rem; line-height:1.8; margin:0;}
/* EVENT DETAILS */
.details-section{background:var(--blush); padding:5.5rem 0;}
.details-label{
font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;
color:#8a6f6b;font-weight:700;margin-bottom:0.5rem;
}
.details-value{
font-family:'Bebas Neue',sans-serif;
font-size:1.9rem;color:var(--navy);
line-height:1.05;
}
.btn-coral{
background:var(--coral);color:#fff;font-weight:700;font-size:0.8rem;
padding:0.65rem 1.7rem;border:none;letter-spacing:0.03em;
}
.btn-coral:hover{background:#d24d20;color:#fff;}
.hr-violet{border:none;height:1px;background:#c9a9a3;margin:3.2rem 0;}
.host-title{font-family:'Bebas Neue',sans-serif;font-size:1.7rem;color:var(--navy);}
.host-text{color:#6b5f5c;font-size:0.9rem;line-height:1.75;}
/* GALLERY */
.gallery-section{padding:6rem 0;}
.gallery-section .eyebrow{
display:flex;align-items:center;justify-content:center;gap:0.8rem;color:var(--coral);
}
.gallery-section .eyebrow::before, .gallery-section .eyebrow::after{
content:"";width:34px;height:1px;background:var(--coral);
}
.gallery-section h2{
font-family:'Playfair Display', serif;
font-style:italic;
font-weight:700;
font-size:2.6rem;
color:var(--navy);
letter-spacing:0;
}
.gallery-section .lead-sub{color:#7a8494;font-size:0.92rem;}
.gallery-link{display:block; cursor:pointer;  border-radius: 10px;}
.gallery-img{
display:block;
aspect-ratio:4/3;
object-fit:cover;
width:100%;
height:100%;
transition:transform .35s ease, filter .35s ease;
border-radius: 10px;
}
.gallery-link:hover .gallery-img{transform:scale(1.03);     border-radius: 10px;}
.gallery-cell{overflow:hidden;}
/* LIGHTBOX — GLightbox theming to match site palette */
.glightbox-clean .gclose,
.glightbox-clean .gprev,
.glightbox-clean .gnext{
background:#b3c135cf!important;
color:var(--navy) !important;
border-radius:50%;
opacity:1;
fill:var(--navy);
width: 50px;
height: 50px;
}
.glightbox-clean .gclose svg,
.glightbox-clean .gprev svg,
.glightbox-clean .gnext svg{fill:var(--navy);}
.glightbox-clean .gclose:hover,
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover{background:#174450 !important;}
.gslide-description{background:transparent !important;}
.gslide-title{color:#fff !important;}
.gcounter{color:#fff; font-size:0.8rem; letter-spacing:0.08em;}
.goverlay{background:rgba(10,15,25,0.94) !important;}
.btn-outline-navy{
border:1.5px solid var(--navy);color:var(--navy);
font-size:0.95rem;letter-spacing:0.1em;font-weight:500;
padding:0.7rem 1.7rem;
}
.btn-outline-navy:hover{background:var(--navy);color:#fff;}
/* POSTS */
.posts-section{background:var(--cream);padding:5.5rem 0 6.5rem;}
.posts-section h2{
font-family:'Playfair Display', serif;
font-weight:700;
font-size:2.4rem;
color:var(--navy);
}
.post-card{background:var(--paper); overflow:hidden; height:190px; border-radius: 10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin: 10px 0;}
.post-thumb{height:150px;background-size:cover;background-position:center;}
.post-meta{font-size:0.72rem;color:#9a8985;margin-bottom:0.4rem;}
.post-title{font-size:1.02rem;font-weight:700;color:var(--navy);}
.post-desc{font-size:0.82rem;color:#7a6f6c;line-height:1.6;}
/* OWL CAROUSEL — Recent Posts */
#postsCarousel, #postsCarousel2, #postsCarousel3{padding:0 0 2.8rem;}
#postsCarousel .owl-stage-outer, #postsCarousel2 .owl-stage-outer, #postsCarousel3 .owl-stage-outer{overflow:hidden;}
#postsCarousel .item, #postsCarousel2 .item, #postsCarousel3 .item{padding:0 0.6rem;}
#postsCarousel .owl-nav, #postsCarousel2 .owl-nav, #postsCarousel3 .owl-nav{
position:absolute; top:-4.6rem; right:0; display:flex; gap:0.6rem;
}
#postsCarousel .owl-nav button.owl-prev,
#postsCarousel .owl-nav button.owl-next,
#postsCarousel2 .owl-nav button.owl-prev,
#postsCarousel2 .owl-nav button.owl-next,
#postsCarousel3 .owl-nav button.owl-prev,
#postsCarousel3 .owl-nav button.owl-next
{
width:42px;height:42px;
border-radius:50%;
background:var(--paper) !important;
color:var(--navy) !important;
border:1.5px solid var(--navy) !important;
font-size:1.1rem;
display:flex;align-items:center;justify-content:center;
transition:background .2s ease,color .2s ease;
}
#postsCarousel .owl-nav button.owl-prev:hover,
#postsCarousel .owl-nav button.owl-next:hover,
#postsCarousel2 .owl-nav button.owl-prev:hover,
#postsCarousel2 .owl-nav button.owl-next:hover,
#postsCarousel3 .owl-nav button.owl-prev:hover,
#postsCarousel3 .owl-nav button.owl-next:hover
{
background:var(--navy) !important; color:#fff !important;
}
#postsCarousel .owl-dots, #postsCarousel2 .owl-dots, #postsCarousel3 .owl-dots{
display:flex; justify-content:center; gap:0.5rem; margin-top:1.6rem;
}
#postsCarousel .owl-dot span, #postsCarousel2 .owl-dot span, #postsCarousel3 .owl-dot span {
width:8px;height:8px;margin:0;background:#d9cfc9;border-radius:50%;display:block;transition:all .2s ease;
}
#postsCarousel .owl-dot.active span, #postsCarousel2 .owl-dot.active span, #postsCarousel3 .owl-dot.active span {
background:var(--coral); width:22px; border-radius:5px;
}
.posts-header{position:relative;}
/* INFO TABS — Where / Our Gallery / Recent Posts */
.info-tabs-section{padding:6rem 0;}
.info-tabs-nav{
border:none;
justify-content:center;
gap:1.1rem;
margin-bottom:4rem;
flex-wrap:wrap;
}
.info-tabs-nav .nav-item{flex:0 0 auto;}
.info-tabs-nav .nav-link{
display:flex;
align-items:center;
gap:0.9rem;
border:1.5px solid #e3ddd0;
background:var(--paper);
color:var(--navy);
padding:1rem 1.5rem;
min-width:190px;
text-align:left;
transition:border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.info-tabs-nav .nav-link .chapter-num{
font-family:'Bebas Neue', sans-serif;
font-size:2rem;
line-height:1;
color:var(--sky-deep);
transition:color .2s ease;
}
.info-tabs-nav .nav-link .chapter-label{
display:block;
font-family:'Manrope', sans-serif;
font-size:0.68rem;
font-weight:700;
letter-spacing:0.14em;
text-transform:uppercase;
color:#8a94a6;
transition:color .2s ease;
}
.info-tabs-nav .nav-link .chapter-title{
display:block;
font-family:'Bebas Neue', sans-serif;
font-size:1.15rem;
letter-spacing:0.02em;
color:var(--navy);
}
.info-tabs-nav .nav-link:hover{
border-color:var(--sky-deep);
transform:translateY(-2px);
}
.info-tabs-nav .nav-link.active{
background:var(--navy);
border-color:var(--navy);
box-shadow:0 14px 30px rgba(13,34,64,0.22);
}
.info-tabs-nav .nav-link.active .chapter-num{color:var(--coral);}
.info-tabs-nav .nav-link.active .chapter-label{color:#9fb3cc;}
.info-tabs-nav .nav-link.active .chapter-title{color:#fff;}
@media (max-width: 575.98px){
.info-tabs-nav{gap:0.7rem;}
.info-tabs-nav .nav-link{min-width:0; flex:1 1 100%; justify-content:flex-start;}
}
.info-tab-pane .details-label{
font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;
color:#8a6f6b;font-weight:700;margin-bottom:0.5rem;
}
.info-tab-pane .details-value{
font-family:'Bebas Neue',sans-serif;
font-size:1.9rem;color:var(--navy);
line-height:1.05;
}
.info-tab-pane .hr-violet{border:none;height:1px;background:#c9a9a3;margin:3.2rem 0;}
.info-tab-pane .host-title{font-family:'Bebas Neue',sans-serif;font-size:1.7rem;color:var(--navy);}
.info-tab-pane .host-text{color:#6b5f5c;font-size:0.9rem;line-height:1.75;}
.info-tab-pane .gallery-eyebrow{
display:flex;align-items:center;justify-content:center;gap:0.8rem;color:var(--coral);
}
.info-tab-pane .gallery-eyebrow::before, .info-tab-pane .gallery-eyebrow::after{
content:"";width:34px;height:1px;background:var(--coral);
}
.info-tab-pane .gallery-heading{
font-family:'Playfair Display', serif;
font-style:italic;
font-weight:700;
font-size:2.6rem;
color:var(--navy);
letter-spacing:0;
}
.foursight-gall .col-md-4{padding: 8px;}
/* RESPONSIVE */
@media (max-width: 767.98px){
.hero-photo{height:auto;min-height:420px;padding:2.5rem 0;}
.hero-card{
position:relative;top:auto;left:auto;transform:none;
margin:0 auto;width:88%;padding:2.1rem 1.5rem 1.8rem;
}
.hero-card h1{font-size:2.2rem;}
.hero-fold{bottom:-40px;border-left-width:40px;border-right-width:40px;border-top-width:40px;}
.about-section{padding:5rem 0 3.5rem;}
.about-section h2{font-size:1.7rem;}
.story-section{padding:4.5rem 0;}
.story-title{font-size:2.1rem;}
.story-rows{margin-top:2.8rem; grid-template-columns:1fr; gap:2.8rem;}
.story-media{width:100%; min-height:220px;}
.story-heading{font-size:1.5rem;}
.details-section{padding:3.5rem 0;}
.details-value{font-size:1.5rem;}
.host-title{font-size:1.4rem;}
.gallery-section{padding:4rem 0;}
.gallery-section h2{font-size:2rem;}
.posts-section{padding:4rem 0 4.5rem;}
.posts-section h2{font-size:1.9rem;}
}
@media (max-width: 575.98px){
.hero-card{width:94%;padding:1.8rem 1.2rem 1.5rem;}
.hero-card h1{font-size:1.9rem;}
}
/* ================================
CHAPTER SECTION
================================= */
.fs-chapter-section {
position: relative;
padding: 80px 0;
background: #f7f8f5;
overflow: hidden;
}
.fs-chapter-section::before {
content: "";
position: absolute;
top: -120px;
right: -100px;
width: 350px;
height: 350px;
border-radius: 50%;
background: rgba(181, 197, 42, 0.08);
}
.fs-chapter-section::after {
content: "";
position: absolute;
bottom: -150px;
left: -120px;
width: 350px;
height: 350px;
border-radius: 50%;
background: rgba(22, 66, 91, 0.05);
}
.fs-container {
position: relative;
z-index: 2;
max-width: 1240px;
margin: auto;
}
/* ================================
TOP HEADING
================================= */
.fs-heading-wrap {
margin-bottom: 35px;
}
.fs-small-title {
display: inline-flex;
align-items: center;
gap: 9px;
margin-bottom: 12px;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
color: #96a516;
text-transform: uppercase;
}
.fs-small-title i {
color: #b5c52a;
}
.fs-main-title {
margin: 0;
font-size: 44px;
line-height: 1;
font-weight: 600;
color: #173e57;
text-transform: uppercase;
}
.fs-title-line {
width: 70px;
height: 4px;
margin-top: 20px;
background: #b5c52a;
border-radius: 20px;
}
/* ================================
INFO CARDS
================================= */
.fs-info-card {
position: relative;
height: 100%;
padding: 27px 25px;
background: #ffffff;
border: 1px solid #e9ebe4;
border-radius: 12px;
transition: all 0.35s ease;
}
.fs-info-card:hover {
transform: translateY(-6px);
border-color: #b5c52a;
box-shadow: 0 15px 35px rgba(23, 62, 87, 0.08);
}
.fs-icon {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
margin-bottom: 0px;
border-radius: 12px;
background: #edf1d2;
color: #173e57;
font-size: 20px;
transition: all 0.3s ease;
}
.fs-info-card:hover .fs-icon {
background: #173e57;
color: #ffffff;
}
.fs-info-label {
display: block;
margin-bottom: 6px;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.8px;
color: #96a516;
text-transform: uppercase;
}
.fs-info-value {
margin: 0;
font-size: 25px;
line-height: 1.15;
font-weight: 600;
color: #173e57;
text-transform: capitalize;
}
/* .fs-address {
font-size: 18px;
} */
/* ================================
DOWNLOAD AREA
================================= */
.fs-download-area {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
padding: 20px 24px;
background: #173e57;
border-radius: 12px;
}
.fs-download-text {
display: flex;
align-items: center;
gap: 14px;
}
.fs-download-text i {
font-size: 22px;
color: #b5c52a;
}
.fs-download-text span {
font-size: 14px;
font-weight: 500;
color: #ffffff;
}
.fs-download-btn {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 11px 20px;
border-radius: 6px;
background: #b5c52a;
color: #ffffff;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
}
.fs-download-btn:hover {
background: #c4d337;
color: #173e57;
transform: translateY(-2px);
}
/* ================================
ABOUT SECTION
================================= */
.fs-about {
margin-top: 30px;
padding: 35px;
background: #ffffff;
border-radius: 16px;
box-shadow: 0 12px 40px rgba(23, 62, 87, 0.06);
}
.fs-about-left {
height: 100%;
padding-right: 40px;
border-right: 1px solid #e5e7df;
}
.fs-about-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
/* margin-bottom: 18px; */
border-radius: 50%;
background: #173e57;
color: #b5c52a;
font-size: 18px;
padding: 10px 15px;
}
.fs-about-title {
margin: 0;
font-size: 30px;
line-height: 1.1;
font-weight: 600;
color: #173e57;
text-transform: uppercase;
}
.fs-about-subtitle p{
margin-top: 12px;
font-size: 14px;
line-height: 1.6;
color: #527179;
}
/* ================================
QUESTION BOX
================================= */
.fs-question {
position: relative;
margin-bottom: 25px;
padding: 22px 25px 22px 30px;
background: #f5f7e9;
border-left: 4px solid #b5c52a;
border-radius: 0 10px 10px 0;
}
.fs-question::before {
content: "\f10d";
position: absolute;
top: 14px;
right: 18px;
font-family: "Font Awesome 7 Free";
font-weight: 900;
font-size: 25px;
color: rgba(181, 197, 42, 0.22);
display: none;
}
.fs-question p {
margin: 0;
font-size: 15px;
line-height: 1.65;
font-weight: 600;
color: #527179;
}
.fs-about-content {
font-size: 14px;
line-height: 1.75;
color: #527179;
}
.fs-about-content h5 {
margin-bottom: 10px;
}
/* ================================
CONTENT ICON
================================= */
.fs-content-point {
display: flex;
gap: 12px;
margin-top: 22px;
}
.fs-content-point-icon {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: #173e57;
color: #b5c52a;
font-size: 13px;
}
.fs-content-point p {
margin: 0;
}
/* ================================
TABLET
================================= */
@media (max-width: 991.98px) {
.fs-chapter-section {
padding: 65px 0;
}
.fs-main-title {
font-size: 42px;
}
.fs-about {
padding: 35px;
}
.fs-about-left {
padding-right: 25px;
}
}
/* ================================
MOBILE
================================= */
@media (max-width: 767.98px) {
.fs-chapter-section {
padding: 50px 0;
}
.fs-heading-wrap {
margin-bottom: 35px;
}
.fs-main-title {
font-size: 36px;
}
.fs-info-card {
padding: 22px;
}
.fs-download-area {
align-items: flex-start;
flex-direction: column;
gap: 18px;
}
.fs-download-btn {
width: 100%;
justify-content: center;
}
.fs-about {
margin-top: 40px;
padding: 25px;
}
.fs-about-left {
margin-bottom: 30px;
padding-right: 0;
padding-bottom: 25px;
border-right: 0;
border-bottom: 1px solid #e5e7df;
}
.fs-about-title {
font-size: 27px;
}
}
/* ================================
SMALL MOBILE
================================= */
@media (max-width: 575.98px) {
.fs-main-title {
font-size: 31px;
}
.fs-info-value {
font-size: 23px;
}
.fs-address {
font-size: 20px;
}
.fs-about {
padding: 20px;
}
.fs-question {
padding: 20px;
}
.fs-question p {
font-size: 14px;
}
}

/* =========================================================
HERO
========================================================= */
.foursight-hero {
position: relative;
min-height: 700px; margin: 98px 20px 0 20px;
overflow: hidden;
background-color: #dce5e8;
/*
* Keep the image visible and use only a subtle overlay.
* This prevents the background and card from visually
* blending into each other.
*/
background-image:
linear-gradient(
90deg,
rgba(15, 48, 57, 0.32) 0%,
rgba(23, 68, 80, 0.18) 55%,
rgba(23, 68, 80, 0.03) 100%
),
url("../images/foursight/banner.jpg");
background-position:
center center,
center center;
background-size:
cover,
cover;
background-repeat:
no-repeat,
no-repeat;
}
/* =========================================================
WHITE AREA AT BOTTOM
========================================================= */
.foursight-hero::after {
content: "";
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 115px;
background: #ffffff;
pointer-events: none;
}
.foursight-card {
position: absolute;
z-index: 5;
left: 50%;
bottom: -13%;
width: 480px;
height: 300px;
transform: translate(-50%, -50%);
color: #fff;
text-align: center;
overflow: visible;
}
/* =========================================
CARD BACKGROUND
TOP-LEFT CORNER CUT
========================================= */
.foursight-card-bg {
position: absolute;
z-index: -2;
inset: 0;
background: #b3c135;
/*
* Top-left:
* 48px horizontal cut
* 58px vertical cut
*/
clip-path: polygon(
48px 0,
100% 0,
100% 100%,
0 100%,
0 58px
);
}
/* =========================================
CARD CONTENT
========================================= */
.foursight-card-content {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
padding: 0 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
/* =========================================
BOTTOM-RIGHT EXTENSION
THIS WILL GO OUTSIDE CARD
========================================= */
.foursight-card::after {
content: "";
position: absolute;
z-index: -1;
right: 0;
bottom: -50px;
width: 110px;
height: 50px;
background: #8d9923;
clip-path: polygon(
0 0,
100% 0,
0 100%
);
}
.foursight-eyebrow {
margin: 0 0 28px;
padding: 0;
color: #fff;
font-size: 11px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.foursight-card h1 {
margin: 0 0 18px;
padding: 0;
color: #fff;
font-size: 42px;
line-height: 1.15;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
}
.foursight-description {
margin: 0;
padding: 0;
color: #fff;
font-size: 20px;
line-height: 1.4;
font-weight: 500;
}
.about-section {padding: 60px 0}
.principle-card {
height: 100%;
padding: 34px;
border-top: 4px solid #b3c135;
background: #f4f3ed;;
transition: transform .25s ease, box-shadow .25s ease;
}
.principle-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 45px rgba(13,48,57,.1);
}
.principle-number {
font-size: .78rem;
font-weight: 600;
color: #b3c135;
letter-spacing: .12em;
margin-bottom: 28px;
}
.principle-card h3 {
font-size: 1.35rem;
font-weight: 600;
margin-bottom: 14px;
}
.principle-card p {
color: #527179;
line-height: 1.75;
margin: 0;
}
/* =========================================================
MOBILE / TABLET
========================================================= */
@media (max-width: 700px) {
#postsCarousel .owl-nav{ display: none;}
.foursight-card{ bottom: -1%;}
.foursight-hero{margin: 80px 0 0 0;}
.foursight-card{    width: 300px;height: 250px}
.foursight-card-content {
padding: 0 20px;
}
.foursight-eyebrow {
margin-bottom: 24px;
font-size: 9px;
}
.foursight-card h1 {
margin-bottom: 15px;
font-size: 29px;
letter-spacing: 3px;
}
.foursight-description {
margin: 0;
font-size: 12px;
line-height: 1.45;
}
}