/* ==========================
   Global Design Variables
========================== */

:root {
	/* Brand Colors */
	--color-primary: #0066cc;
	--color-secondary: #051424;
	--color-accent: #e91e63;
	--color-success: #28a745;
	--color-warning: #ffc107;
	--color-danger: #dc3545;
	--color-info: #17a2b8;
	/* Base Colors */
	--color-text: #000;
	--color-muted: #777;
	--color-light: #f8f9fa;
	--color-dark: var(--color-text);
	--color-border: #DBC29B;
	--color-bg: #F5F5F5;
	--color-white: #FFFFFF;
	--color-gold: #DBC29B;
	--color-background-primary: #051424;
	/* Fonts */
	--font-main: 'New Atten', sans-serif;
	--font-alt: 'Brother 1816', sans-serif;
	/* Font Sizes */
	--font-size-sm: 0.75rem;
	--font-size-base: 16px;
	--font-size-para: 1rem;
	--font-size-lg: 1.25rem;
	--font-size-xl: 1.5rem;
	--letter-spacing: 1.44px;
	/* Line Height */
	--line-height-base: 1.5;
	/* Border Radius */
	--radius-sm: 4px;
	--radius-md: 6px;
	--radius-lg: 12px;
	/* Shadow */
	--shadow-sm: 0 2px 20px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
	/* Navbar */
	--navbar-min-height: 65px;
	--navbar-background: rgba(5, 20, 36, 0.95);
	--navbar-background-transparent: rgba(0, 0, 0, 0.20);
	--navbar-backdrop-filter: 25px;
	--navbar-top-padding: 0;
	--navbar-bottom-padding: 0;
	--navbar-dropdown-bottom-padding: 30px;
	/* Layout */
	--container-width: 1420px;
	--container-small-width: 1180px;
	--scale: 1;
	/* Buttons */
	--btn-border-color-default: var(--color-border);	
    /* Theme Colors */
    --primary-color: rgba(5, 20, 36, 0.95);
    --secondary-color: rgba(5, 20, 36, 1);    
    --background-muted: #F5F5F5;
    --background-primary: var(--primary-color);
    --background-secondary: var(--secondary-color);  
    
}
/* ==========================
   Typography
========================== */

html {
	font-family: var(--font-main);
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	color: var(--color-text);
	background-color: var(--color-bg);
    font-weight: 400;
}
.uk-link, a {
    color: #c78d33;
}
* {
    -webkit-tap-highlight-color: transparent;
}
.uk-button-text, .uk-button-text:hover {
    color: #c78d33;
}

h1, h2, h3, h4, h5, h6,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge {
	font-family: var(--font-alt);
	color: var(--color-dark);
	line-height: 1.5;
 	font-weight: 400;   
}
p {
	font-size: var(--font-size-para);
}
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
	color: var(--color-dark);
	text-decoration: none;
}
.uk-card-primary.uk-card-body, .uk-card-primary>:not([class*=uk-card-media]), .uk-card-secondary.uk-card-body, .uk-card-secondary>:not([class*=uk-card-media]), .uk-light, .uk-offcanvas-bar, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body .uk-navbar-item, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item, .uk-card-secondary.uk-card-body .uk-navbar-item, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item, .uk-light .uk-navbar-item, .uk-offcanvas-bar .uk-navbar-item, .uk-overlay-primary .uk-navbar-item, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item {
	color: rgba(255, 255, 255, 1);
}
.uk-h1, h1 {
    font-size: 2rem;   
	letter-spacing: 4px;
    text-transform: uppercase;
}
.uk-h2, h2 {
	font-size: 1.5rem;
	letter-spacing: 2.6px;
	text-transform: uppercase;	
}
.uk-text-meta {
	color: rgb(0, 0, 0);
}
.uk-link-heading a, .uk-link-toggle .uk-link-heading, a.uk-link-heading {
	transition: color 0.3s ease;
}
.uk-link-heading a:hover, .uk-link-toggle:hover .uk-link-heading, a.uk-link-heading:hover {
	color: var(--color-gold);
}
.uk-list-primary>::marker {
    font-size: 1.15625rem;
    line-height: 1;
    color: var(--color-gold) !important;   
}

.subheading {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.44px;
    text-transform: uppercase; 
    font-family: var(--font-main);
}

@media (min-width: 960px) {
	.uk-h1, h1 {
	  font-size: 2.5rem;
	} 
	.uk-h2, h2 {
		font-size: 1.625rem;
	} 
	.uk-h3, h3 {
		font-size: 1.5rem;
	}    
}


/* ==========================
   Buttons
========================== */

.uk-button {
    font-family: var(--font-main);
    letter-spacing: var(--letter-spacing);
    border-radius: 50px;
    font-weight: 500;
    font-size: var(--font-size-sm);
    min-width: calc(160px * var(--scale));
    line-height: 40px;
    overflow: hidden;
    padding: 0 22px;
    height: 40px;
}
.uk-button-default {
	border-color: var(--btn-border-color-default);
	backdrop-filter: blur(15px);
	color: #000;
}
.uk-light .uk-button-default {
	border-color: var(--btn-border-color-default);
}
.uk-button-default:hover, .uk-light .uk-button-default:hover, .uk-light .uk-button-default:active, .uk-light .uk-button-default:focus {
	color: #000;
	border-color: var(--btn-border-color-default);
}
.uk-button-primary {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}
.uk-button-secondary {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff;
}
/* ==========================
   Cards
========================== */
.uk-modal-full .uk-modal-dialog {
    margin-top: 65px;
}

/* ==========================
   Sections, Containers, Background
========================== */
.uk-background-primary {
	background-color: var(--background-primary);
}
.uk-background-secondary {
	background-color: var(--background-secondary);
}

.uk-container {
	max-width: var(--container-width);
}
.uk-container-small {
	max-width: var(--container-small-width);
}
.uk-container-xlarge {
	max-width: 1600px;
}
.uk-container-expand {
	max-width: none;
}
@media (min-width:960px) {
	.uk-section-large {
		padding-top: 110px;
		padding-bottom: 110px;
	}
}
@media (max-width:640px) {
	.uk-container {
        padding-left: 20px;
        padding-right: 20px;
	}
}

/* ==========================
   Navbar
========================== */
.site-header {
	background: var(--navbar-background); 
    z-index: 1020;    
}
.uk-navbar-container {
	background-color: var(--color-bg);
}
.uk-luux-main-nav>li>a {
	font-size: var(--font-size-sm);
	color: var(--color-dark);
}
.uk-navbar-item, .uk-luux-main-nav>li>a, .uk-navbar-toggle {
	min-height: var(--navbar-min-height);
	color: var(--color-dark);
}
.uk-navbar-container:not(.uk-navbar-transparent) {
	background: var(--navbar-background);
	backdrop-filter: blur(var(--navbar-backdrop-filter));
     -webkit-backdrop-filter: blur(var(--navbar-backdrop-filter));   
}
.uk-navbar-container.uk-navbar-transparent {
	background: var(--navbar-background-transparent);
	backdrop-filter: blur(var(--navbar-backdrop-filter));
    -webkit-backdrop-filter: blur(var(--navbar-backdrop-filter));    
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    font-family: var(--font-main);
    font-weight: 400;
    min-height: 70px;
}

/* ==========================
   Forms
========================== */

.uk-input, .uk-select, .uk-textarea {
	border-radius: var(--radius-sm);
	border-color: var(--color-border);
	font-family: var(--font-main);
}
.uk-light .uk-input::placeholder, .uk-light .uk-select::placeholder, .uk-light .uk-textarea::placeholder {
	color: var(--white) !important;
}
/* ==========================
   Custom Utilities
========================== */

.text-muted {
	color: var(--color-muted);
}
.bg-primary {
	background-color: var(--color-primary) !important;
	color: #fff;
}
.h2-small {
	font-family: var(--font-main);
	font-size: 1.5rem;
	letter-spacing: 0;
	text-transform: none;
}
.h2-subtitle {
	font-family: var(--font-main);
	font-size: 0.75rem;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.44px;
	text-transform: uppercase;
}

.uk-grid-medium {
    margin-left: -20px;
}
.uk-grid-medium>* {
    padding-left: 20px;
}
.uk-grid-medium>.uk-grid-margin {
    margin-top: 20px;
}
.persistent-hover.uk-button-text {
    color: #000;
    display: inline-block;	
}

.persistent-hover::before {
    right: 0 !important; 
    border-bottom: 1px solid var(--color-gold) !important;
    transition: none !important; 
}
.persistent-hover::after {
    content: "";
    position: absolute;
    bottom: 0; 
    left: 0;
    right: 100%; 
    border-bottom: 1px solid #000; 
    transition: right 0.3s ease-out;
}
.persistent-hover:hover {
    color: #000 !important; 
}
.persistent-hover:hover::after {
    right: 0; 
}

/* ==========================
   Nav Styles
========================== */
.tm-header {
	position: absolute;
	z-index: 900;
	left: 0;
	right: 0;
	width: 100%
}
.s9d-header :not(.uk-navbar-transparent) .uk-logo .logo-img {
	width: 154px;
	height: auto;
}
.s9d-header .sticky-logo {
	width: 154px;
	display: none
}
.s9d-header .uk-sticky-fixed .uk-navbar-center .logo-img {
	display: none
}
.s9d-header .uk-sticky-fixed .sticky-logo {
	display: block
}
.s9d-header .sm_menu {
	column-gap: 16px;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: var(--letter-spacing);
	text-decoration: none;
}
.sm_menu .hamburger {
	width: 22px;
	height: 22px;
}
.sm_menu .hamburger-svg {
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: all 0.3s ease;
}
.sm_menu .line {
	stroke: #212121;
	stroke-width: 1.5;
	stroke-linecap: square;
	transition: all 0.3s ease;
}
.uk-light .sm_menu .line {
	stroke: #FFFFFF;
}
/* Hide middle by default */

.sm_menu .middle, .sm_menu .top2, .sm_menu .bottom2 {
	opacity: 0;
}
/* Hover (arrow effect) */

.sm_menu:hover:not(.open) .hamburger-svg .middle, .sm_menu:hover:not(.open) .hamburger-svg .top2, .sm_menu:hover:not(.open) .hamburger-svg .bottom2 {
	opacity: 1;
}
.sm_menu:hover:not(.open) .hamburger-svg .top, .sm_menu:hover:not(.open) .hamburger-svg .bottom {
	opacity: 0;
}
.sm_menu:hover:not(.open) .hamburger-svg .top2 {
	transform: rotate(45deg);
	transform-origin: 34px 32px;
}
.sm_menu:hover:not(.open) .hamburger-svg .bottom2 {
	transform: rotate(-45deg);
	transform-origin: 34px 22px;
}
/* Open (X) */

.sm_menu.open .hamburger-svg .top {
	transform: rotate(45deg) translateY(4px);
	transform-origin: 30px 24px;
}
.sm_menu.open .hamburger-svg .bottom {
	transform: rotate(-45deg) translateY(-4px);
	transform-origin: 30px 30px;
}
.sm_menu.open .hamburger-svg .middle {
	opacity: 0;
}
.sm_menu .menu-label-wrapper {
	position: relative;
	display: inline-block;
	transition: all .2s cubic-bezier(.785, .135, .15, .86);
	outline: 0;
	overflow: hidden;
}
.sm_menu .menu-label-wrapper[data-hover]:before {
	content: attr(data-hover);
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(100%);
	transition: all .2s cubic-bezier(.785, .135, .15, .86);
	opacity: 0;
	visibility: hidden;
}
.sm_menu .button__label-hover {
	display: block;
	transform: translateY(0);
	transition: all .2s cubic-bezier(.785, .135, .15, .86);
	opacity: 1;
	visibility: visible;
}
.sm_menu:hover .menu-label-wrapper[data-hover]:before {
	transform: translateY(-50%);
	opacity: 1;
	visibility: visible;
}
.sm_menu:hover .menu-label-wrapper[data-hover] .button__label-hover {
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
}
/* Sweep To Right */

.hvr-sweep-to-right {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-gold);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* ==========================
   Slider Navs and Pagination
========================== */
.carousel-section .media-container .uk-slidenav {
	top: var(--arrow-mid, 50%) !important;
	margin: 0;
}
.slidenav {
    display: flex;
    gap: 16px;
}
.slidenav .uk-icon-button {
    background: transparent;
    color: #000;
    outline: 0;
    border: 1px solid var(--color-border);
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
	cursor: pointer;
	padding: 0;
}
.slidenav .uk-icon-button.uk-invisible {
    visibility: visible !important;
    background: transparent;
    color: #ccc;
    border: 1px solid #ccc;
    cursor: default;
}
.slidenav .uk-icon-button.uk-invisible:hover {
    background: transparent;
    color: #ccc;
    border: 1px solid #ccc;    
}
.slidenav .uk-icon-button:hover {
    background: var(--color-border);
    border-color: var(--color-border);
}
.uk-dotnav>*>* {
    width: 4px;
    height: 4px;
    border-radius: 500px;
    background: #000;
    border: 1px solid transparent;
    transition: width 0.2s ease-out, background 0.2s ease-out;	
}
.uk-light .uk-dotnav>*>* {
    background: #FFF;
}
.uk-dotnav>.uk-active>* {
	background: #000;	
	width: 40px;
	height: 4px; 
	border-radius: 2px;	
}
@media (min-width:960px) {
	.slidenav .uk-icon-button {
		width: 60px;
		height: 60px;
	}
	.uk-dotnav>.uk-active>* {
		width: 82px;
	}	
}

/* ==========================
   Swiper 
========================== */
.swiper:not(.swiper-initialized) {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out; 
}
.swiper:not(.swiper-initialized) .swiper-wrapper {
    height: 0;
}
.swiper.swiper-initialized {
    opacity: 1;
    visibility: visible;
}
.swiper.swiper-initialized .swiper-wrapper {
    height: auto;
}


/* ==========================
   Hero/Header
========================== */
.hero-styleone .uk-button {
    margin-top: 32px;
}
.hero-styletwo .subheading {
    margin-top: 0;
    margin-bottom: 40px;
}
.hero-styletwo .desc {
    margin-top: 20px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}
.hero-styletwo .uk-button {
    margin-top: 10px;
}

.hero-styleone .video-container {
	max-height: 640px;
	min-height: 300px;
}
.videobgstyle .uk-height-viewport {
	min-height: auto !important;
	height: 100vh;
	max-height: 800px;
}
.hero-overlay {
    background: rgba(0, 0, 0, 0.50);
}
.vertical-divider {
	border-left: 1px solid var(--color-gold);
	padding-left: 34px;
}

.hero-styletwo .hero-caption {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}
.hero-styletwo .hero-height {
	min-height: 762px;
}
.hero-styletwo .hero-caption {
    padding-top: 100px;				
} 
.hero-caption-wrapper {
	padding-top: 70px;
	padding-bottom: 70px;
}
.darktheme .hero-caption-wrapper {
    background:var(--background-primary);    
}
.darktheme .inner-wrapper {
    background:linear-gradient(to bottom,var(--background-primary) 0,var(--background-primary) 44.49%,var(--background-muted) 44.49%,var(--background-muted) 100%)    
}
.fulldarkbg, .fulldarkbg .inner-wrapper {
    background:var(--background-secondary);
}
@media (min-width: 640px) {
  .hero-caption-wrapper .content-wrapper {
      padding-left: 70px;
  }
}
@media (min-width: 960px) {
    .hero-styletwo .hero-height {
		min-height: 929px;				
    }     
    .hero-styletwo .hero-caption {
		padding-top: 152px;				
    }       
	.hero-caption-wrapper {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.hero-caption-wrapper .content-wrapper {
        margin-top: 12px;
	}    
}
@media (min-width: 1200px) {    
	.hero-caption-wrapper .content-wrapper {
		padding-left: 140px;
	}
}

@media (min-width: 1600px) {
    .hero-styletwo .hero-height {
      display: flex;
      align-items: center;
      justify-content: center;				
    }    
    .hero-styletwo .hero-caption {
		padding-top: 0;				
    }       
}


/* ==========================
   Video Progress Bar
========================== */

.custom-progress-bar {
	height: 6px;
	background: rgba(255, 255, 255, 0.20);
	cursor: pointer;
}
.custom-progress-bar #customProgressFill {
	height: 100%;
	width: 0%;
	background-color: var(--color-gold);
	transition: width 0s;
	/* We'll control animation manually */
}

/* ==========================
   Featured Grid
========================== */
.features_grid h2 {
	margin-bottom: 25px;
}
.features_grid p:last-child {
	margin-bottom: 0;
}
.features_grid .lists-wrapper {
	margin-top: 65px;
}
.features_grid .feature-media {
	margin-bottom: 32px;
}
.features_grid  hr {
    border-color: var(--color-gold);
    margin-bottom: 0;
    margin-top: 30px;
}
.features_grid .feature-title {
	margin-bottom: 16px;
}
.features_grid .features-cta-wrapper {
	margin-top: 60px;
}
.features_grid.styletwo .features-cta-wrapper {
    margin-top: 44px;
}
.feature-title {
	font-family: var(--font-main);
    font-size: 1.5rem;
}
.features_grid.type-icons .feature-title {
    font-size: 1.25rem;
    font-weight: 500;
}
.features_grid.view-both .feature-title {
    font-size: 1.5rem;
}
.features_grid.theme-light {
    background-color: transparent !important;
}
.uk-sticky-fixed .features_grid  {
    padding-top: 27px;		
    padding-bottom: 14px;	
}
.uk-sticky-fixed .features_grid .lists-wrapper {
    margin-top: 0;
}
.uk-sticky-fixed .features_grid .section-header, 
.uk-sticky-fixed .features_grid .features-cta-wrapper,
.uk-sticky-fixed .features_grid .feature-description {
    display: none;
}
.uk-sticky-fixed .features_grid.type-icons .feature-title {
    font-weight: 400;
}

.features_grid.twobytwogrid .uk-container {
    max-width: 1180px;
}
.features_grid.twobytwogrid .lists-wrapper {
    margin-top: 70px;
}
.features_grid.twobytwogrid .feature-description {
    margin-bottom: 40px;
}

.features_grid.withbg h2 {
    margin-bottom: 24px;
} 
.features_grid.withbg hr {
    border-width: 0.125rem;
} 

.features_grid.heading400 .feature-title {
    font-weight: 400;
} 

@media (min-width: 640px) {
    .features_grid.withbg .feature-title {
        font-size: 1.5rem;
    }   
}
 
@media (min-width: 960px) {
    .features_grid.uhmw-insights {
        padding-top: 86px;
        padding-bottom: 80px;
    }     
    .features_grid.withbg {
        padding-top: 155px;
        padding-bottom: 212px;
    }    
    .features_grid.twobytwogrid {
        padding-top: 100px;
        padding-bottom: 184px;        
    }    
    .features_grid.styletwo .feature-media {
        margin-bottom: 42px;
    }   
    .features_grid.styletwo .features-cta-wrapper {
        margin-top: 64px;
    }
    .features_grid.styletwo .uk-card-body.feature-body {
        padding-right: 50px !important;     
    } 
    .features_grid.twobytwogrid .lists-wrapper {
        margin-top: 125px;
    } 
    .features_grid.twobytwogrid .feature-description {
        margin-bottom: 60px;  
    } 
    .features_grid.twobytwogrid .lists-wrapper .uk-margin-large-top {
        margin-top: 58px !important;  
    } 
    .features_grid  hr {
        margin-top: 40px;
    } 

    .features_grid.withbg .lists-wrapper{
        margin-top: 104px;
    } 
    .features_grid.withbg .section-description {
        max-width: 650px;
        margin: 0 auto;
    }     
}
@media (min-width: 1200px) {
    .features_grid.styletwo .uk-card-body.feature-body {
        padding-right: 50px !important;     
    } 
    .features_grid.twobytwogrid .feature-description {
        padding-right: 85px; 
    }  
    .features_grid .uk-grid-medium {
        margin-left: -50px;
    } 
    .features_grid .uk-grid-medium>* {
        padding-left: 50px;
    }   
    .home #features_grid-2 {
        padding-top: 119px;        
    }    
}
@media (max-width: 640px) {
    .uk-sticky-fixed .features_grid .feature-body {
        display: none;
    }
    .uk-sticky-fixed .features_grid .feature-media {
        margin-bottom: 0;
    }   
    .feature-title, .features_grid.view-both .feature-title {
        font-size: 1.25rem;
    } 
    .features_grid .section-header {
        padding: 0 10px;
    }
    .features_grid.type-icons .feature-item-inner > * {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .features_grid .feature-item-photo {
        padding: 0;
    }
}


/* ==========================
   Image Grid Gallery
========================== */
.image-grid-gallery__item {
    width: 100%;
}
.image-grid-gallery__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.image_grid_gallery .uk-grid {
    margin-left: -20px;
}
.image_grid_gallery .uk-grid>* {
    padding-left: 20px;
}
.image_grid_gallery .uk-grid>.uk-grid-margin {
    margin-top: 20px;
}
@media (min-width: 960px) {
	.image_grid_gallery {
		padding-top: 84px;		
		padding-bottom: 134px;		
	}	
}


/* ==========================
   Intro
========================== */
.intro-section .desc {
	margin-bottom: 19px;
}
.post-tags {
    border-radius: 500px;
    color: #000;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 24px;
    border: 1px solid #DBC29B;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.post-work-tags .uk-grid-small>.uk-grid-margin {
    margin-top: 9px;
}

@media (min-width: 640px) {
    .intro-section .title-wrapper {
        padding-left: 40px;
        padding-right: 60px;
    }	
    .intro-section.nudgeup{
        margin-top: -90px;
        z-index: 2;
        position: relative;  
        background: #F5F5F5;
        padding-top: 220px;
        padding-bottom: 400px;
    } 
    .intro-section.nudgeup.padding-bottom-default {
        padding-bottom: 130px;
    }
    .intro-section.removetopmargin.nudgeup{
        margin-top: 0;
    }    
}
@media (min-width: 960px) {
    .intro-section {
		padding-top: 130px;		
		padding-bottom: 130px;	
    }	
    .intro-section .title-wrapper {
        padding-right: 70px;
    }   
    .intro-section.nudgeup{
        padding-top: 288px;
    } 
    .intro-section.removetopmargin.nudgeup{
        padding-top: 180px;
    }    
}
@media (min-width: 1200px) {
    .intro-section .intro-right {
        width: 57.75%;
    }
    .intro-section .title-wrapper {
        padding-left: 240px;
        padding-right: 100px;        
    }
    .intro-section .content {
        padding-right: 130px;
    }		
}


/* ==========================
   Logo Showcase
========================== */
.logos_showcase h2 {
	margin-bottom: 54px;
}

.logos_showcase .swiper {
	visibility: hidden;
}

.logos_showcase .swiper.swiper-initialized {
	visibility: visible;
}

.logos_showcase .swiper-wrapper {
	transition-timing-function: ease-in-out !important;
    align-items: center;
}

.logos_showcase .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.logos_showcase .swiper-slide img {
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

.uk-slider-items.uk-grid-small {
	margin-left: -20px;
}

.uk-slider-items.uk-grid-small>* {
	padding-left: 20px;
}

/*
.logos-gallery img {width: 100%} 
*/

.cstyle .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.cstyle .swiper-pagination-bullet {
    background: var(--color-white);
    height: 4px;
    width: 4px;
    border-radius: 6px;
    opacity: 1;
    transition:
        width 0.35s ease,
        transform 0.35s ease;
}

.cstyle .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
    transform: scaleX(1);
}

@media (min-width: 640px) {
    .logos_showcase h2 {
        margin-bottom: 80px;
    }
    .logos_showcase .cstyle .swiper-pagination {
        margin-top: 78px;
    }    
}
@media (min-width: 640px) {
    .logos_showcase {
        padding-top: 98px;
        padding-bottom: 72px;
    } 
}

/* ==========================
   Featured Service
========================== */
.featured_services .featured-services-swiper {
    padding-top: 50px;
    padding-bottom: 60px;
    padding-left: 15px;
}
.featured_services .uk-box-shadow-small {
    box-shadow: 0 2px 8px rgba(0,0,0,.0);
	transition: box-shadow 0.4s ease-out;	
}
.featured_services .swiper-slide:hover .uk-box-shadow-small {
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.featured_services .uk-box-shadow-bottom::after {
    bottom: -15px;
    left: 10px;
    right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-out, visibility 0.4s ease-out;
    height: 40px;
    background: #000;
}
.featured_services .swiper-slide:hover .uk-box-shadow-bottom::after {	
    opacity: 1;
	visibility: visible;
}

.featured-service-card__icon {
	margin-bottom: 34px;
}
.featured_services h3 {
    font-size: 1.375rem;
}
.featured_services h3 svg {
    margin-left: 5px;
}
.featured_services img {
    max-width: 97px;
}
.featured_services .subheading {
	margin-bottom: 12px;	
}
.featured_services .featured-services-header {
	margin-bottom: 20px;
}
.featured_services .featured-services-slider-wrapper {
	margin-bottom: 0px;
    margin-left: -15px;
}
.featured_services .uk-card-body {
	padding: 65px 30px 50px;
}

.featured_services .featured-services-pagination {
    display: block;
    top: auto;
    bottom: auto;
    height: auto;	
}
.featured_services .swiper-pagination-bullet {
	width: 4px;
	height: 4px;
	border-radius: 500px; 
	background: #000;
    transition: width 0.2s ease-out, opacity 0.2s ease-out, background 0.2s ease-out;
	opacity: 1;
}

.featured_services .swiper-pagination-bullet-active {
	width: 40px;
	height: 4px; 
	border-radius: 6px;
	background: #000;
}
.featured-service-card__link {
	cursor: pointer;
}
.featured_services .swiper-slide {
  height: auto;
  display: flex;
}
.featured_services .swiper-slide > .uk-box-shadow-bottom {
  display: flex;
  flex: 1;
}

.featured_services .featured-service-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.featured_services .featured-service-card__description {
  flex-grow: 1;
}


@media (min-width: 960px) {
	.featured_services {
		padding-bottom: 150px;
		padding-top: 182px;
	}	
	.featured_services .swiper-pagination-bullet-active {
		width: 82px;
	}	
}

/* Transition on the shadow wrapper for smooth lift */
.featured_services .swiper-slide .uk-box-shadow-bottom {
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0);
    will-change: transform;
    position: relative;
    z-index: 0; 
}

.featured_services .swiper-slide:hover .uk-box-shadow-bottom {
    transform: translateY(-8px);  /* Half the previous movement */
    z-index: 10;
}

.featured_services .swiper-slide .featured-service-card {
    transition: background-color 0.5s ease,
                color 0.5s ease;
}

.featured_services .swiper-slide:hover .featured-service-card {
    background-color: #051424;
    color: #fff;
}

.featured_services .swiper-slide:hover .featured-service-card h3 {
    color: #fff;
}

.featured_services .swiper-slide:hover .featured-service-card__icon img,
.featured_services .swiper-slide:hover .featured-service-card__icon svg,
.featured_services .swiper-slide:hover .featured-service-card svg {
    filter: brightness(1.3);
    transition: filter 0.5s ease;
}

.featured_services .swiper-slide:hover .featured-service-card__title svg path {
    stroke: #fff;
    transition: stroke 0.5s ease;
}


/* ==========================
   Accordion Block
========================== */
.accordion_block .uk-accordion-title {
	color: #000;
	font-size: 1.5rem;	
	transition: color 0.2s ease
}
.accordion_block .uk-open .uk-accordion-title, .accordion_block .uk-accordion-title:hover {
	/* color: var(--color-gold);
	color: #000;*/    
}
.accordion_block.uk-light .uk-accordion-default .uk-accordion-title:hover {
	color: #fff;   
}
.accordion_block .uk-accordion-content {
	margin-top: 16px;
}
.accordion_block .uk-accordion-content p {
	line-height: 1.5;
}
.accordion_block.styleone .vertical-line {
	width: 0.09375rem;
	height: 60%;
	display: block;
}
.accordion_block .uk-accordion li:nth-child(n+2) {
	padding-top: 20px;
	margin-top: 14px;
	border-top: 1px solid rgba(0, 0, 0, 0.20);
}
.accordion_block.uk-light .uk-accordion li:nth-child(n+2), .accordion_block.lighttheme .uk-accordion li:nth-child(n+2) {
	border-color: rgba(219, 194, 155, 0.3);
}
.accordion_block.styleone .col-wrapper {
	position: relative;
}
.accordion_block.styleone .divider-section {
	position: absolute;
	top: 0;
	bottom: 0;
}
.accordion_block .uk-accordion-icon {
	line-height: 0;
}
.accordion_block .uk-accordion-icon svg {
    transition: transform 0.3s ease-in-out; 
    transform: rotate(270deg); 
}
.accordion_block .uk-open .uk-accordion-icon svg {
    transform: rotate(0deg);     
}
.accordion_block.styleone .items-wrapper {
	padding: 40px 30px 70px;
}
.accordion_block.styletwo .cta-wrapper {
    margin-top: 34px;
}
.accordion_block.styletwo .items-wrapper {
    padding: 0;
}
.accordion_block .uk-accordion-default .uk-accordion-icon {
    color: #000;
}
.accordion_block.uk-light .uk-accordion-default .uk-accordion-icon {
    color: #FFF;
}

@media (min-width: 640px) {
    .accordion_block.styletwo .title-wrapper {
        max-width: 680px;
    }
    .accordion_block.styletwo h2 {
        margin-bottom: 24px;
    } 
    .accordion_block.styletwo .subheading {
        margin-bottom: 22px;
    }      
    .accordion_block.styletwo .title-wrapper p {
        max-width: 556px;
    } 
    .accordion_block.styletwo .cta-wrapper {
        margin-top: 54px;
    } 
    .accordion_block.styletwo .left-col {
        width: 58%;
    } 
    
    .accordion-sticky-item .uk-button{
        min-width: 214px;
    }    
}
@media (min-width: 960px) {
    .accordion_block.styletwo {
		padding-top: 156px;
		padding-bottom: 154px;
    }    
	.accordion_block .uk-accordion-content p {
		margin-bottom: 14px	
	}
	.accordion_block.styleone .col-wrapper {
		min-height: 634px
	}
	.accordion_block.styleone .items-wrapper {
		padding: 129px 124px 129px 0;
	}
	.accordion_block.styleone .title-wrapper {
		padding-top: 26px;
		padding-bottom: 26px;
	}	
    .accordion_block .uk-accordion-content {
        max-width: 72%;
    }
    .accordion_block.styletwo .uk-accordion-content {
        max-width: 85%;
    }    
}
@media (max-width:960px) {
	.accordion_block.styleone .vertical-line {
		height: 50%;
	}
	.accordion_block.styleone .title-wrapper {
		margin-top: 170px;
		padding-bottom: 0;
		padding-top: 24px;
	}
}


/* ==========================
   Accordion with Slider Block
========================== */
.accordion-with-slider h2 {
	margin-top: 0;
}
.accordion-with-slider .uk-accordion-title {
	color: #000;
	font-size: 1.5rem;	
	transition: color 0.2s ease
}
.accordion-with-slider .uk-accordion-content {
	margin-top: 16px;
}
.accordion-with-slider .accordion-with-slider__intro {
	margin-bottom: 30px;
}
.accordion-with-slider .uk-accordion-content p {
	line-height: 1.5;
}
.accordion-with-slider .uk-accordion li:nth-child(n+2) {
	padding-top: 20px;
	margin-top: 14px;
	border-top: 1px solid rgba(0, 0, 0, 0.20);
}
.accordion-with-slider .uk-accordion li:nth-child(n+2) {
	border-color: rgba(219, 194, 155, 0.3);
}

.accordion-with-slider .uk-accordion-icon {
	line-height: 0;
}
.accordion-with-slider .uk-accordion-icon svg {
    transition: transform 0.3s ease-in-out; 
    transform: rotate(270deg); 
}
.accordion-with-slider .uk-open .uk-accordion-icon svg {
    transform: rotate(0deg);
}

.accordion-with-slider .accordion-with-slider__accordion {
    margin-top: 60px	
}

@media (min-width: 960px) {
	.accordion-with-slider {
        padding-top: 120px;
        padding-bottom: 177px;
	}	
    .accordion-with-slider .uk-accordion-content p {
		margin-bottom: 14px	
	}	
    .accordion-with-slider .accordion-with-slider__accordion {
		margin-top: 100px	
	}
    .accordion-with-slider .uk-accordion-content {
        max-width:90%;
    }	
}
@media (min-width: 1200px) {
	.accordion-with-slider .right-col-wrapper {
        padding-left: 140px;
	}	
}
@media (max-width:960px) {

}

/* ==========================
   Tabs Block
========================== */
.tabs-block h2 {
    max-width: 610px;
}
.tabs-block .tabs-block__intro {
    padding-bottom: 58px;
}
.tabs-block .tabs-block__description, .tabs-block .tabs-block__panel-text {
    max-width: 553px;
}
.tabs-block .tabs-block__panel-title {
    max-width: 450px;
}
.tabs-block__switcher {
    padding: 70px 20px;
}
.tabs-block .uk-tab>*>a {
    padding: 15px 10px;
    color: rgba(0, 0, 0, 0.3);
    border-bottom: 0;
    font-size: 1.25rem;
    text-transform: none;
    min-width: 280px;
    text-align: center;
    transition: color .3s ease-in-out;
    position: relative;
    padding-bottom: 24px;
    font-weight: 500;
}
.tabs-block .uk-tab>*>a:hover {
    color: rgba(0, 0, 0, 1);
}
.tabs-block .uk-tab::before {
    border-bottom: 0;
}
.tabs-block .uk-tab>.uk-active>a {
    color: #000;
    border-color: var(--color-gold);
}
.tabs-block .tabs-block__list {
    margin-bottom: 32px;
}
.tabs-block .tabs-block__icon img {
    width: 97px;
}

.tabs-block .uk-tab > * > a {
    position: relative;
}

.tabs-block .tabeffect > * > a::before, .tabs-block .tabeffect > * > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6px;
    background-color: transparent;
    transform: scaleX(0);
    transform-origin: left;
    opacity: 0; 
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    left: 0;
}

.tabs-block .tabeffect > * > a:hover::before {
    background-color: rgba(0, 0, 0, 0.3);    
    transform: scaleX(1);
    opacity: 1; 
}

.tabs-block .tabeffect > .uk-active > a::after {
    transform: scaleX(1);
    opacity: 1; 
    background-color: var(--color-gold);    
}

.tabs-block .uk-tab {
    margin-left: 0;
}
.tabs-block .uk-tab>* {
    padding-left: 0;
}

/* Mobile Tabs – uniform li height */

.tabs-block__nav--mobile ul {
  padding: 0;
  margin: 0;
}

.tabs-block__nav--mobile .tabs-block__tablists > li,
.tabs-block__nav--mobile .tabs-block__tablists > li.swiper-slide {
    height: 110px;
    display: flex;
    align-items: stretch;
}

.tabs-block__nav--mobile a {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center; 
    text-align: left;

    padding: 0; 
    font-size: 1.25rem;
    color: rgba(0, 0, 0, 0.3);
    transition: color .3s ease-in-out;
}

.tabs-block__nav--mobile a:hover {
    color: rgba(0, 0, 0, 1);
}
.tabs-block__nav--mobile .uk-active a {
    color: rgba(0, 0, 0, 1);
}
.tabs-block__nav--mobile a span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tabs-block__panel {
    margin-top: 32px;
}

.tabs-block__accordion .uk-accordion-icon svg {
    transition: transform 0.3s ease-in-out; 
    transform: rotate(270deg); 
}
.tabs-block__accordion .uk-open .uk-accordion-icon svg {
    transform: rotate(0deg);     
}
.tabs-block__accordion .uk-accordion-default .uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
}
.tabs-block__accordion .uk-accordion-default .uk-accordion-icon {
    color: #000;
}

.tabs-block__accordion .uk-grid-small {
    margin-left: -20px;
}
.tabs-block__accordion .uk-grid-small>* {
    padding-left: 20px;
}
.tabs-block__accordion .uk-accordion > li:nth-child(n+2) {
	padding-top: 20px;
	margin-top: 22px;
	border-top: 1px solid rgba(219, 194, 155, 0.3);
}
.tabs-block .tabs-block__accordion .tabs-block__list {
    margin-bottom: 32px;
}
.tabs-block .tabs-block__accordion .tabs-block__cta {
    margin-bottom: 20px;
}
.tabs-block__accordion {
    background: transparent;
    /* padding-top: 28px;
    padding-bottom: 57px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 -20px; */   
}
.tabs-block .tabs-block__accordion .tabs-block__panel-text {
    max-width: none;
}

.uk-list-primary {
    list-style: none;
    padding-left: 0;
}
.uk-list-primary > li {
    position: relative;
    padding-left: 1.125em; 
}
.uk-list-primary > li::before {
    content: "";
    background: var(--color-gold);
    position: absolute;
    left: 0;
    width: 7.3px;
    height: 7.3px;
    top: 6px;
    border-radius: 100px;
}

@media (min-width: 640px) {
    .tabs-block .tabs-block__list {
        margin-bottom: 42px;
    } 
    .tabs-block .tabs-block__panel-title {
        margin-bottom: 24px;
        margin-top: -4px !important;
    }
    .tabs-block .tabeffect > * > a::before, .tabs-block .tabeffect > * > a::after {
        height: 9px;
    }
    .tabs-block .tabs-block__intro {
        padding-bottom: 60px;
    }    
}

@media (min-width: 960px) {
    .tabs-block  {
        padding-top: 164px;
        padding-bottom: 127px;
    }    
    .tabs-block .tabs-block__description {
        padding-left: 34px;
    }	
    .tabs-block .tabs-block__panel-right {
        padding-left: 45px;
        max-width: 445px;
    }  
    .tabs-block__switcher {
        padding: 112px 83px 148px;
    }  
    .tabs-block .tabs-block__intro {
        padding-bottom: 110px;
    }        
}


/* ==========================
   Feature List and Carousel
========================== */

.feature_list_carousel .h2-subtitle {
	margin-bottom: 30px;
}
.feature_list_carousel .uk-list>:nth-child(n+2) {
	margin-top: 20px;
}
.feature_list_carousel .uk-list {
	margin-top: 26px;
}
.feature_list_carousel h3 {
	line-height: 1.2;
	letter-spacing: 2.5px;
}
.feature_list_carousel h4 span {
	margin-left: 5px;
}
.feature_list_carousel .desc {
	line-height: 1.53;
}
.feature_list_carousel .icon-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.4s ease;
}
.feature_list_carousel .icon-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.bar-nav .uk-dotnav {
	margin-left: 0;
}
.bar-nav .uk-dotnav>* {
	padding-left: inherit;
}
.bar-nav .uk-dotnav>.uk-active>* {
	background: var(--color-gold);
}
.bar-nav .uk-dotnav>*>* {
	width: 100%;
	height: 6px;
	border-radius: 0;
	background: rgba(219, 194, 155, 0.50);
	border: 0;
	transition: all 2s ease;
}

/* ==========================
   Portfolio Showcase
========================== */
.portfolio_showcase .portfolio-showcase-heading {
	margin-bottom: 40px;
}
.portfolio_showcase .heading-desc {
	margin-top: 40px;
}
.portfolio_showcase .portfolios {
	margin-left: -20px;
}
.portfolio_showcase .portfolios>* {
	padding-left: 20px;
}
.portfolio_showcase .uk-grid+.uk-grid-medium {
	margin-top: 15px;    
}
.portfolio_showcase .uk-overlay-primary {
	background: rgba(0, 0, 0, 0.25);
	transition: background 0.4s ease-in-out;
}
.portfolio_showcase .portfolio:hover .uk-overlay-primary {
	background: rgba(0, 0, 0, 0.45);
}
/*
.portfolio_showcase .portfolio:hover .uk-overlay-primary {
	background: rgb(219 194 155 / 85%);
}
*/

.portfolio_showcase .portfolio .uk-cover-container {
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    backface-visibility: hidden;
    transform: scale(1);
}
.portfolio_showcase .portfolio:hover .uk-cover-container {
    transform: scale(1.08);
}

.portfolio_showcase h4 {
	margin-top: 16px;
	margin-bottom: 8px;
}
.portfolio_showcase .uk-text-meta {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.44px;
    text-transform: uppercase; 
    font-family: var(--font-main);
}
.portfolio_showcase .view-more {
	margin-top: 20px;
}
.portfolio_showcase hr {
	border-top: 1px solid #051424;
	margin-top: 60px;
	margin-bottom: 60px;
}
.ourwork-client-logo{
    display: block;
    max-width: 100%;
    height: auto;
}
.ourwork-hero-clientlogo-img{
    display: inline-block;
    max-width: 100%;
    height: auto;
}

@media (min-width:960px) {
	.portfolio_showcase h4 {
		font-size: 1.4375rem;
	}
	.portfolio_showcase .view-more {
		margin-top: 28px;
	}
	.portfolio_showcase .portfolio-showcase-heading {
		margin-bottom: 84px;
	}	
}
@media (max-width:960px) {
	.portfolio_showcase .media-wrapper {
		height: 520px;
	}
}
@media (max-width:640px) {
	.portfolio_showcase .media-wrapper {
		height: 300px;
	}
}



/* ==========================
   Testimonial Block
========================== */
.testimonials_slider  {
	padding-top: 90px;
	padding-bottom: 90px;
}
.testimonials_slider .uk-container {
	max-width: 980px;
}
.testimonials_slider .section-header {
	margin-bottom: 60px;
}
.testimonial-text {
	font-size: 1.5rem;
    font-style: normal;
    color: #000;
}
.testimonial-text * {
	font-size: 1.5rem;
    color: #000;	
}
.testimonials_slider .name {
	font-size: 0.9375rem;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 7px;
}
.testimonials_slider .designation {
	font-size: 0.9375rem;
}
.testimonials_slider .company-logo {
	margin-bottom: 22px;	
}
.testimonials_slider.testimonials-layout-multiple .testimonial-text  {
	padding-right: 0;
    margin-bottom: 36px;
}
.testimonials_slider.testimonials-layout-multiple .uk-dotnav>.uk-active>* {
    width:32px;
}

.testimonials_slider.testimonials-layout-multiple .testimonial-designation {
    font-size: 0.875rem;   
}
.testimonials_slider.testimonials-layout-multiple .testimonial-name {
    margin-bottom: 24px;
}
.testimonials_slider.testimonials-layout-multiple .uk-slider-nav {
    margin-top: 40px;
}
.testimonials_slider.testimonials-layout-multiple .testimonial-slide {
    max-width: 655px;
}


.rating  {
	margin-bottom: 22px;	
}
.rating .star {
    font-size: 26px;
}
.rating .star-full { color: #000; }
.rating .star-half { color: #000; opacity: 0.5; } 
.rating .star-empty { color: #ccc; }

@media (min-width:640px) {	
	.testimonials_slider .section-header {
		margin-bottom: 84px;
	}	
	.testimonial-text * {
		font-size: 1.75rem;
	}
	.testimonials_slider.testimonials-layout-multiple .testimonial-text * {
		font-size: 1.5rem;
	}    
}
@media (min-width:960px) {
	.testimonials_slider  {
		padding-top: 220px;
		padding-bottom: 172px;
	}
    .testimonials_slider.testimonials-layout-multiple {
		padding-top: 178px;
		padding-bottom: 178px;
    }
    .testimonials_slider.testimonials-layout-multiple .uk-slider-nav {
        margin-top: 60px;
    }        
	.testimonial-text {
		padding-right: 106px;
	}	
}


/* ==========================
   Call to Action Block
========================== */
.call_to_action_block h2 {
	margin-bottom: 24px;
}
.call_to_action_block p {
	margin-bottom: 32px;
}
.call_to_action_block .vertical-line {
    width: 2px;
	height: 134px;	
    display: block;
}

@media (min-width:960px) {
    .call_to_action_block {
        padding-top: 156px;
        padding-bottom: 156px;
		min-height: 500px;
	}	
}


/* ==========================
   Featured Post
========================== */
.featured_posts .section-header {
	margin-bottom: 40px;
}
.featured_posts .heading-desc {
	margin-top: 16px;
}
.featured_posts .subheading {
	margin-bottom: 16px;
}
.featured_posts .featured-post-card__body {
	padding-top: 28px;
	padding-right: 20px;
}
.featured_posts h3 {
	font-size: 1.25rem;
	margin-top: 12px;
}
.featured_posts p {
	margin-bottom: 32px;
}
.featured_posts .featured-post-card__readmore {
	margin-top: 14px;
}
.featured_posts .featured-post-card__readmore .uk-button-text {
	font-size: 0.875rem;
}

@media (min-width:640px) {
	.featured_posts  {
		padding-top: 146px;
		padding-bottom: 152px;
	}	
	.featured_posts .featured-post-card__body {
		padding-right: 33px;
	}
	.featured_posts .section-header {
		margin-bottom: 56px;
	}	
}


/* ==========================
   Related Services
========================== */
.related_services .section-header {
	margin-bottom: 40px;
}
.related_services .heading-desc {
	margin-top: 16px;
}
.related_services .related-service-card__overlay {
    background: rgba(5, 20, 36, 0.2);
    transition: background 0.3s ease-in-out; 
}

.related_services .related-service-card__media:hover .related-service-card__overlay {
    background: rgba(219, 194, 155, 0.8);
}

.related-service-card__image {
    transition: transform 0.4s ease-in-out;
    transform: scale(1);
    max-width: none; 
}

.related_services .related-service-card__media:hover .related-service-card__image {
    transform: scale(1.03); 
}

@media (min-width:640px) {
	.related_services  {
		padding-top: 80px;
		padding-bottom: 86px;
	}	
	.related_services .section-header {
		margin-bottom: 56px;
	}	
}


/* ==========================
   Intro Featured Grid
========================== */
.intro-features-grid .blockwrapper  {
    padding: 60px 30px;
}
.intro-features-grid h2 {
	margin-bottom: 24px;
}
.intro-features-grid .subheading {
	margin-bottom: 17px;
}
.intro-features-grid .intro-features-grid__description {
	margin-bottom: 30px;	
}
.intro-features-grid .intro-features-grid__heading {
    font-size: 1.125rem;
    border-top: 1px solid var(--color-border);
    padding-top: 30px;
    margin-bottom: 15px;
}

@media (min-width:640px) {  
	.intro-features-grid .blockwrapper  {
		padding: 100px 70px;
	}	
    .intro-features-grid .intro-features-grid__heading {
        font-size: 1.25rem;
    }    
}
@media (min-width:960px) {
 	.intro-features-grid  {
		padding-top: 100px;
		padding-bottom: 100px;
	}     
	.intro-features-grid .blockwrapper  {
		padding: 100px 70px 116px 70px;
	}	
}

/* ==========================
   Intro with Slider
========================== */
.intro-with-slider h2 {
    margin-top: 0;
    margin-bottom: 24px !important;
}

.intro-with-slider .intro-with-slider__intro {
    margin-bottom: 30px;
}

.intro-with-slider .intro-with-slider__list {
    margin-top: 40px;
    margin-bottom: 30px; 
    max-width: 470px;     
}

.intro-with-slider.uk-light .uk-list-primary>::marker {
    color: var(--color-gold) !important;
    font-size: 1.19rem;
}

@media (min-width: 640px) {
    .intro-with-slider {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media (min-width: 960px) {
    .intro-with-slider {
        padding-top: 140px;
        padding-bottom: 140px;
    }
    .intro-with-slider .intro-with-slider__list {
        margin-top: 28px;
    }
}

@media (min-width: 1200px) {
    .intro-with-slider .right-col-wrapper {
        padding-left: 140px;
    }
}


/* ==========================
   Footer
========================== */

.site-footer a {
	transition: all 0.2s ease-in;
}
.site-footer a:hover, .site-footer .footer-column02-right a:hover {
	color: var(--color-gold);
}
.site-footer h4 {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	font-family: var(--font-main);
	margin-bottom: 26px;
}
.site-footer .footer-heading-01 {
	font-size: 0.71875rem;
	letter-spacing: 1.38px;
	margin-bottom: 14px;
	margin-top: 26px;
}
.site-footer .footer-newsletter h4 {
	font-size: 1.3125rem;
	line-height: 1.13;
	margin-bottom: 5px;
}
.site-footer .footer-newsletter p {
	color: rgba(255, 255, 255, 0.50);
	font-size: 0.8125rem;
	line-height: 1.6;
    margin-top: 0;
}
.site-footer .contact-info p {
	font-size: 1.1875rem;
	line-height: 1.3;
	margin: 0;
}
.site-footer .uk-button {
	font-weight: normal;
}
.site-footer.uk-light .uk-input {
	background-color: transparent;
	color: rgba(255, 255, 255, 1);
	border-color: rgba(255, 255, 255, 1);
	border-radius: 0;
	font-size: 0.875rem;
}
.site-footer hr {
	margin-top: 40px;
	margin-bottom: 40px;
}
.site-footer hr.lower {
	margin-bottom: 30px;
}
.site-footer .footer-column02-right, .site-footer .footer-column02-right a {
	color: rgba(255, 255, 255, 0.50);
	font-size: 0.6875rem;
	line-height: 1.92;
}
.site-footer .footer-menu ul {
	list-style: none;
	padding: 0;
	margin-left: -20px;
	display: flex;
	margin-bottom: 0;
}
.site-footer .footer-menu ul li {
	padding-left: 20px;
}

.site-footer h4.follow {
    margin-top: 14px; 
}

@media (min-width:640px) {
	.site-footer hr {
		margin-top: 44px;
		margin-bottom: 44px;
	}
}
@media (min-width:960px) {
	.site-footer {
		padding-top: 92px;
	}
	.site-footer .col-height {
		min-height: 216px;
	}
}

@media (max-width:960px) {
	.site-footer .footer-menu ul {
		justify-content: center;
	}
}

@media (min-width:640px) {
	.site-footer hr {
		margin-top: 44px;
		margin-bottom: 44px;
	}
}
@media (min-width:960px) {
	.site-footer {
		padding-top: 92px;
	}
	.site-footer .col-height {
		min-height: 216px;
	}
}

@media (max-width:960px) {
	.site-footer .footer-menu ul {
		justify-content: center;
	}
}


/* ==========================
   Animate JS: Base Rules
========================== */
.textanimate {
  opacity: 0;
  visibility: hidden;
}

.textanimate.letters-split,
.textanimate.ta-ready {
    opacity: 1;
    visibility: visible;
}
.animateInitState {
	visibility: hidden !important;
	opacity: 0;
}
.animateInitState.uk-scrollspy-inview {
	visibility: visible !important;
	opacity: 1;
}


/* ==========================
   Letter & Word Wrappers
========================== */
.textanimate .word {
  display: inline-block;
  white-space: normal;
  opacity: 1; 
}
.textanimate.wordup .letter {
  opacity: 1; 
}
.textanimate .letter {
  display: inline-block;
  opacity: 0; 
}
.textanimate .word .letter {
    
}

/* ==========================
   Block Animations
========================== */
.fadeup,
.fadedown {
  opacity: 0;
  transform: translateY(20px);
}

.fadedown {
  transform: translateY(-20px);
}

/* ==========================
   Word-Based Animation (NEW)
========================== */
.textanimate.wordup .word {
  opacity: 0; /* words fade up */
  transform: translateY(0.8em);
}


/* Fix for ml15: Ensure letters are visible so the word-level scale works */
.textanimate.ml15 {
  display: block;
  transform-origin: center center;
  /* Anti-aliasing fixes */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

/* Make sure it's crisp when finished */
.textanimate.ml15 .word {
  opacity: 0;
  display: inline-block;
}
.textanimate.ml15 .word,
.textanimate.ml15 .letter {
  opacity: 1 !important;
  visibility: visible !important;
}


/* ==========================
   Layout: Flush Right Container
========================== */
.s9d-align-left-flush-right {
    overflow: hidden;
}
@media (min-width: 960px) {
    .s9d-align-left-flush-right .s9d-align-inner {
        margin-right: calc((100vw - 100%) / 2 * -1);
    }
}


/* ==========================
   Menu
========================== */
#topmenubar { 
    position: relative; 
    background: rgba(5, 20, 36, 1);
}

/* menubar is an overlay panel, not part of layout */
#menubar{
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 9999;

  overflow: visible; /* critical so dropdown is not clipped */

  opacity: 0;
  transform: translateY(-12px);
  visibility: hidden;
  pointer-events: none;

  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
}

#menubar.menu-reveal{
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;

  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s;
}

/* make sure no inner wrapper clips the dropbar */
#menubar .uk-navbar-container,
#menubar .uk-container,
#menubar .luux-navbar,
#menubar .uk-navbar {
  overflow: visible;
}

/* optional, but helps if something else has higher stacking */
#menubar .uk-navbar-dropdown {
    z-index: 10000;
}


.uk-light .uk-navbar-nav>li>a {
  color: rgba(255, 255, 255, 1);  
}
.uk-light .uk-navbar-nav>li.uk-active>a {
    color: rgba(255, 255, 255, 1); 
    font-weight: 500;
}
.uk-light .uk-navbar-nav > li > a,
.uk-navbar-dropdown-nav > li > a,
.uk-nav-default > li > a,
.uk-nav-default .uk-nav-sub > li > a {
    position: relative;
}
.uk-light .uk-navbar-nav > li > a:before,
.uk-navbar-dropdown-nav > li > a:before,
.uk-nav-default > li > a:before,
.uk-nav-default .uk-nav-sub > li > a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 16px;
    width: 100%;
    height: 0.09375rem;
    background: #ffffff;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}
.uk-light .uk-navbar-nav > li > a:hover:before,
.uk-navbar-dropdown-nav > li > a:hover:before,
.uk-nav-default > li > a:hover:before,
.uk-nav-default .uk-nav-sub > li > a:hover:before {
    transform: scaleX(1);
}
.uk-light .uk-navbar-nav > li.uk-active > a:before,
.uk-navbar-dropdown-nav > li.uk-active > a:before,
.uk-nav-default > li.uk-active > a:before,
.uk-nav-default .uk-nav-sub > li.uk-active > a:before {
    background: #DBC29B;
    transform: scaleX(1);
}

.uk-navbar-dropdown-nav>li.uk-active>a {
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
}
.uk-light .uk-navbar-nav>li.uk-parent>a:before {
    display: none;
}
.uk-nav-default>li.uk-parent>a:before {
    display: none;
}

.uk-navbar-dropdown-nav > li > a {
    position: relative;
}
.uk-navbar-dropdown-nav > li > a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    height: 0.09375rem;
    background: #ffffff;
    transform: scaleX(0);
    transform-origin: left;
    opacity: 0;
    transition: transform 0.35s ease, opacity 0.2s ease;
}
.uk-navbar-dropdown-nav > li:hover > a:before {
    transform: scaleX(1);
    opacity: 1;
}
.uk-navbar-dropdown-nav > li.uk-active > a:before {
    background: #DBC29B;
    transform: scaleX(1);
    opacity: 1;
}

.uk-nav-default>li.uk-active>a:before, 
.uk-nav-default .uk-nav-sub>li.uk-active>a:before {
    font-weight: 500;   
    bottom: 6px;        
}
.uk-nav-default>li>a:before, .uk-nav-default .uk-nav-sub > li > a:before {
    bottom: 6px;    
}
.uk-nav-default>li>a, .uk-nav-default .uk-nav-sub a {
    display: inline-flex;
    padding: 10px 0;
}
.uk-light .uk-navbar-nav>li:hover>a, .uk-light .uk-nav-default .uk-nav-sub a:hover {
    color: rgba(255, 255, 255, 1);    
}

.luux-main-nav,
.luux-main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.luux-main-nav > li {
    position: relative;
}

.luux-menu li > a {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 1);
    text-transform: none;
    position: relative;
    transition: color 0.3s ease-in-out;
    font-weight: 400;
}

.uk-light .uk-nav-default>li>a, .uk-light .uk-nav-default>li>a:hover,
.uk-light .uk-nav-default .uk-nav-sub a {
    color: rgba(255, 255, 255, 1);
}

.luux-menu li:hover > a {
    color: rgba(255, 255, 255, 1);
}

.luux-menu li li > a {
    color: rgba(255, 255, 255, 1);
    padding: 0.625rem 1rem;
    position: relative; 
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    transition: color 0.3s ease-in-out; 
}

.luux-menu li li:hover > a {
    color: rgba(255, 255, 255, 1);
}

/* static chevron, default state */
.luux-menu .menu-item-has-children > a::after {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    background-image: url("../img/chevron-right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease-in-out;
    transform: translateY(3px) rotate(0deg);
    margin-left: 4px;
}
/* Rotate chevron on hover AND when JS adds .is-open */
.luux-menu .menu-item-has-children:hover > a:after,
.luux-menu .menu-item-has-children.is-open > a:after,
.luux-menu .uk-open > a:after {
    transform: translateY(3px) rotate(90deg);
}
#menubar .uk-dropnav-dropbar {
    position: relative;
    background: transparent;
}
.luux-navbar  {
    padding-top: var(--navbar-top-padding);
    padding-bottom: var(--navbar-bottom-padding);
}
#menubar .uk-navbar-dropdown-dropbar {
    padding-top: 0;
    padding-bottom: var(--navbar-dropdown-bottom-padding);
}


/* Hide mobile menu by default */
#mobilenav.luux-menu .menu-item-has-children > a::after {
    transform: translateY(1px) rotate(0deg);
}
#mobilenav.luux-menu .menu-item-has-children:hover > a:after,
#mobilenav.luux-menu .uk-open > a:after {
    transform: translateY(1px) rotate(90deg);
}
#mobilenav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: -1;
    visibility: hidden;
    pointer-events: none;
    transition: visibility 0s linear 0.4s;
}

#mobilenav.menu-reveal {
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}

#mobilenav .mobilemenu-wrapper {
    background: var(--navbar-background);
    backdrop-filter: blur(var(--navbar-backdrop-filter));
    -webkit-backdrop-filter: blur(var(--navbar-backdrop-filter));
    padding: 20px 15px 40px;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

#mobilenav.menu-reveal .mobilemenu-wrapper {
    transform: translateY(0);
    opacity: 1;
}

@media (min-width:640px) {
    #mobilenav .mobilemenu-wrapper {
        padding: 20px 30px 40px;
    }
}
@media (min-width: 1200px) {
    .luux-navbar .uk-navbar-nav {
        gap: 60px;
    }
}




/* ==========================
   Mobile: Horizontal → Vertical menu
========================== */
@media (max-width: 959px) {

  /* allow full-width stacking */
  #menubar .uk-navbar-left,
  #menubar .uk-navbar-nav {
    width: 100%;
  }

  /* stack top-level items vertically */
  #menubar .uk-navbar-nav {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  /* full-width clickable rows */
  #menubar .uk-navbar-nav > li > a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  /* make dropdown flow inline (accordion-style) on mobile */
  #menubar .uk-navbar-dropdown {
    position: static;
    width: 100%;
    max-width: none;
    margin: 0;
    box-shadow: none;
  }

  /* indent submenu items */
  #menubar .uk-navbar-dropdown-nav > li > a {
    padding-left: 18px;
  }
}


/* ===========================
   BITS
=========================== */
.remove-background {
    background: none !important;
}


/* ===========================
   STICKY HEADER CONTAINER
=========================== */
.accordion-sticky-group {
    position: relative;
}
/* Each accordion in the stack  */
.accordion-sticky-item {
    position: sticky;
    top: 0;
    z-index: 1;    
}
@media (max-width: 640px) {
    .accordion-sticky-item{
        position: relative !important;
        top: auto !important;
    }
}


/* ===========================
   SIMPLE LIST
=========================== */
.simple_list .simple-list__item a {
    transition: color 0.3s ease;
}
.simple_list .simple-list__item a:hover {
	color: var(--color-gold);   
} 
.simple_list.uk-light .simple-list__item a:hover {
    color: rgb(255 255 255 / 60%);
}
.simple_list .list {
    margin-top: 34px;
}
.simple_list .simple-list__item {
   font-size: 1.125rem; 
} 
@media (min-width:640px) {
    .simple_list .list {
        margin-top: 44px;
    }    
    .simple_list .simple-list__item {
       font-size: 1.5rem; 
    }     
}
@media (min-width:960px) {
    .simple_list .uk-grid-medium>.uk-grid-margin {
        margin-top: 30px;
    }    
}

/* ===========================
   TEAM
=========================== */
.team_block .team-card__body {
    margin-top: 23px;       
}
.team_block h3, .team_block .uk-h3 {
    font-family: var(--font-main);
    font-size: 1.4375rem;
}
.team_block .uk-h3 {
    font-weight: 500;
    margin-bottom: 23px;
}
.team_block .team-block-slider {
    margin-top: 38px;    
}

.team_block .swiper-wrapper {
   padding: 0;
   margin: 0;
}
.team_block .team-block-pagination {
    display: block;
    top: auto;
    bottom: auto;
    height: auto;	
}
.team_block .swiper-pagination-bullet {
	width: 4px;
	height: 4px;
	border-radius: 500px; 
	background: #000;
    transition: width 0.2s ease-out, opacity 0.2s ease-out, background 0.2s ease-out;
	opacity: 1;
}

.team_block .swiper-pagination-bullet-active {
	width: 40px;
	height: 4px; 
	border-radius: 6px;
	background: #000;
}

@media (min-width: 960px) {
	.team_block .swiper-pagination-bullet-active {
		width: 82px;
	}
    .team_block .team-block-slider {
        margin-top: 58px;    
    }    
}

@media (max-width:640px) {
    #team_block-2 {
        padding-top: 50px;    
    }    
}


/* ===========================
   JOBS
=========================== */
.vacancies-section .vacancies-right {
    padding: 40px;
}
.vacancies-section h2 {
    margin-bottom: 16px;
}
.vacancies-section .job-title {
    font-size: 1.125rem;
    margin-bottom: 14px;
}
.vacancies-section .job-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    padding-bottom: 30px;
    margin-top: 38px;
}
.vacancies-section .job-item:first-child {
    margin-top: 0;
}
.vacancies-section .job-meta-item .uk-icon {
    margin-right: 16px;
}
.vacancies-section .vacancies-right p {
    max-width: 474px;
}

.vacancies-section .divider-section {
    height: 100%;
}
.vacancies-section .vertical-line {
    width: 0.09375rem; 
    height: 100%;
    display: inline-block;
    vector-effect: non-scaling-stroke;
}

.jobmodal .job-meta-item {
    margin-right: 15px;
}
.job-item.is-closed .uk-label-warning {
    line-height: 1.6;
    font-size: 0.625rem;  
}


@media (min-width:1200px) {
    .vacancies-section {
        padding-top: 186px;
        padding-bottom: 159px;
    }     
    .vacancies-section .vacancies-left {
        padding: 150px 145px;
    } 
    .vacancies-section .vacancies-right {
        padding: 150px 120px;
        padding-left: 0;
    }
    .vacancies-section .job-title {
        font-size: 1.4375rem;
    }    
    .vacancies-section .job-meta-item {
        font-size: 1.125rem;
    }    
}

@media (max-width:1200px) {
    .vacancies-left-wrapper {
        min-height: 450px;
    }  
    .vacancies-section .vacancies-right p {
        max-width: 600px;
    }    
}

/* ==========================
   Mockup Showcase
========================== */

@media (min-width:640px) {
    .mockups-section.styleone {
        padding-bottom: 0;
    }
    .mockups-section.styleone .mockups-grid {
        z-index: 3;
        position: relative;     
    }
    .mockups-section.styletwo .mockups-grid  {
        z-index: 2;
        position: relative;
        margin-top: -255px;        
    } 
    .mockups-section .mockup-col--left .mockup-image {
       margin-top: 78px; 
    }
}
@media (min-width:1200px) {
    .mockups-section .uk-container {
        max-width: 1024px;
    }
}


/* ===========================
   ARCHIVE WORK PAGE
=========================== */
/* Loader overlay */
.ourwork-loader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(255,255,255,0.25);
}

.ourwork-loader[hidden] {
  display: none !important;
}

.ourwork-loader-inner {
  height: 100%;
}

.ourwork-is-loading #ourworkGrid {
  opacity: 0.35;
  pointer-events: none;
}

.filter-pill {
	background: transparent;
	color: #000;
	border: 1px solid rgba(217, 216, 213, 1);
	transition: background 0.2s ease, color 0.2s ease;
	margin-right: 9px;
}
.filter-pill:last-child {
	margin-right: 0;
}
.filter-pill.is-active {
	background: #000;
	color: #fff;
	border-color: #000;
}
.work-filters .filter-pill.is-active {
	background: #000;
	color: #fff;
	border-color: #000;
}
.filter-pill--all {
	margin-right: 15px;
}

.work-filters {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.work-filters > *+.uk-margin-small {
    margin-top: 24px!important;
}
.ourwork-client-logo {
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

@media (min-width:960px) {
	.post-type-archive-our-work .portfolio_showcase .portfolio-showcase-heading {
		margin-bottom: 86px;
	}
}
@media (min-width:1200px) {
	.filter-pill--all {
		min-width: 183px;
		margin-right: 20px;
	}
	.work-filters {
		margin-bottom: 60px !important;
	}
	.work-filters .uk-margin-small {
		margin-bottom: 18px;
	}
}
@media (max-width:960px) {
	.filter-pill {
		min-width: auto;
	}
}
@media (max-width:640px) {
	.filter-pill--all {
		margin-right: 9px;
		/* width: 100%;
        margin-bottom: 10px;*/
	}
}



/* ===========================
   ARCHIVE WORK SINGLE
=========================== */
.ourwork-hero-title {
    max-width: 1170px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.ourwork-hero, .ourwork-hero-media {
    min-height: 600px;
    height: calc(100vh - 54px);
}

.ourwork-hero-stats {
    padding-top: 70px;
}
.ourwork-hero-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(5, 20, 35, 0.98) 85%, #051424 100%);
    height: 67.46%; 
}
.ourwork-stat-rate {
    font-size: 2.5rem;
    margin: 0;
    line-height: 1.2;
}
.ourwork-stat-rate .ourwork-stat-suffix {
    margin-left: -15px;
}
.ourwork-hero .uk-grid-divider>:not(.uk-first-column)::before {
    border-left-color: rgba(219, 194, 155, 1);
}
.ourwork-hero-clientlogo {
    margin-bottom: 48px;
}
.ourwork-hero-clientlogo-img {
    transform: scale(0.9);
    transform-origin: center;    
    /* width: auto; */
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;    
}

.ourwork-hero-stats-mobile .uk-dotnav>.uk-active>*, .ourwork-hero-stats-mobile .uk-dotnav>*>* {
    background: var(--color-gold) !important;
}
.single-our-work .portfolio-showcase-heading .uk-h1 {
    font-size: 1.5rem;
    letter-spacing: 2.6px;
}

@media (min-width:640px) {
    .ourwork-hero {
        padding-bottom: 80px;
    }     
    .ourwork-hero-clientlogo-img {
        transform: scale(1);
    }    
    .ourwork-stat-rate {
        font-size: 3.125rem;
        letter-spacing: 5px;
    }
    .single-our-work .portfolio-showcase-heading .uk-h1 {
        font-size: 1.625rem;
    }    
}
@media (min-width:1200px) { 
    .ourwork-hero-stats {
        padding-top: 70px;
        padding-right: 120px;
        padding-left: 120px;
    }   
    .ourwork-hero .uk-grid-divider.uk-grid-large {
        margin-left: -190px;
    }    
    .ourwork-hero .uk-grid-divider.uk-grid-large>* {
        padding-left: 190px;
    } 
    .ourwork-hero .uk-grid-divider>:not(.uk-first-column)::before {
        left: 95px;
    }    
}


@media (max-width:640px) {
    .ourwork-hero, .ourwork-hero-media {
        height: auto;
    }    
    .ourwork-hero {
        align-items: flex-start;
    } 
    .ourwork-hero-overlay {
        height: 100%; 
    }    
    .ourwork-hero-clientlogo {
        margin-bottom: 70px;
    }  
    .ourwork-hero-title {
        font-size: 1.75rem;
        letter-spacing: 2.8px;
    }    
    .ourwork-hero-stats {
        padding-top: 40px;
    } 
    .ourwork-stat-rate {
        font-size: 3.125rem;
        letter-spacing: 5px;
        line-height: 1.5;
    }  
    .ourwork-stat .measure {
        font-weight: 700;
        line-height: 1.5;
    }    
}
.mfp-container, .media-box, .media-boxes-load-more-button, .media-boxes-filter, .media-boxes-drop-down-menu > li > a, .media-boxes-drop-down-header, .media-boxes-search {
    font-family: var(--font-main); 
}


/* ===========================
  GRID GENERAL SINGLE
=========================== */
.item-overlay {
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}
.media-boxes-load-more-button,
.media-boxes-no-more-entries {
  display: none !important;
}
/* Disable Media Boxes internal loader/spinner */
.media-boxes-loader,
.media-boxes-loading,
.media-boxes-load-more-button,
.media-boxes-no-more-entries {
  display: none !important;
}
.media-box-content {
    padding: 0;
    background: transparent;
    color: #000;
}
.media-box-container {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* ===========================
   NEWS INDEX
=========================== */
/* Loader overlay */
.news-loader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(255,255,255,0.25);
}

.news-loader[hidden] {
  display: none !important;
}

.news-loader-inner {
  height: 100%;
}

.news-is-loading #newsGrid {
  opacity: 0.35;
  pointer-events: none;
}

.news-meta {
    margin-top: 24px;
}

.news-filters {
    max-width: 900px;
    margin: 0 auto;
}
.news-filter {
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.news-filter.is-active, .news-filter.is-active:focus {
	background: #000;
	color: #fff !important;
	border-color: #000;
}
.news-filter:hover {
	color: #000;
}

.news-filter.is-active.hvr-sweep-to-right:before {
    display: none;
}
.news-mb-grid .media-box-image .media-box-thumbnail-container img {
  transition: transform 0.5s ease;
  transform: scale(1);
}

.news-mb-grid .media-box:hover .media-box-image .media-box-thumbnail-container img {
  transform: scale(1.02);
}

@media (min-width:960px) {
    .news-index.uk-section-large {
        padding-top: 120px;
        padding-bottom: 120px;
    }    
    .news-title {
        max-width: 360px;
        margin: 0 auto;
    } 
}
@media (min-width:1200px) {
    .news-overlay-inner.uk-position-large {
        margin: 45px;
        --uk-position-margin-offset: 45px;
    }
}


@media (max-width:640px) {
    .news-title {
       font-size: 1.25rem;
    }
    .news-overlay-inner.uk-position-large {
        margin: 30px 20px;
        --uk-position-margin-offset: 20px;
    }    
    .news-mb-grid .media-box .media-box-image {
        height: 320px !important;
    }

    .news-mb-grid .media-box .media-box-thumbnail-container {
        height: 100% !important;
        width: 100% !important;
    }

    .news-mb-grid .media-box .media-box-thumbnail-container img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    
    .news-filters>* {
        padding-left: 5px;
    }
    .news-filters {
        margin-left: -5px;
    }
    .news-filter {
        padding: 0 15px;
        min-width: 100px;
    }    
    
}


/* ===========================
   NEWS SINGLE
=========================== */

.single-hero { position: relative; }
.single-hero-media{
    height: 929px;
    max-height: 929px;
    min-height: 560px;  
}

@media (max-width: 1200px){
  .single-hero-media{
    height: clamp(520px, 78vh, 929px);
    max-height: none;
  }
}

.single-hero-overlay{
    pointer-events: none;
    height: 71.91%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    
}
.single-hero-content{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;   /* matches the design feel */
    z-index: 3;
}

@media (max-width: 640px){
    .single-hero-content{ bottom: 40px; }
}

.single-hero-inner{
    max-width: 700px;
    margin: 0 auto;
}
.single-hero-title{
    font-family: var(--font-main);
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: normal;
}

.single-hero-date{
    color: rgba(255,255,255,0.8);
    font-size: 11px;
    letter-spacing: 0.14em;
}

/* Author block */
.single-hero-author{ color: #fff; }

.single-hero-avatar img{
    border-radius: 999px;
    width: 56px;
    height: 56px;
}

.single-hero-by{
    font-size: 12px;
    font-weight: 600;
}

.single-hero-role{
    font-size: 12px;
}

.single-hero.uk-light .uk-button-default {
    border-color: #fff;
}
.single-hero.uk-light .uk-button-default:hover {
    border-color: transparent;
}


@media (min-width:960px) {
    .single-hero-title{
        font-size: 2.125rem;
    }
}
@media (min-width:1200px) {
    .single-hero .single-hero-top {
        margin-top: 40px;
    }
}


/* ===========================
  DEFAULT PAGE 
=========================== */
.defaultpage .uk-container {
   max-width: 700px; 
}


/* ===========================
  POST BLOCKS 
=========================== */
.spacer-block {
    width: 100%;
    height: var(--spacer-mobile, 0px);
    pointer-events: none;
    box-sizing: border-box;  
}
@media (min-width: 640px) and (max-width: 1199px) {
  .spacer-block {
    height: var(--spacer-tablet, var(--spacer-mobile, 0px));
  }
}

@media (min-width: 1200px) {
  .spacer-block {
    height: var(--spacer-desktop, var(--spacer-tablet, var(--spacer-mobile, 0px)));
  }
}

.post-lead-content > * {
    font-size: 1.375rem;
    line-height: 1.45;    
}
.post-lead-content p:last-child {
    margin-bottom: 0;    
}

.wysiwyg-content h2, .wysiwyg-content h3  {
    font-family: var(--font-main);
    letter-spacing: normal;  
    line-height: 1.45;  
    font-size: 1.375rem; 
    text-transform: none;  
    margin-top: 0;
}
.wysiwyg-content h2  {
    font-weight: 700;
    margin-bottom: 5px;
}


.post-blocks-wrap .uk-container {
   max-width: 700px; 
}
.post-blocks-wrap .post-image-block .uk-container {
   max-width: 1180px; 
}

.post-blocks-wrap blockquote {
    border-left: 1px solid rgba(219, 194, 155, 1);
    padding-left: 20px;
}
.post-blocks-wrap blockquote >* {
    font-style: normal;
    color: #000;
}
.post-blocks-wrap blockquote p {
    margin: 0 0 20px 0;
    font-size: 1.125rem;
    line-height: 1.4;
    color: #000;
}
.post-blocks-wrap blockquote footer {
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
}
.post-blocks-wrap blockquote footer::before {
    display: none;
}
@media (min-width:960px) {
    .post-blocks-wrap blockquote p {
        font-size: 1.875rem;
    }
     .post-blocks-wrap blockquote footer {
        font-size: 1.0625rem;
    }   
}


.related-posts-section .overlay-primary {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    height: 60%;
}
.related-overlay-title {
    font-family: var(--font-main);
    letter-spacing: normal;
    max-width: 350px;
    margin: 0 auto !important;
}
.related-overlay-date{
    margin-top: 20px;      
}
.related-posts-title {
    margin-bottom: 40px;
}
.related-posts-section .uk-slider-nav {
    margin-top: 40px;
}
.related-cover img {
  transform: scale(1);
  transition: transform 0.6s ease;
}
.related-card:hover .related-cover img {
  transform: scale(1.03);
}
  
@media (min-width:960px) {
    .related-posts-section {
        padding-bottom: 100px;
    }
    .related-posts-title {
        margin-bottom: 60px;
    }
    .related-overlay {
        margin-bottom: 44px;
    } 
    .related-posts-section .uk-dotnav>.uk-active>* {
        width: 40px;
    }     
    .related-posts-section .uk-slider-nav {
        margin-top: 58px;
    }    
}


/* ==========================
   Post Testimonials Section
========================== */

.post-testimonials .uk-container {
  max-width: 980px;
}

/* Core typography */
.post-testimonials .testimonial-text {
  font-size: 1.5rem;
  font-style: normal;
}

.post-testimonials .testimonial-text * {
    font-size: 1.5rem;
    color: #FFF;
}

/* Multiple slider specific */
.post-testimonials .testimonial-text {
    padding-right: 0;
    margin-bottom: 36px;
}

.post-testimonials .uk-dotnav > .uk-active > * {
    width: 32px;
}

.post-testimonials .testimonial-designation {
    font-size: 0.875rem;
}

.post-testimonials .testimonial-name {
    margin-bottom: 24px;
}

.post-testimonials .uk-slider-nav {
    margin-top: 40px;
}

.post-testimonials .testimonial-slide {
    max-width: 655px;
}


@media (min-width: 640px) {
  .post-testimonials .testimonial-text * {
    font-size: 1.5rem;
  }
}

@media (min-width: 960px) {
  .post-testimonials {
    padding-top: 146px;
    padding-bottom: 94px;
  }

  .post-testimonials .uk-slider-nav {
    margin-top: 60px;
  }
}



/* ==========================
   Approach Custom Sections
========================== */
.approachsticky.features_grid h2 {
    margin-bottom: 28px;
}
.approachsticky.features_grid .lists-wrapper {
    margin-top: 96px;
}
.approachsticky.features_grid .subheading {
    margin-bottom: 27px;
}
.uk-sticky-fixed .approachsticky.features_grid  {
    padding-top: 0;
    padding-bottom: 0;	
}
.uk-sticky-fixed .approachsticky.features_grid .lists-wrapper {
    margin-top: 0;
}
.features-sticky-wrap.is-sticky .feature-item  {
    opacity: 0.5;  
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    /* transform: scale(0.8); */   
}
.features-sticky-wrap.is-sticky .feature-item.uk-active, .features-sticky-wrap.is-sticky .feature-item:hover   {
    opacity: 1;
}
.features-sticky-wrap.is-sticky .feature-item .feature-title {
    margin: 0;
    margin-bottom: 30px;
}

.features-sticky-wrap.is-sticky .feature-media {
    display: none;
}
.features-sticky-wrap.is-sticky .feature-item.uk-active .feature-body {
    position: relative;
}
.features-sticky-wrap.is-sticky .feature-item .feature-body:after {
    content: "";
    background: var(--color-gold);
    height: 0.3125rem;
    position: absolute;
    bottom: 0;
    margin-bottom: -30px;
    left: 0;
    width: 100%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-out;
}
.features-sticky-wrap.is-sticky .feature-item.uk-active .feature-body:after {
    transform: scaleX(1);
}
.features-sticky-wrap.is-sticky {
    top: 65px !important;
    /* z-index: 1100; */
}


.features-sticky-wrap.is-sticky .uk-slider-items {
    margin-left: 0;
    margin-top: 30px;
}
.features-sticky-wrap.is-sticky .features_grid .uk-grid-medium>* {
    padding-left: 0;
}

@media (min-width: 960px) {
    .approachsticky.features_grid {
        padding-top: 136px;
        padding-bottom: 176px;
    }
    .features-sticky-wrap.is-sticky .feature-item .feature-body:after {
        height: 0.5625rem;
    }    
}


/* ==========================
   Tab Block Custom 
========================== */
.tabs-block__nav-sticky.uk-sticky {
   z-index: 0; 
}
@media (min-width: 1200px) {
    .tabs-block__nav-sticky.uk-sticky-fixed {
        z-index: 1000;
        background: #fff;
    } 
}

/* ==========================
  Contact Form 
========================== */
.contact_block a,.contact_block a:hover {
    color: #000;
}
.contact_block .uk-container {
    max-width: 1140px;
}

.contact_block .uk-h1 {
   margin-bottom: 13px;
}

.contact_block .intro {
    margin-bottom: 40px;
}
.contact_block .address {
    font-size: 1.125rem;
    line-height: 1.44;
    margin-bottom: 12px;
}

.contact_block .maplink {
    font-size: 0.875rem;
}

.contact_block .contactinfo {
    margin-top: 40px;    
}
.contact_block .socialmedia {
    margin-top: 18px;    
}

@media (min-width: 640px) {
    .contact_block .intro {
        margin-bottom: 56px;
    }  
}

@media (min-width: 960px) {
    .contact_block {
        padding-top: 140px;
        padding-bottom: 140px;
    } 
     .contact_block .intro {
        margin-bottom: 76px;
    } 
    .contact_block .contactinfo {
        margin-top: 60px;    
    }    
}


/* ==========================
  Report Form 
========================== */
.uk-modal-container .uk-modal-dialog {
    width: var(--container-width);
    padding: 0;
}
.uk-modal {
    background: rgba(255, 255, 255, 0.5);
}

.popupform .uk-close svg {
    width: 16px;
}
.ua-report-form .formtitle {
    max-width: 577px;
    margin-bottom: 44px;
}

#reportform .uk-modal-body {
    padding-top: 70px;
    background: transparent;
}

@media (min-width: 960px) {
    .ua-report-form  {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .ua-report-form .uk-container {
        padding-left: 70px;
        padding-right: 70px;
    }    
}
@media (min-width: 1200px) {
    .ua-report-form .uk-grid-large {
        margin-left: -76px;
    }    
    .ua-report-form .uk-grid-large>* {
        padding-left: 76px;
    } 
}

/* ==========================
 Modal
========================== */
.md-content {
    color: inherit;
    background: rgba(245, 245, 245, 1);
    border-radius: 0;
}
.md-modal {
    max-width: none;
    width: 100%;
    z-index: 960;
}
.md-overlay {
    background: rgba(245, 245, 245, 1);
    z-index: 900;
}
.md-content button {
    display: block;
    margin: 0;
    font-size: inherit;
    color: #000 !important;
    padding: 20px 0;
}
.uk-light .uk-close {
    color: #FFF !important;
}

html.md-modal-open [data-animate] {
    animation: none;
}
html.md-modal-open body > * {
  visibility: hidden;
}

html.md-modal-open .md-modal.md-show,
html.md-modal-open .md-overlay,
html.md-modal-open header {
  visibility: visible;
}
html.md-modal-open #topmenubar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;

  transform: none !important;
  animation: none !important;
  transition: none !important;
  margin-top: 0 !important;

  z-index: 99999 !important;
}

html.md-modal-open #topmenubar * {
  animation: none !important;
  transition: none !important;
}

.uk-modal-page .site-header {
    z-index: 1200;
}




/* ==========================
  Post CTA Form 
========================== */
.post-cta-block h3, .post-cta-block * {
    font-weight: 200;
}
.post-cta-block .post-cta-inner {
    padding: 30px 35px 25px 35px;
}
.post-cta-bg-image .post-cta-inner {
    background-image: url("../img/post-ctabg-SM.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.post-cta-block .forminator-ui {
    margin-bottom: 0 !important;
}

.post-cta-bg-image .forminator-ui#forminator-module-1394.forminator-design--default .forminator-button-submit {
    background-color: #FFFFFF;
    color: #000000;
}

@media (min-width: 640px) {
    .post-cta-block .post-cta-inner {
        padding: 50px 55px 45px 55px;
    }
}
@media (min-width: 960px) {
    .post-cta-bg-image .post-cta-inner {
        background-image: url("../img/post-ctabg-LG.jpg");
    }
}



/* ==========================
  Mockup Showcase V2
========================== */
.mockups-section--v2 {
    background: #ffffff;
}
.mockups-section--v2 .mockup-media--video-v2 {
    position: relative;
    display: block;
}

.mockups-section--v2 .mockup-frame--v2 {
    position: relative;
    z-index: 2;
}

.mockups-section--v2 .mockup-frame-img--v2 {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.mockups-section--v2 .mockup-screen--v2 {
    position: absolute;
    z-index: 1;
    top: var(--screen-top, 10%);
    right: var(--screen-right, 10%);
    bottom: var(--screen-bottom, 10%);
    left: var(--screen-left, 10%);
    overflow: hidden;
    border-radius: var(--screen-radius, 0px);
}

.mockups-section--v2 .mockup-video--v2 {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.mockups-section--v2 .mockups-grid--v2 {
    margin-left: -42px;
}
.mockups-section--v2 .mockups-grid--v2>* {
    padding-left: 42px;
}

@media (min-width:640px) {
    .mockups-section--v2 .mockups-grid--v2  {
        z-index: 2;
        position: relative;
        margin-top: -288px;        
    }    
}
@media (min-width:960px) {
    .mockups-section--v2  {
        padding-bottom: 140px;      
    }    
}
@media (min-width:1200px) {
    .mockups-section--v2 .uk-container {
        max-width: 1270px;
    }
    .mockups-section--v2 .mockups-grid--v2 {
        margin-left: -84px;
    }
    .mockups-section--v2 .mockups-grid--v2>* {
        padding-left: 84px;
    } 
}

@media (max-width:640px) {
    .mockups-section--v2 .mockup-image--v2  {
        max-width: 280px;
        margin: 0 auto;  
        padding: 0 40px;
    }    
}


/* ==========================
  FIXES
========================== */
img.ourwork-client-logo,
img.ourwork-hero-clientlogo-img{
    aspect-ratio: auto !important;
    object-fit: contain !important;
    height: auto;
    max-width: 100%;
    display: inline-block;
}
img.ourwork-client-logo:not([width]),
img.ourwork-hero-clientlogo-img:not([width]){
    width: 100%;
}
.lightnav .uk-slidenav {
    color: #fff !important;
}
.view-both .carousel-section .media-container .uk-slidenav-previous {
    padding-left: 0;
}
.view-both .carousel-section .media-container .uk-slidenav-next {
    padding-right: 0;
}

.white-inner {
    padding: 0;
}

.white-inner .inner-container {
    padding: 70px 20px 30px 20px;
    background: #fff;
    margin-top: 60px;
    margin-bottom: 60px;
}

#reportform .forminator-field-consent a {
    text-decoration: underline;
} 
@media (max-width: 640px){
    #reportform .uk-modal-body .ua-report-form {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    #reportform .uk-modal-body .uk-container {
        padding-left: 30px;
        padding-right: 30px;        
    }
    #reportform .uk-close {
        margin: 0px;
    }   
    #reportform .forminator-field-consent {
        margin-top: 25px;
    } 
    .ua-report-form .formtitle {
        margin-bottom: 24px;
    }    
}


/* ------------------------------------------------------------
   Global variable based padding overrides for any uk-section
   Only runs when the element has the opt in class below.
------------------------------------------------------------ */

@media (min-width: 640px) {
  .uk-section.s9d-padvars[style*="--pt-desktop"], section.s9d-padvars[style*="--pt-desktop"] {
    padding-top: calc(var(--pt-desktop) - 30px);
  }

  .uk-section.s9d-padvars[style*="--pb-desktop"], section.s9d-padvars[style*="--pb-desktop"] {
    padding-bottom: calc(var(--pb-desktop) - 30px);
  }
}

@media (min-width: 960px){
  .uk-section.s9d-padvars[style*="--pt-desktop"], section.s9d-padvars[style*="--pt-desktop"]{
    padding-top: var(--pt-desktop);
  }
  .uk-section.s9d-padvars[style*="--pb-desktop"], section.s9d-padvars[style*="--pb-desktop"]{
    padding-bottom: var(--pb-desktop);
  }
}

@media (max-width: 640px){
  .uk-section.s9d-padvars[style*="--pt-mobile"], section.s9d-padvars[style*="--pt-mobile"]{
    padding-top: var(--pt-mobile);
  }
  .uk-section.s9d-padvars[style*="--pb-mobile"], section.s9d-padvars[style*="--pb-mobile"]{
    padding-bottom: var(--pb-mobile);
  }
}


/* ==========================
   Logo Showcase Update
========================== */
.logos_showcase .swiper {
	visibility: hidden;
	overflow: hidden;
	width: 100%;
}

.logos_showcase .swiper.swiper-initialized {
	visibility: visible;
}

.logos_showcase .swiper-wrapper {
	transition-timing-function: ease-in-out !important;
	align-items: center;
}

.logos_showcase .swiper-slide {
	width: auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logos_showcase .swiper-slide img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}


/* ==========================
   Insights Block
========================== */
.insights-block__inner {
    border-radius: 11px;
    background: #E0E0E0; 
    padding: 35px 34px;
}

.insights-block__heading {
    font-family: var(--font-main);
    letter-spacing: normal;
    line-height: 1.45;
    font-size: 1.375rem;
    text-transform: none;
    margin-top: 0;
}
.insights-block__inner ul {
    margin-bottom: 0;
}
.insights-block__inner ul li:first-child {
    margin-top: 0;
}
.insights-block__inner ul li {
    margin-top: 10px;
}
.insights-block__inner .subheading {
    margin-bottom: 12px;
}
.insights-block__inner .insights-block__heading {
    margin-bottom: 14px;
}
@media (max-width: 640px){
    .insights-block__inner {
        padding: 25px 24px;
    }
}