/*
Theme Name: Next Gen HR
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root{
	--grey:#222222;
	--grey-light:#aaa;
	--grey-lightest:#f5f5f5;
	--blue:#3d1ced;
	--blue-light:#bbccff;
	--blue-lightest:#e7f0ff;
	--pink:#d01aac;
	--orange:#ff5500;
	--side-padding:30px;
	--module-padding:clamp(30px,10vw,90px);
	--font-xsmall:0.9rem;
	--font-small:clamp(1rem, 2vw, 1.125rem);
	--font-mid:clamp(1rem, 2vw, 1.25rem);
	--font-large:clamp(1.4rem, 2vw, 1.9rem);
	--font-xlarge:clamp(1.5rem, 2vw,2.4rem);
	--plyr-color-main:var(--pink);
}




/* ===== GENERAL ===== */

html, body { width:100%;margin:0;padding:0;overflow-x:hidden; font-family: "Manrope", sans-serif;font-size:var(--font-small); }

img { display:block; }

.m-grid { margin:0; }
.m-grid-gap-60 { grid-gap:60px; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }

.container { width:100%;max-width:calc(1525px + 60px);padding:0 var(--side-padding);margin:0 auto; }
.container-mid { max-width:1200px;margin:0 auto; }
.container-small { max-width:1000px;margin:0 auto;}
.container.blog-post { max-width:900px; }

.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }

.aligncenter { text-align:center; }

a { color:var(--blue); }
a:hover { color:var(--pink); }
a.button { text-wrap:pretty;font-weight:700;background:var(--orange);padding:10px 20px;color:#fff;text-decoration:none;display:inline-block;width:auto; }
a.button.chat { font-size:0.9rem; }
a.button.chat::after { vertical-align:middle;margin-left:10px;content:"";display:inline-block;width:15px;height:15px;background:url("/wp-content/themes/nextgen/img/chat.svg") no-repeat center;background-size:contain; }
a.button:hover { background:var(--blue); }
a.button.outline { background:transparent;border:1px solid var(--grey-light); }
a.button.outline:hover { background:#fff;color:var(--grey); }
a.button.arrow-up::before { content:"";display:inline-block;width:15px;height:15px;vertical-align:middle;background:url("/wp-content/themes/nextgen/img/arrow-up-white.svg") no-repeat;background-size:contain; }
a.button.arrow-up:hover::before { background:url("/wp-content/themes/nextgen/img/arrow-up.svg") no-repeat;background-size:contain; }
a.button.arrow::after { position:relative;top:-1px;content:"";display:inline-block;width:15px;height:14px;background:url("/wp-content/themes/nextgen/img/arrow-right.svg") no-repeat center;background-size:contain;vertical-align:middle;margin-left:5px; }
a.button.large { padding:20px 30px;text-transform:uppercase; }
a.button.grey { background:var(--grey); }
a.button.grey:hover { background:var(--blue); }

.bg-white a.button.outline { color:var(--grey);border-color:var(--grey); }
.bg-white a.button.outline:hover { color:#fff;border-color:var(--grey);background:var(--grey); }


.vert-outer { display:inline-flex;align-items:center;height:100%; }

.bg-blue { background:var(--blue); }
.bg-blue-light { background:var(--blue-light); }
.bg-blue-lightest { background:var(--blue-lightest); }
.bg-pink { background:var(--pink) }
.bg-orange { background:var(--orange); }
.bg-grey { background:var(--grey); }
.bg-grey-light { background:var(--grey-light); }
.bg-grey-lightest { background:var(--grey-lightest); }
.bg-blue,.bg-orange,.bg-pink, .bg-grey { color:#fff; }

.text-blue { color:var(--blue); }
.text-pink { color:var(--pink); }
.text-orange { color:var(--orange); }

h1,h2,h3,h4,h5,h6 { text-wrap:balance; }
h1 { font-size: var(--font-xlarge);font-weight: 500;line-height: 134.578%; }
h2 { font-size: var(--font-xlarge);font-weight: 500;line-height: 134.578%; }
h3 { font-size: var(--font-xlarge);font-weight: 500;line-height:normal; }
h4 { font-size: var(--font-large);font-weight:500;line-height:normal; }

:is(h1,h2,h3,h4,h5,h6) span { color:var(--blue); }

p { font-size:var(--font-small);font-weight:500;text-wrap:pretty; }


hr { border-color:var(--orange); }

/* ===== NAV MENU ===== */
nav * { vertical-align:middle;}
.nav-top { background:#000;color:#fff;padding:15px 0;text-align:right; }
.nav-top span { margin-left:30px;display:inline-block;font-size:var(--font-xsmall); }
.nav-top a { color:#fff;text-decoration:none; }
.nav-top a:hover { color:var(--pink); }
nav { padding:30px 0px;background:#fff; }
a.logo { display:inline-block; }
a.logo img { width:200px;height:auto; }
#navmenu { display:inline-block;width:calc(100% - 350px); }
nav .nav-chat { display:inline-block;width:150px;text-align:right;z-index:999; }
#navmenu a { position:relative;padding:10px 15px;text-decoration:none;color:#000;font-size:var(--font-small);font-weight:700;display:inline-block;width:100%; }
#navmenu li.current_page_item  > a::before, #navmenu li:hover > a::before { width:100%;height:2px;background:var(--grey);content:"";display:inline-block;position:absolute;bottom:0;left:50%;transform:translateX(-50%); }
#navmenu .menu { list-style: none;padding:0;margin:0;display:flex;justify-content:space-around;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:inline-block;text-align:center;position:relative; }
#navmenu .menu li.menu-item-has-children > a::after { display:inline-block;content:"";margin-left:10px;width:15px;height:10px;background:url("/wp-content/themes/nextgen/img/arrow-down.svg") no-repeat center;background-size:contain; }
#navmenu .sub-menu { box-shadow:4px 4px 4px rgba(0,0,0,0.2);background:#fff;display:none;position:absolute;width:100%;min-width:250px;top:100%;left:50%;transform:translateX(-50%);list-style: none;padding:15px 0px 15px;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .sub-menu li:hover > a { background:var(--grey);color:#fff; }
#navmenu .sub-menu li > a::before { display:none !important; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }

.mobile-toggle { width:30px;height:30px;display:none;position:absolute;top:15px;right:var(--side-padding);  }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#000; }
.mobile-toggle.active .toggle-bar { background:#666; }


footer { background:var(--grey);padding:60px 0; }
.footer-top { text-align:center;border-bottom:1px solid var(--grey-light);padding-bottom:60px; }
.footer-top span { color:#fff;font-weight:700;font-size:clamp(1.2rem,3vw,1.6rem);line-height:140%;display:block;margin:0 auto 45px; }
.footer-menu ul { list-style: none;padding:0;margin:0; }
.footer-menu ul li { line-height:200%; }
.footer-menu ul li a { color:var(--grey-light);text-decoration:none; }
.footer-menu ul li a:hover { color:#fff }
.footer-bottom { padding:60px 0 0; }
.footer-legal { border-top:1px solid var(--grey-light);margin-top:45px;padding-top:30px;  }
.footer-legal span { color:var(--grey-light); }
footer span { color:#fff;display:block;margin-bottom:30px; }
footer .logo img { width:160px; }

.socials { margin:0 0 0 -15px;display:inline-block;padding:30px 0; }
.socials a { width:45px;height:45px;display:inline-block;margin:0 15px; }
.socials a.facebook { background:url("/wp-content/themes/nextgen/img/social-fb.svg") no-repeat center;background-size:contain; }
.socials a.facebook.grey { background:url("/wp-content/themes/nextgen/img/social-fb-black.svg") no-repeat center;background-size:contain; }
.socials a.linkedin { background:url("/wp-content/themes/nextgen/img/socials-li.svg") no-repeat center;background-size:contain; }
.socials a.linkedin.grey { background:url("/wp-content/themes/nextgen/img/socials-li-black.svg") no-repeat center;background-size:contain; }
.socials a.twitter { background:url("/wp-content/themes/nextgen/img/socials-x.svg") no-repeat center;background-size:contain; }
.socials a.twitter.grey { background:url("/wp-content/themes/nextgen/img/socials-x-black.svg") no-repeat center;background-size:contain; }
.socials a:hover { opacity:0.5; }



.home-banner { position:relative; }
.home-banner h1 { font-size:clamp(2rem,5vw,4rem); }
.home-banner img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; }
.home-banner-text { width:100%;max-width:480px;padding:60px 0;color:#fff;position:relative;z-index:2;align-self:center; }
.home-banner .container::before { opacity:0.7;width:100%;height:100%;content:"";display:inline-block;position:absolute;top:0;right:100%;background:#000; }
.home-banner .container::after { opacity:0.7;width:50%;min-width:480px;height:100%;content:"";display:inline-block;position:absolute;top:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,1) 30%, transparent 100%); }
.home-banner-text-holder { min-height:500px;display:flex;align-content:center; }

.home-banner .squares { width:50%;height:100%;top:0;right:0;position:absolute;z-index:2; }
.square { max-height:70px;width:auto;height:12.5%;aspect-ratio:1/1;display:inline-block;background:var(--blue);position:absolute;top:0;right:0; }
.home-banner .square.s1 { transform:translate(-300%, 0%);background:var(--blue-light); }
.home-banner .square.s2 { transform:translate(-400%, 0%); }
.home-banner .square.s3 { transform:translate(-500%, 100%);background:var(--grey); }
.home-banner .square.s4 { transform:translate(-200%, 600%);background:var(--orange) }
.home-banner .square.s5 { transform:translate(-500%, 600%);background:var(--orange); }
.home-banner .square.s6 { transform:translate(-600%, 700%);background:var(--pink); }
.home-banner .square.s7 { transform:translate(-300%, 700%); }
.home-banner .square.s8 { transform:translate(-100%, 700%);background:#fff; }

.home-mid-image img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; }
.home-mid-overlay { color:#fff;background:radial-gradient(transparent, rgba(0,0,0,0.5));background: radial-gradient(circle, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.5) 90%);display:flex;min-height:500px;align-items:center;padding:120px var(--side-padding); }
.home-mid-overlay::before { opacity:0.5;background:#000;display:inline-block;position:absolute;content:"";top:0;left:100%;width:100%;height:100%; }
.home-mid-overlay::after { opacity:0.5;background:#000;display:inline-block;position:absolute;content:"";top:0;right:100%;width:100%;height:100%; }
.home-mid-overlay a.button { color:var(--grey); }
.home-mid-overlay a.button:hover { background:var(--grey);color:#fff; }
.white-text-box { background:#fff;padding:clamp(15px,6vw,45px) clamp(20px,6vw,60px);color:#000;position:relative;z-index:4; }
.home-mid-overlay > div { position:relative;z-index:2; }


.home-mid-content { position:relative;z-index:4; }
.home-mid-image .squares { width:100%;max-width:1750px;height:100%;top:0;left:50%;transform:translateX(-50%);position:absolute;z-index:2; }
/*.home-mid-image .square { max-height:70px;width:auto;height:12.5%;aspect-ratio:1/1;display:inline-block;background:var(--blue);position:absolute;top:0;left:0; }*/
.home-mid-image .square.s1 { transform:translate(-100%, 0%);left:auto;right:0;background:var(--pink); }
.home-mid-image .square.s2 { transform:translate(0%, 0%);background:var(--orange);left:auto;right:0;}
.home-mid-image .square.s3 { transform:translate(0%, 0%);background:var(--blue-light);top:auto;bottom:0; }
.home-mid-image .square.s4 { transform:translate(100%, -100%);background:var(--blue);top:auto;bottom:0;  }
.home-mid-image .square.s5 { transform:translate(200%, 0%);background:var(--orange);top:auto;bottom:0; }
.home-mid-image .square.s6 { transform:translate(0%, 0%);background:var(--orange);top:auto;left:auto;bottom:0;right:0; }

.testimonials-header .slider-control { display:flex;height:100%;justify-content:right;align-items:flex-end; }
.testimonial-slider { width:120%;margin-left:-15px; }
.testimonial-slider.no-extend { width:100%; }
.testimonial-slider .slick-list { overflow:visible; }
.testimonial-slider .slick-track { display: flex !important; }
.testimonial-slider .slick-slide { height: inherit !important;padding:15px; }
.testimonial-slider .slick-slide > div, .testimonial-slide { height:100%; }
.testimonial-slide { padding:30px;display:flex !important;flex-wrap:wrap;row-gap:30px; }
.testimonial-slide > div { width:100%;align-self:flex-end;display:flex;gap:30px;justify-content:space-between; }
.testimonial-slide > div img { max-width:100%; }
.slider-dots { position:relative; }
.slider-dots .slick-dots { position:static;margin:0;display:flex;justify-content:space-evenly; }
.slider-dots .slick-dots li { background:#CDCDCD;margin:0;width:100%;height:8px; }
.slider-dots .slick-dots li.slick-active { background:var(--grey); }
.slider-dots .slick-dots li:hover { background:var(--orange); }
.slider-dots .slick-dots li button { display:none; }

.hr-flow { display:flex;flex-wrap:nowrap;justify-content:space-evenly;margin-top:60px;gap:15px;position:relative; }
.hr-flow:before { opacity:0.3;position:absolute;width:80%;height:2px;background:var(--grey);content:"";display:block;top:43px;left:10%; }
.flow-icon { width:80px;height:80px;padding:10px;margin:0 auto 10px; }
.flow-icon svg { width:100%;height:100%;object-fit:contain; }
.flow-icon.icon-white svg path { stroke:#fff;fill:transparent; }
.flow-icon.icon-grey svg path { stroke:var(--grey);fill:transparent; }
.flow-holder { text-align:center;color:var(--grey);position:relative; }
.flow-text { font-size:0.8rem;width:120px;display:inline-block; }




/* ===== MODULES ===== */
.module { display:block;padding:var(--module-padding) 0px; }
.module.no-top-padding { padding-top:0px !important; }

/* Banner */
.banner .banner-img { overflow:hidden;position:absolute;top:0;left:50%;width:50%;height:100%; }
.banner img { object-fit:cover;width:100%;height:100%; }
.banner-text { padding:90px 30px 60px 0;width:50%; }
.overlay-box { height:calc(33.33% + 1px);width:auto;left:0;top:0;aspect-ratio:1/1;position:absolute;display:inline-block; }
.overlay-box.box-1 { transform:translate(0%, 0%); }
.overlay-box.box-2 { transform:translate(100%, 100%); }
.overlay-box.box-3 { transform:translate(0%, 200%); }
.overlay-box.box-4 { transform:translate(200%, 200%); }
.overlay-box.box-5 { transform:translate(0%, 0%);left:auto;right:0  }
.overlay-box.box-6 { transform:translate(900%, 200%); }
.banner .banner-text span { font-size:var(--font-mid);text-transform:uppercase;font-weight:500;display:block;margin-bottom:-20px; }




.small-header { font-size:var(--font-small);margin-bottom:-20px;font-weight:700;text-transform:uppercase;display:block; }
.two-col-img { width:100%; }

.quotemarks { display:block;width:70px;height:70px;background:url("/wp-content/themes/nextgen/img/quotemarks.svg") no-repeat center;background-size:contain;margin-bottom:30px; }
span.quote { display:block;font-size: var(--font-xlarge);font-weight: 500;line-height: 130%;margin-bottom:15px; }
span.name { font-size: var(--font-small);font-weight: 500;line-height: 130%; }


.module.icons { /*padding:clamp(60px,10vw,150px) 0px;*/position:relative; }
/*.module.home-icons.icons { padding:clamp(30px,10vw,60px) 0px clamp(60px,10vw,150px); }*/
.module.icons.no-header { padding:clamp(60px,10vw,90px) 0px clamp(60px,10vw,150px) }
.icon-holder { max-width:240px;flex:1 1 22%;width:calc(50% - 30px); }
.icon-grid { display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:60px;padding-top:60px;max-width:1200px;margin:0 auto; }
.icon-holder .icon { width:188px;height:188px;border-radius:100%;display:inline-flex;justify-content: center;align-items: center;}
.icon-holder img { opacity:0; }
.icon-holder svg { width:120px;height:120px;object-fit:contain; }
.icon-bg-white { background:#fff; }
.icon-bg-blue { background:#f5f4ff; }
.icon-bg-blue-light { background:#eef3ff; }
.icon-bg-orange { background:#fff5f0; }
.icon-bg-pink { background:#ffeefb; }

.icon-colur-orange svg path { stroke:var(--orange); }
.icon-colur-pink svg path { stroke:var(--pink); }
.icon-colur-blue svg path { stroke:var(--blue); }
.icon-colur-black svg path { stroke:#000; }

.icon-text-colour-black { color:#000; }
.icon-text-colour-orange { color:var(--orange); }
.icon-text-colour-blue { color:var(--blue); }
.icon-text-colour-pink { color:var(--pink); }

.icon-text { display:block;margin:0 auto;text-transform:uppercase;font-size:var(--font-small);font-weight:600;margin-top:30px; }

.angled-bottom::before, .angled-bottom::after { position:absolute;content:"";width: 0px;height: 0px;border-style: solid;border-width: clamp(30px,10vw,120px) 0 0 50vw;border-color: transparent transparent transparent #fff; }

.angled-bottom::before { bottom:0;left:0; }
.angled-bottom::after { bottom:0;right:0;transform:scaleX(-1); }

.header-holder { width:100%;max-width:800px;margin:0 auto; }
.text-holder { width:100%;max-width:1400px;margin:0 auto; }



.decorative-blocks { width:100%;max-width:1920px;margin:0 auto;height:clamp(100px,12vw,200px);position:relative; }
.block { width:auto;height:50%;aspect-ratio:1/1;position:absolute;top:0;left:0;display:inline-block; }
.block-1 { background:var(--blue); }
.block-2 { background:#000;transform:translate(100%, 100%); }
.block-3 { background:var(--blue-light);transform:translate(200%, 100%); }
.block-4 { background:var(--orange);right:0;left:auto;transform:translate(-100%, 100%); }
.block-5 { background:var(--pink);right:0;left:auto;transform:translate(0%, 0%); }




.module.number_bar span.small-header { font-weight:700;margin-bottom:30px; }
.module.number_bar h3 { margin-top:-20px; }
.number_bar .stat { border-top:5px solid var(--orange);width:100%;max-width:350px; }
.stat .stat-number { font-size:8rem;font-weight:700;display:block; }

.contact-cta { display:flex;gap:30px;flex-wrap:wrap; justify-content: space-around;}
.contact-cta > div { flex:0 0 calc(33% - 30px);width:100%; }
.contact-cta .stat-image img { display:inline-block;width:60px;height:60px;object-fit:contain; }
.contact-cta .stat-image { margin-bottom:20px; }
.contact-cta h4 { margin-top:20px;margin-bottom:20px; }
.contact-cta a { color:#fff;text-decoration:none;font-weight:700; }
.contact-cta a:hover { color:var(--orange); }

.image_with_text_box { overflow:hidden;text-align:right;padding:10vw 0 60px; }
.image_with_text_box.angled-top { padding-top:clamp(150px,15vw,450px); }
.image_with_text_box.left { text-align:left; }
/*.image_with_text_box h4 { margin:0 0 10px; }*/
.image_with_text_box .container { padding:var(--module-padding) var(--side-padding); }
.image_with_text_box img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;max-height:2000px; }
.floating-text-box { position:static !important;z-index:2;padding:60px;background:#fff;width:calc(100% - 60px);max-width:720px;display:inline-block;text-align:left;position:absolute;bottom:clamp(30px,5vw,90px);left:var(--side-padding); }
.image_with_text_box .container { padding:0px; }


.angled-top::before { position:absolute;content:"";width: 0px;height: 0px;border-style: solid;
	border-width: clamp(30px,10vw,120px) 0 0 calc(50vw - 6px);border-color: transparent transparent transparent #fff; 

	border-width: clamp(30px,10vw,120px) 50vw 0 50vw;
   border-color: #fff transparent transparent transparent;

}
.angled-top.grey::before { border-color: var(--grey-lightest) transparent transparent transparent; }
.angled-top::before { top:0;right:0;;z-index:5; }


/*.blog-cta-slider img { width:100%;}*/
.blog-cta-slider .blog-cta-holder { padding:0 clamp(10px,2vw,30px); }
/*.blog-cta-slider .slick-dots li { margin:0;width:40px; }
.blog-cta-slider .slick-dots li button { background:var(--grey);height:8px;padding:0px;width:100%; }
.blog-cta-slider .slick-dots li.slick-active button { background:var(--orange); }
.blog-cta-slider .slick-dots li:hover button { background:var(--grey-light); }
.blog-cta-slider .slick-dots li button:before { display:none; }
*/
.slider-control { margin-left:-5px;padding:30px 0px; }
a.slider-arrow { width:40px;height:40px;background:var(--grey);display:inline-block;margin:0 5px;position:relative; }
a.slider-arrow.left { transform:scaleX(-1); }
a.slider-arrow::before { width:20px;height:20px;content:"";position:absolute;top:10px;left:10px;background:url("/wp-content/themes/nextgen/img/slider-arrow.svg") no-repeat center;background-size:contain; }
a.slider-arrow:hover { background:var(--orange); }


.thumbnail-image { aspect-ratio:1/1;object-fit:cover; }

.blog-grid { padding:60px 0; }
.blog-thumb a { position:relative;display:inline-block;width:100%; }
.blog-thumb .read-more { font-size:var(--font-small);text-align:left;vertical-align:middle;background:var(--grey);position:absolute;bottom:0;right:0;padding:20px 15px;text-transform:uppercase;color:#fff; }
.blog-thumb a:hover .read-more { background:var(--orange); }
.blog-thumb .read-more::after { content:"";margin-left:10px;width:13px;height:13px;background:url("/wp-content/themes/nextgen/img/arrow-right.svg") no-repeat center;background-size:contain;display:inline-block; }
.blog-thumb img { width:100%; }
.blog-title { font-size:var(--font-mid);font-weight:700;display:inline-block;width:100%;margin:15px 0 15px; }
.blog-date { font-size:var(--font-xsmall); }
.blog-excerpt { font-size:var(--font-xsmall);display:block;margin-top:20px; }
.blog-banner .container { padding:0px;max-width:1920px; }
.blog-banner { background:var(--blue-light);text-align:center;overflow:hidden; }
/*.blog-banner img { width:100%;max-height:540px; }*/
.blog-banner img { ;margin:0 auto;max-width:1920px;aspect-ratio:4/1;min-height:250px;width:100%;height:auto;max-height:480px;object-fit:cover; }
.blog-banner .overlay-box.box-5 { transform:none;left:auto;right:0 }
.blog-banner .overlay-box.box-6 { transform:none;left:auto;right:0;top:auto;bottom:0; }
.blog-intro { margin-bottom:clamp(45px, 10vw, 90px); }
.is-type-video iframe { width:100%;height:auto;aspect-ratio:16/9; }


:is(.wp-block-list, ul).ticks { list-style:none; }
:is(.wp-block-list.ticks, ul.ticks) li { position:relative;padding-bottom:10px;padding-left:clamp(10px, 3vw, 45px); }
:is(.wp-block-list.ticks, ul.ticks) li::before { width:28px;height:28px;background:#000 url("/wp-content/themes/nextgen/img/icon-tick-white.svg") no-repeat center;background-size:18px auto;display:inline-block;content:"";position:absolute;top:0;left:-35px; }
:is(.wp-block-list.ticks.white, ul.ticks.white) li::before { width:28px;height:28px;background:#fff url("/wp-content/themes/nextgen/img/icon-tick.svg") no-repeat center;background-size:18px auto;display:inline-block;content:"";position:absolute;top:0;left:-35px; }

.blog-footer-cta { display:flex;justify-content:space-evenly;flex-wrap:wrap;column-gap:60px;row-gap:30px;align-items:center; }
.hubspot-embed { flex:1 1 auto; }
.blog-footer-cta img { max-width:100%;flex:0 0 auto;display:inline-block;width:calc(40% - 30px);flex:0 0 calc(40% - 30px);min-width:300px; }

.author-grid { display:flex;flex-wrap:wrap;justify-content:space-around;column-gap:60px;row-gap:30px; }
.author-contact-box { font-size:1.5rem;text-align:center;flex:1 0 60%;max-width:600px; }
.author-contact-box span { padding:45px 30px;display:inline-block; }
.author-box { width:100%;border-top:1px solid var(--grey);flex:1 0 calc(100% - 660px); }
.author-box { display:flex;justify-content:space-between;padding-top:30px;align-items:center;flex-wrap:wrap; }
.author { display:flex;align-items:center; }
.author-details { padding:15px 30px; }
.author-details p { margin: 0px; }
.author img { border-radius:100%;width:120px;height:120px;object-fit:cover; }

form { width:100%;padding:15px 0 0; }
form input { padding:20px;background:var(--grey-lightest);border:none;width:100%;margin-bottom:15px; }
form input[type="submit"] { width:auto;padding:12px 20px;border:1px solid #000;background:#fff; }
form input[type="submit"]:hover { cursor:pointer;background:#000;color:#fff; }



.accordion { text-align:left;width:100%; }
.angled-bottom .accordion { padding-bottom:clamp(30px, 5vw, 60px); }
.accordion-item { border-bottom:1px solid var(--grey); }
.accordion-header { padding:30px 60px 30px 0px;position:relative;font-size:var(--font-mid);font-weight:700; }
.accordion-header:hover { cursor:pointer; }
.accordion-header::after { transform:rotate(0deg);opacity:0.3;top:30px;right:30px;width:30px;height:30px;background:url("/wp-content/themes/nextgen/img/arrow-down.svg") no-repeat center;background-size:contain;position:absolute;content:"";display:inline-block; }
.accordion-header:hover::after, .accordion-header.active::after { opacity:1; }
.accordion-header.active::after { transform:rotate(180deg); }
.accordion.blue .accordion-header.active { color:var(--blue); }
.accordion.pink .accordion-header.active { color:var(--pink); }
.accordion.orange .accordion-header.active { color:var(--orange); }
.accordion-text { display:none;width:100%;max-width:1000px;padding-bottom:15px; }

.package-link { background:var(--blue-light);display:inline-block;padding:5px 10px;color:var(--grey);text-transform:uppercase;text-decoration:none;font-weight:700;font-size:var(--font-xsmall); }
span.package-link { background:var(--grey);color:#fff; }
.package-link.pink { background:var(--pink);color:#fff; }
.package-link.blue { background:var(--blue);color:#fff; }
.package-link.orange { background:var(--orange);color:#fff; }
.package-link:hover { background:var(--grey);color:#fff; }

.partner-grid { display:flex;flex-wrap:wrap;justify-content:center;gap:60px;padding:45px 0 0; }
.logo-holder { flex:0 1 auto;width:auto;text-align:center; }
.logo-holder img { display:inline-block;max-width:100%;max-width:200px;width:100%;max-height:55px;height:auto;object-fit:contain; }
 


.packages-grid { display:flex;flex-wrap:wrap;justify-content:center;gap:30px; }
.package { flex:0 1 100%;width:100%;min-width:300px;padding:30px clamp(15px,5vw,45px);max-width:400px;margin-bottom:30px;display:flex;flex-wrap:wrap;align-items:flex-start; }
.package-header { width:100%;display:block;text-align:center;text-transform:uppercase;font-size:var(--font-xsmall);border-bottom:2px solid #fff;padding:0 0 20px;margin-bottom:20px; }
.package-price { width:100%;display:block;font-size:var(--font-xsmall); }
.package-price span { font-size:2.2rem; }
.package-price b { font-size:4rem;font-weight:700; }
.package ul { margin-bottom:60px; }
.package :is(.wp-block-list.ticks, ul.ticks) li { position:relative;padding-bottom:10px;padding-left:clamp(10px, 3vw, 15px); }
.package a.button { align-self:flex-end;width:100%;padding:20px;text-align:center;text-transform:capitalize;margin-bottom:15px;background:#fff;color:var(--grey); }
.package a.button:last-child { background:var(--grey);color:#fff; }
.package a.button:hover { background:var(--grey-light); }
.popular-header { background:#000;color:#fff;position:absolute;bottom:100%;width:100%;left:0;text-transform:uppercase;font-size:var(--font-xsmall);text-align:center;padding:15px; }





.package-table-header { display:grid;grid-template-columns:3fr 3fr;width:100%; }
.package-table-header-main { padding:45px 30px;font-weight:700;display:flex;justify-content:center; }
.package-table-header-main span { font-size:var(--font-xsmall);display:inline-block;width:100%; }
.package-table-row { display:grid;grid-template-columns:3fr 1fr 1fr 1fr;border-bottom:1px solid var(--grey-light); }
.package-table-column-header { width:100%;text-align:center;align-self:center;font-weight:500;padding:20px 0px; }
.package-table-price-header { display:flex;flex-wrap:wrap; }
.package-table-columns { width:100%;display:flex;justify-content:space-around; }
.package-table-columns > div { width:100%;text-align:center;background:#000;color:#fff;align-content:center; }
.package-table-row:nth-child(odd) { background:var(--grey-lightest); }
.package-table-row > div, .additional-rows-header { padding:15px 30px; }
.tick-column { text-align:center; }
.tick-column img { display:inline-block;width:clamp(15px,3vw,35px);height:35px;object-fit:contain; }
.package-row-text, .tick-column { border-right:1px solid var(--grey-light); }

.package-row-text { display:flex;align-items:center; }
.package-row-text .icon { display:inline-block;width:40px;height:40px;margin-right:20px; }
.package-row-text .icon img { opacity:0; }
.package-row-text .icon svg { width:40px;height:40px;object-fit:contain; }

.mobile-packages { display:flex;gap:10px;margin-top:10px;text-align:right;display:none; }
.package-block { background:#000;color:#fff;font-size:0.8rem;display:inline-block;padding:5px 10px; }
.book-call-row { background:#fff !important;border:none; }
.book-call-row > div { padding:0px; }
.book-call-row a { text-decoration:none;color:#fff;background:#000;display:inline-block;padding:15px 30px;text-align:center;width:100%; }
.package-table.blue .book-call-row a:hover { background:var(--blue); }
.package-table.pink .book-call-row a:hover { background:var(--pink); }
.package-table.orange .book-call-row a:hover { background:var(--orange); }


.book-now-cta-grid { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:30px;row-gap:15px; }
.book-now-cta-grid > div:first-child { flex:1 1 50%;max-width:1000px; }


.full_width_image { position:relative; }
.full_width_image.has-button { margin-bottom:60px; }
.full_width_image a.button { text-align:center;z-index:2;text-transform:uppercase;padding:clamp(15px,5vw,30px) clamp(20px,5vw,45px);position:absolute;bottom:0;left:50%;transform:translate(-50%,50%); }
.full_width_image.pink a.button:hover { background:var(--pink); }
.full_width_image.orange a.button:hover { background:var(--orange); }


.hubspot-form { padding:30px 0 0; }



.connect_cta img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; }
.connect-cta-box { background:rgba(255,255,255,0.95);padding:clamp(15px,5vw,60px);display:flex;flex-wrap:wrap;column-gap:60px;align-items:center; }
.connect-cta-box > div { flex:1 1 40%;min-width:300px; }

.connect-cta-box.blue .small-header { color:var(--blue); }
.connect-cta-box.blue a.button { background:var(--blue); }

.connect-cta-box.pink .small-header { color:var(--pink); }
.connect-cta-box.pink a.button { background:var(--pink); }

.connect-cta-box.orange .small-header { color:var(--orange); }
.connect-cta-box.orange a.button { background:var(--orange); }

.connect-cta-box:is(.blue, .orange, .pink) a.button:hover { background:var(--grey); }

.pagination { display:flex;gap:2rem;width:100%;justify-content:center;margin-top:2rem; }
.pagination a { text-decoration:none;display:inline-block;padding:5px 10px;border:1px solid black;color:#000; }
.pagination a:hover { background:var(--blue);color:#fff;border-color:var(--blue); }

@media(min-width:1201px){
	#navmenu { display:inline-block !important; }
}
@media(max-width:1200px){
	.nav-chat { position:fixed;bottom:30px;right:30px; }
	a.logo img { width:100px; }
	#navmenu { width:calc(100% - 100px); }
	.m-grid-gap-60 { grid-gap:30px; }
}

@media(min-width:992px){
	.flow-holder { background:transparent; }
}
/* Tablet Size */
@media(max-width:991px){
	/* Move this to it's own query if it needs to break down earlier */
		.mobile-toggle { display:inline-block;}
		#navmenu { display:none;width:calc(100% + 60px);margin-left:-30px;}
		#navmenu .menu { flex-wrap:wrap; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { box-shadow:none;display: none;width:100%;position:static;transform:none;background:#e5e5e5; }
		#navmenu .menu li:hover .sub-menu { display:none; }
		#navmenu li.current_page_item > a::before, #navmenu li:hover > a::before { display:none; }
	/* ---------------------- */

	.mob-top { grid-row-start:1; }
	.testimonial-slider { width:100%; }
	.hr-flow { display:block;width:100%;max-width:400px;margin:60px auto 0; }
	.flow-holder { color:#fff;display:flex;align-items:center;padding:5px 10px;position:relative; }
	.flow-holder.bg-blue-light { color:var(--grey); }
	.flow-text { font-size:1rem;width:auto;font-weight:700;flex:1 1 auto;position:relative; }
	.flow-icon { display:inline-block;margin:0; }
	.hr-flow:before { display:none; }

	.image_with_text_box img { position:static;max-height:50vw;min-height:300px; }
	.image_with_text_box.angled-top { padding-top:0px; }
	.floating-text-box { width:100%;max-width:100%; }
}

@media(max-width:768px){
	.banner .banner-img { width:100%;position:relative;top:0;left:0; }
	.overlay-box.box-5,.overlay-box.box-6 { display:none; }
	.banner-text { width:100%;padding:45px 0 15px; }
	.two-col-img { max-width:450px; }
	.floating-text-box { position:static;width:100%;padding:30px var(--side-padding) }
	.overlay-box { height:20%; }
	.overlay-box.box-3 { bottom:0;right:0;left:auto;top:auto;transform:translate(-200%, 0%); }
	.overlay-box.box-4 { bottom:0;right:0;left:auto;top:auto;transform:translate(0%, 0%); }
	.package-row-text, .tick-column { border:none; }
	.book-call-row > div { display:none; }
	.book-call-row > div:last-child { display:inline-block;width:100%; }
}

@media(max-width:750px){
	.mobile-packages { display:block; }
	.tick-column, .package-table-columns { display:none; }
	.package-table-header, .package-table-row { display:block; }
	.package-table-column-header { padding:30px 15px; }

	.icon-holder .icon { width:100%;height:auto;aspect-ratio:1/1;padding:25px; }
	.icon-holder svg { width:100%;height:100%; }
	.icon-holder { flex:0 1 40%; }
	.icon-grid { gap:30px; }
	.contact-cta > div { flex:0 0 calc(50% - 30px); }
}

/* Mobile Size */
@media(max-width:560px){
	.blog-banner .overlay-box { display:none; }
	.footer-menu-grid { grid-row-gap:45px; }	
	.m-grid-gap-60 { grid-gap:15px;grid-row-gap:30px; }
	.testimonial-slide > div { flex-wrap:wrap; }
	.home-banner-text-holder { min-height:340px; }
	.testimonial-slide { padding:15px; }
	.testimonial-slider .slick-slide { padding:5px; }
	.banner .banner-text span, .small-header { margin-bottom:-5px; }
	.package-table-header-main { padding:20px 25px; }


}