:root {
    --base-black: #000000;
    --purple-color:#6015B4;
    --red-color: #F00;
    --yellow-color: #F6CA2F;
    --green-color: #5AF599;
    --blue-color: #0002EB;
    --deep-purple-color: #190A2C;

    --deep-purple-200: #DDDADF;
    --deep-purple-400: #2B1E3D;
    --deep-blue-400: #9891A0;
    
    --purple-25: #FAF2FF;
    --purple-50: #F4EBFF;
    --purple-800: #6015B4;

    --yellow-50: #FEFCE8;
    --yellow-400: #F6CA2F;

    --green-50: #EFFEF5;
    --green-300: #5AF599;

    --red-50: #FFF0F0;

    --pink-500: #F455CD;
    --grey-50: #F9FAFB;
    --grey-100: #F2F4F7;
    --grey-200: #EAECF0;
    --grey-300: #D0D5DD;
    --grey-400: #98A2B3;
    --grey-500: #667085;
    --grey-600: #475467;
    --grey-700: #344054;
    --grey-800: #475467;

    --blue-25: #F0FCFF;
    --blue-50: #D6F5FF;
    --blue-100: #C2ECFF;

   
    --font-xl: 36px;
    --font-lg: 24px;
    --font-md: 20px;
    --font-m:18px;
    --font-sm: 16px;
    --font-xs: 14px;
    --font-xxs: 12px;
    
}

@font-face {
    font-family: 'Brockmann';
    src: url('../fonts/brockmann-medium-webfont.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Brockmann';
    src: url('../fonts/Brockmann-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

.font-w-md{
    font-weight: 500;
}
h1:not(.pp-h1){
    font-size: var(--font-xl);
    display: inline-block;
    margin-bottom: 0;
}
h2{
    font-size: var(--font-lg);
    font-weight: 500;
}
h2.bold{
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
}
h3{
    font-size: var(--font-md);
    font-weight: 500;
    line-height: 28px;
}
h5{
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: 24px;
}

.full-slider .info{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}
.grey,
p.grey,
.grey p{
    color: var(--grey-600) !important;
}
p.grey-400{
    color: var(--grey-400) !important;
}
p.xxs{
    font-size: var(--font-xxs) !important;
}
p.xs{
    font-size: var(--font-xs) !important;
}
h2:not(.plane)::after,
h3:not(.plane).link::after,
.breadcrumbs li:not(:last-child) a::after{
    content: url('../img/chunky-chevron-right.svg');
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: -3px;
}
h4{
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.linl-plane{
    font-size: var(--font-xxs);
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}
p{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
p.intro{
    color: var(--grey-600);
    max-width: 800px;
    width: 100%;
}
a{
    color: unset ;
}
a:hover{
    text-decoration: none;
}
.text-black{
    color: var(--base-black) !important;
}
.bold{
    font-weight: 600;
}

body {
    font-size: 16px;
    background: #F9FAFB;
    margin: 0;
    font-family: 'Brockmann', Arial, sans-serif;
    overflow-x: hidden;
}
body.home-portal .breadcrumbs ul li:first-child{
	display:none;
}
.bg-white{
    background: #ffffff;
}
section{
    padding-top: 20px;
    padding-bottom: 20px;
}
section:not(.three-col),
section:not(.overflow),
section:not(.subjects){
    overflow-x: hidden;
}
section.subjects{
	overflow-x: unset !important;
}
section.overflow{
    overflow: visible !important;
}

.logo img{
/*     max-width: 160px; */
    width: 100%;
	height: 32px;
	object-fit: contain;
}
.breadcrumbs{
    padding: 16px 0px;
    border-bottom: 1px solid var(--grey-200);
}
.page-title{
    padding: 50px 0px 34px;
    border-bottom: 1px solid var(--grey-200);
    margin-bottom: 18px;
}
.breadcrumbs ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap ;
}
.breadcrumbs ul li a {
	text-transform: capitalize;
    font-size: var(--font-xxs);
    line-height: 18px;
    font-weight: 600;
    padding-right: 15px;
   
}
.breadcrumbs ul li.active a {
    color: var(--blue-color);
}
main.purple .breadcrumbs ul li.active a {
    color: var(--purple-color);
}
main.red .breadcrumbs ul li.active a {
    color: var(--red-color);
}
main.blue .breadcrumbs ul li.active a {
    color: var(--blue-color);
}
main.yellow .breadcrumbs ul li.active a {
    color: var(--yellow-color);
}

main.green .breadcrumbs ul li.active a {
    color: var(--green-color);
}
.sidenav {
    height: 100%;
    width: 280px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--deep-purple-color);
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-x: hidden;
    transition: 0.5s;
    z-index: 1;
}
.sidenav ul{
    padding: 38px 16px 10px;
    list-style: none;
}
.container{
    max-width: 1280px !important;
	padding-right: 16px;
    padding-left: 16px;
}
.acro{
    display: flex;
    align-items: center;
    justify-content: center;
}
.acro.lg{
    width: 100px;
    height: 100px;

}
.acro.m{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.acro.m p{
    font-size: 30px;
    font-weight: 500;
    line-height: 38px
}
.acro.md{
    display: flex;
    width: 64px;
    height: 64px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.acro.md p{
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
}
.acro.m{
	 display: flex;
    width: 48px !important;
    height: 48px !important;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	font-size: 28px !important;
}
.acro.m p{
	font-size: 28px !important;
}
.acro.lg p{
    font-size: 72px;
}
.acro p{
    margin-bottom: 0;
    text-align: center;
}

.acro.xs{
    width: 32px;
    height: 32px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; 
    
}
.reply{
	font: var(--font-xs);
	font-weight: 600;
}
.acro.blue{
    color: #ffffff;
    background: var(--blue-color);
}

.bt-deep-blue{
    border-top: 1px solid #3C2F4C;
}
.br-blue{
    border-right: 1px solid var(--blue-color);
}
.bb-blue{
    border-bottom: 1px solid var(--blue-color);
}
.bb-deep-purple p{
    color: var(--deep-purple-color);
}
.bb-deep-purple{
    border-bottom: 1px solid var(--deep-purple-color);
}
.bl-blue{
    border-left: 1px solid var(--blue-color);
}
.bl-blue-4{
    border-left: 4px solid var(--blue-color);
}
.br-purple{
    border-right: 1px solid var(--purple-color);
}
.br-blue{
    border-right: 1px solid var(--blue-color);
}
.bb-purple{
    border-bottom: 1px solid var(--purple-color);
}
.bb-red{
    border-bottom: 1px solid var(--red-color);
}
.bb-yellow{
    border-bottom: 1px solid var(--yellow-color);
}
.bb-green{
    border-bottom: 1px solid var(--green-color);
}
.bb-blue{
    border-bottom: 1px solid var(--blue-color);
}
.bb-grey-200{
	border-bottom: 1px solid var(--grey-200);
}
.bb-grey{
    border-bottom: 1px solid var(--grey-600);
}
.bl-purple{
    border-left: 1px solid var(--purple-color);
}
.bl-red{
    border-left: 1px solid var(--red-color);
}
.bl-yellow{
    border-left: 1px solid var(--yellow-color);
}
.bl-green{
    border-left: 1px solid var(--green-color);
}
.bl-blue{
    border-left: 1px solid var(--blue-color);
}
.note-main{
    padding: 24px;
    margin-top: 16px;
}
.purple .note-main{
    background: var(--purple-25);
}
.blue .note-main{
    background: var(--blue-25);
}
.note-main p{
    font-size: var(--font-xs);
}
.note-main span{
    font-size: var(--font-xs);  
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}
.course-details p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--grey-600);
}
.d-none{
    display: none;
}
.icon-list.blue .item svg path{
    stroke: var(--blue-color);
}
/* COLLAPSE */
.collapse-trigger svg {
    transition: transform 0.2s ease;
}
.collapse-item a h4{
    font-size: var(--font-sm);
}
.collapse-white.blue .collapse-item .collapse-trigger.active svg path{
    stroke: var(--blue-color);
}
.collapse-white.green .collapse-item .collapse-trigger.active svg path{
    stroke: var(--base-black)
}   
.collapse-white.blue .collapse-item .collapse-trigger.active svg {
    transform: rotate(45deg);
}
.collapse-white .collapse-item{
    margin-bottom: 10px;
}
.video-list .collapse-white .collapse-item a.collapse-trigger:not(.px-4){
    padding: 16px !important;
    

}
.video.timeline .video-link{
	cursor: pointer;
}
.lesson .collapse-item .collapse-description{
    border: none !important;
}
.lesson .collapse-item a.collapse-trigger{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.video-list .collapse-description{
    margin-top: 0;

}
.collapse-white .collapse-item a.collapse-trigger:not(.no-border){
	border: 1px solid var(--grey-200) ;
}
.collapse-white .collapse-item a.collapse-trigger{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:16px 0px;
    
    
}
a.title.collapse-trigger:not(.bb-grey-200).active{
    border-bottom: none !important;
}
.collapse-item .collapse-description.bt-grey-200{
	border-top: 1px solid var(--grey-200);
}
.collapse-item .collapse-description.grey{
	 border-top: 1px solid var(--grey-200) !important;
}
.collapse-item .collapse-description:not(.no-border){
    border-left: 1px solid var(--grey-200) !important;
    border-right: 1px solid var(--grey-200) !important;
    border-bottom: 1px solid var(--grey-200) !important;
}
.collapse-white.green span svg path{
    stroke: var(--base-black);
}
.collapse-white.green .collapse-item span{
    background: var(--green-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 5px;
}
/* .collapse-white.green {
    border: 1px solid var(--grey-200);
} */
.collapse-white.green .collapse-description{
    margin-top: 0;
}
section:not(.faqs) .collapse-white.green .collapse-item a.collapse-trigger{
	border-bottom: none;
}
.collapse-white.green .collapse-item a.collapse-trigger{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:20px;
    color: var(--deep-purple-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

#video-list {
    height: 296px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
}

#video-list {
    height: 296px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
}

#video-list::-webkit-scrollbar {
    width: 4px !important; 
}

#video-list::-webkit-scrollbar-track {
    background: transparent; 
	border-radius: 0;
}



::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

#video-list {
    scrollbar-color: #5AF599 transparent; 
    scrollbar-width: 4px; 
}

#video-list::-webkit-scrollbar-button {
    display: none;
}

.collapse-description.no-bg{
    padding: 16px 0px;
}
.tax-subjects .boxwhite .icon-circle {
    margin-right: 20px;
}
.collapse-description{
    margin-top: 16px;
    padding: 16px;
}
.collapse-description.no-bg .item{
    margin-bottom: 4px;
    padding: 14px 16px;
    background: var(--grey-50);
}
.collapse-description.no-bg .item .time{
    font-size: 10px;
    font-weight: 400;
    line-height: 14px
}
.collapse-description.bg-white{
    background: #ffffff;
}
.collapse-description:not(.no-bg){
    background: var(--grey-50);
}
.collapse-description h5{
    font-size: var(--font-xs);
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}
.font-xs{
	font-size:var(--font-xs) !important;
}
.collapse-description h4{
    font-size: var(--font-xs);
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}
.collapse-description p{
    font-size: var(--font-sm);
    font-weight: 400;
    line-height: 24px;
    color: var(--grey-600);
}
.collapse-description {
    display: none;
}
.card-grid-sec .info{
    display: flex;
    justify-content: space-between;
}
.card-grid-sec .info .icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: 1px solid var(--grey-400);
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* END COLLAPSE */

/* Icon Circle */
.icon-purple {
    background: var(--purple-color);
    height: 64px;
    width: 64px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* END Icon Circle */


/* .sidenav.active {
    left: -280px;
} */
.or::before,
.or::after {
    content: "";
}
section.divider {
    padding: 0;
    overflow-x: hidden;
}
section.vision{
    background: var(--grey-100);
    background-image:url(../img/bg-strip-blue-left.png);
    background-size: 298px;
    background-position: left bottom;
    background-repeat: no-repeat;
}
section.vision .btn-container{
	padding-top:64px !important;
}
.divider .or {
    letter-spacing: 0.1em;
    color: #828282;
    font-size: 0.75em;
    margin: 2% auto;
}

.divider .or--x {
    max-width: 100%;
}
.divider a{
    color: var(--grey-800);
    font-size: var(--font-xxs);
    font-weight: 600;
    display: inline-block;
}
.divider a svg{
    margin-bottom: -2px;
}

.or--x::before,
.or--x::after {
    border-top: 1px solid var(--grey-200);
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    margin-bottom: 0.15em;
    overflow: hidden;
}

.or--x::before {
    right: 0.5em;
    margin-left: -100%;
}

.or--x::after {
    left: 0.5em;
    margin-right: -100%;
}

.sidenav ul.menu{
    padding: 38px 16px 10px;
}
ul.menu {
    padding: 10px 16px;
    list-style: none;
}

.menu li.home> a:before {
    content: url('../img/home-03.svg');
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.menu li.sports> a:before {
    content: url('../img/trophy-01.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.menu li.personal> a:before {
    content: url('../img/personal-development-01.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.menu li.physical> a:before {
    content: url('../img/activity-heart.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.menu li.cpd> a:before {
    content: url('../img/cpd-learning.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.menu li.folder> a:before {
    content: url('../img/folder.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.menu li.help> a:before {
    content: url('../img/help-circle.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.menu li.user> a:before {
    content: url('../img/user-circle.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.page_item {
    position: relative;
}
.page_item a i {
    margin-left: 8px; /* Space between text and icon */
}
.sub-menu-active .sub-menu{
    display: block;
    width: 100% !important;
}
.sub-menu {
    display: none;
    min-width: 160px;
    list-style: none;
    padding: 0 !important;
}

.sub-menu a {
    padding: 4px 10px 4px 35px !important;
    color: white;
    text-decoration: none;
    display: block;
    text-align: left;
    margin: 5px 0px;
}
.sub-menu a:hover {
    background-color: var(--deep-purple-400);
}
li.current-menu-parent .sub-menu{
	display: block !important;
	width: 100%;
}
.dropdown-icon {
    right: 10px;
    position: absolute;
}
ul:not(.menu-marketing) li.page_item.current_page_item > a,
ul:not(.menu-marketing) .current-menu-item > a{
    background: var(--deep-purple-400);
    color: #ffffff !important;
	font-weight: 500;
}
ul.menu-marketing li.page_item.current_page_item > a,
ul.menu-marketing .current-menu-item > a{
    color: var(--blue-color);
}
li.page_item.current_page_item a:before{
    filter: brightness(0) invert(1);
}
.sidenav a {
    font-size: var(--font-sm);
    line-height: 20px;
    display: block;
    transition: 0.3s;
    color: var(--deep-purple-200);
}
.sidenav li a{
    padding: 12px 8px;
    position: relative;
}

.sidenav a:hover {
    color: #f1f1f1;
    text-decoration: none;
}

.sidenav .logo {
    padding: 10px 16px;
    font-size: 30px;
    color: white;
}

body#marketing:not(.home) .user-info .subscription{
	color: var(--grey-600);
}
.user-account .cta-logout a{
	font-size: 32px;
}
.user-account {
    display: flex;
    align-items: center;
    padding: 30px 16px;
    position: relative;
}
nav.nav{
    display: block;
}
.nav-line{
    height: 1px;
    width: 100%;
    max-width: 90%;
    margin: auto;
    background: #3C2F4C;
}
.user-account .profile{
   	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 12px 11px;
    background: var(--blue-color);
    line-height: 24px;
    border-radius: 100px;
    margin-right: 10px;
}
.user-account .profile p{
    margin-bottom: 0;
    color: #ffffff;
    font-size: var(--font-m);
}

body#marketing:not(.home) .user-info .name{
	color: var(--base-black);
}
body.home .header-menu:not(.active) .user-account .cta-logout svg path {
    stroke: #fff;
}
.user-info .name{
    font-size: var(--font-xs);
    line-height: 20px;
    font-weight: 500;
    color: #ffffff;
}
.user-info .subscription{
    font-size: var(--font-xxs);
    line-height: 18px;
    font-weight: 400;
    color: var(--grey-300);
}
.cta-logout{
    margin-left: auto;
}
body:not(#marketing) main, 
body:not(#marketing) .main {
    margin-left: 280px;
    transition: margin-left 0.5s;
	min-height: 89vh;
}
body.home-portal:not(#marketing) footer{
	margin-left: 0 !important; 
}
body:not(.home-portal):not(#marketing) #siteCookie{
	margin-left: 280px !important;
	width: calc(100% - 280px) ;
}
body:not(#marketing) footer{
	
    margin-top: 50px;
    border-top: 1px solid var(--grey-200);
    margin-left: 280px;
    transition: margin-left 0.5s;
    padding: 16px;
}
footer .copyright p,
footer .copyright{
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
    color: var(--grey-800);
}
body:not(.home-portal) #siteCookie.platform {
    margin-left: 290px;
	
}
.lh-20{
	line-height: 20px;
}
.lh-18{
	line-height: 18px;
}
#siteCookie{
	background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 12px;
    padding: 10px 15px;
    position: fixed;
    width: 100%;
    z-index: 5;
}
#siteCookie .inner p{
	margin-bottom: 0;
}
#siteCookie .inner{
    display: flex;
    gap: 14px;
    align-items: center;
	justify-content: center;
}
.card-slider .slick-track{
	margin: 0;
}
.card-slider .slick-next:before{
    content: url('../img/green-arrow-next.svg') !important;
    margin-left: -2px !important;
}
.card-slider .slick-prev{
    transform: translateY(-50%);
    left: -20px;
    top: 50%;
    
    z-index: 9;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{
    opacity: 0 !important   ;
}
.card-slider .slick-next:before,
.pp-slider .slick-next:before,
.full-slides-v2 .slick-next:before{
    content: url('../img/green-arrow-next.svg') !important;
    margin-left: -2px !important;
}
.card-slider .slick-prev,
.pp-slider .slick-prev,
.full-slides-v2 .slick-prev{
    transform: translateY(-50%);
    left: -20px;
    top: 50%;
    
    z-index: 9;
}
.slick-prev.slick-disabled:before, 
.slick-next.slick-disabled:before{
    opacity: 0 !important   ;
}
.card-slider .slick-next,
.pp-slider .slick-next,
.full-slides-v2 .slick-next{
    transform: translateY(-50%);
    top: 50%;
}
.card-slider .slick-prev:before,
.card-slider .slick-next:before,
.pp-slider .slick-prev:before,
.pp-slider .slick-next:before,
.full-slides-v2 .slick-prev:before,
.full-slides-v2 .slick-next:before{
    opacity: 1;
}
.card-slider .slick-prev,
.card-slider .slick-next,
.pp-slider .slick-prev,
.pp-slider .slick-next,
.full-slides-v2 .slick-prev,
.full-slides-v2 .slick-next{
    height: 52px;
    width: 71px;
}
.card-slider .slick-prev:before,
.pp-slider .slick-prev:before,
.full-slides-v2 .slick-prev:before{
    content: url('../img/green-arrow-prev.svg') !important;
}
.card-cta {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.card-grid-sec .card-item {
    margin: 10px 0px;
    height: 174px !important;
    padding: 16px;
    box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.07);
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}
.card-grid-sec.white h4{
    text-transform: uppercase;
    line-height: 14px;
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 8px;
}
.card-grid-sec.white h3{
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
}

.title-with-left-icon p{
    font-size: var(--font-m);
    font-weight: 500;
    line-height: 26px;
}

.progress-bar-container {
    width: 100%;
    background-color: var(--grey-200);
    height: 2px;
    margin-top: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
  }
  
  .progress-bar {
    height: 100%;
    background-color: var(--green-color);
    transition: width 0.3s ease;
  }
  

/* single slider */

.single-silder .item img{
    width: 100%;
}

.arrow-green .slick-next:before{
    content: url('../img/green-arrow-next.svg') !important;
    margin-left: -2px !important;
}
.arrow-green .slick-prev:before{
    content: url('../img/green-arrow-prev.svg') !important;
}
.arrow-green .slick-next {
/* 	 right: 13px; */
    right: 25px;
    transform: translateY(-50%);
}

.arrow-green .slick-prev{
    transform: rotate(180deg);
/*     left: -36px; */
	left: -25px;
    transform: translateY(-50%);
    z-index: 9;
}

/* COLOR TEXT */
.information .text-blue{
	font-size: 12px;
    line-height: 18px;
    font-weight: 600;
	
}
.text-blue{
    color: var(--blue-color);
}
.text-green{
    color: var(--green-color);
}
.text-yellow{
	color: var(--yellow-color);
}
.text-red{
	color: var(--red-color);
}
.text-purple{
    color: var(--purple-color);
}
/* END COLOR TEXT */

.topnav {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--deep-purple-color);
    padding: 10px 16px;
    color: white;
    position: fixed;
    width: 100%;
    z-index: 9;
    padding: 0;
    top: 0;
}
.tax-learning_pathway .breadcrumbs ul li:nth-child(2) {
    display: none !important;
}
.burger,
.burger-menu  {
    background: var(--blue-color);
    width: 50px;
    height: 50px;
    position: relative;
}
.burger .line,
.burger-menu .line {
    background: #ffff;
    height: 5px;
    border-radius: 0;
    width: 30px;
}


.main-header.active .burger-menu{
	background: #ffffff !important
}
body:not(.home) .burger-menu {
	background: none !important;
}
body:not(.home) .burger-menu .line{
	background: var(--blue-color) !important;
}
.main-header.active .burger-menu .line1{
	position: absolute;
    top: 24px;
    left: 10px;
    transform: rotate(45deg) !important;
	background: var(--blue-color) !important;
}
.main-header.active .burger-menu .line2{
	display: none;
}
.main-header.active .burger-menu .line3{
	position: absolute;
    top: 24px;
    left: 10px;
    transform: rotate(140deg) !important;
	background: var(--blue-color) !important;
	
}

.burger .line1,
.burger-menu .line1{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
	transition: all 0.3s ease-in-out;
}

.burger .line2,
.burger-menu .line2{
    position: absolute;
    top: 50%;;
    left: 50%;
    transform: translateX(-50%);
}
.burger .line3,
.burger-menu .line3{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
	transition: all 0.3s ease-in-out;

}
.topnav .logo {
    font-size: 30px;
    padding: 10px;
}

.topnav .burger {
    font-size: 30px;
    cursor: pointer;
}

section.page-title.bg-white h1{
	margin-bottom: 32px !important;
	
}
section.page-title.bg-white .bottom-heading  {
	padding-top: 30px;
}


/* CARD SLIDER */
.card-grid .card-item{
    height: 100%;
}
.card-item{
    padding: 12px;
    position: relative;
    margin: 12px;
    cursor: pointer;
}
.card-slider .card-slides .card-item,
.card-grid-5 .card-item{
    min-height: 216px;
    overflow: hidden;
}

.card-item .acro{
    padding: 5px 0px;
    width:36px; 
    position: absolute;
    top: 15%;
}
.card-item .acro p{
    color: #ffffff;
    margin-bottom: 0;
    text-align: center;
    font-size: var(--font-lg);
}
#marketing .card-item .information{
	padding-top: 25px !important;
}
.card-item .information{
    display: flex;
    flex-direction: column;
}
.card-item .information h3{
	margin-top: -16px;
}
.card-item h3{
    font-size: 32px;
    margin-top: -15px;
    margin-bottom: 0px;
    line-height: 40px;
}
.card-item .description h3{
    margin-bottom: 8px;
    line-height: 32px;
}
.card-item .description{
    top: 100%;
    left: 0;
    width: 100%;
    position: absolute;
    height: 100%;
    background: var(--blue-color);
    padding: 30px 20px 20px;
    display: flex;
    flex-direction: column;
    transition: all .3s ease-out;
}
.card-item:hover > .description{
    top: 0 !important;
}

.card-item .description .icon{
    text-align: right;
    margin-top: auto;
}

.card-item .description p{
    color: #ffffff;
    font-size: var(--font-xxs);
    line-height: 18px;
}
.header-acro{
    display: inline-block;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    color: #ffffff;
    padding: 5px;
    margin-right: 15px;
}

@keyframes flipIn {
    from {
        transform: rotateY(90deg);
        opacity: 0;
    }
    to {
        transform: rotateY(0deg);
        opacity: 1;
    }
}

.card-item .description.hide {
    animation: flipOut 0.6s forwards;
}

@keyframes flipOut {
    from {
        transform: rotateY(0deg);
        opacity: 1;
    }
    to {
        transform: rotateY(90deg);
        opacity: 0;
    }
}
.card-item .card-cta img{
    width: unset;
}
.card-item img{
    max-width: 100%;
    width: 100%;
	
    object-fit: cover;
}

/* END CARD SLIDER */

/* Purple */
.header-acro.purple{
    background: var(--purple-color);
}
.header-acro.red{
    background: var(--red-color);
}
.header-acro.yellow{
    background: var(--yellow-color);
    color: var(--base-black) !important;
}
/* End Purple */
/* BLUE*/
.header-acro.blue{
    background: var(--blue-color);
}
.blue .card-item{
    background: var(--blue-color);
}
.blue .card-item .acro{
    background: var(--blue-color);
}
.blue .card-item .description{
    background: var(--blue-color);
}
.blue .card-item .description a{
    display: block;
    margin-top: auto;
}
.card-slider-v2 .card-item .image .acro.blue{
    background: var(--blue-color);
}
/* BLUE */

/* CARD PLANE */
.card-slider.plane .card-item{
    height: 216px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.card-slider.plane .card-item h3{
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; 
    position: relative;
    z-index: 1;
    max-width: 182px;

}
.card-slider.plane .card-item img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 169px;
    height: auto;
    max-width: 100%;
    z-index: 0;
}

/* CARD BLUE*/
.purple .card-item{
    background: var(--purple-color);
}
.purple .card-item .acro{
    background: var(--purple-color);
}
.purple .card-item .description{
    background: var(--purple-color);
}

.card-slider-v2 .card-item .image .acro.purple{
    background: var(--purple-color);
}
/* END CARD BLUE */

/* CARD V2 */
.card-slider-v2 .card-item .information{
    padding: 16px;
	 box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.07);
}
.card-slider-v2 .card-item{
   
    padding: 0;
}
.card-slider-v2 .card-item .info{
}
.card-slider-v2 .card-item h5{
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
}
.card-slider-v2 .card-item p{
    font-size: var(--font-xs);
    color: var(--base-black);
}
.card-slider-v2 .card-item .image a{
	
}
.card-slider-v2 .card-item .image,
.three-col-grid .card-item .image{
    position: relative;
}
.card-slider-v2 .card-item .image{
	background: #ffffff;
}
.card-slider-v2 .card-item .image img{
    height: 156px;
    width: 100%;
    object-fit: contain;
	object-position: top center;
}
.card-slider-v2 .card-item .image .acro,
.three-col-grid .card-item .image .acro{
   right: 16px;
    height: 36px;
    width: 36px;
    top: unset;
    bottom: -22px;
}
.three-col h2{
	font-size: 36px;
	line-height: 44px;
}

.card-slider-v2 .card-item .image .acro p{
    color: #ffffff;
    margin-bottom: 0;
    text-align: center;
    font-size: var(--font-lg);
    line-height: 36px;
}
.card-slider-v2 .card-item .bottom-info,
.three-col-grid .card-item .bottom-info{
    display: flex;
}

.card-slider-v2 .card-item .bottom-info svg{
    margin-right: 5px;
    margin-left: 10px;
    margin-bottom: -10px;
}
.cpd-learning .card-slider-v2 .card-item .bottom-info p,
.content-library .card-slider-v2 .card-item .bottom-info p{
	font-size: 10px !important;
}
.card-slider-v2 .card-item .bottom-info p,
.three-col-grid .card-item .bottom-info p{
	text-wrap: nowrap;
    margin-bottom: 0;
    margin-right: 5px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; 
    color: var(--grey-600);
}
.card-slider-v2 .bottom-info {
    margin-top: auto;
}
.bottom-info .item{
	flex-wrap: wrap;
}
.video-list{
	margin-top: 14px !important;
}
/* END CARD v2 */

/* CARD GRID */

.card-grid-5,
.three-col-grid .card-grid {
    display: grid;
  }

.card-grid-5{
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

  
  
  

/* END CARD GRID */

/* BUTTON */
button{
    font-size: var(--font-xs);
}
.outline-btn.blue svg path{
    stroke: var(--blue-color);
}
 .btn.sign-in{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.header-cta a {
    font-size: var(--font-sm);
}
.header-cta .btn-green{
	padding-left: 1.25rem;
}
.header-cta .outline-btn.blue.sign-in{
	border: 2px solid var(--blue-color);
	
}
.header-cta .sign-in{
	 padding: 10px 1.25em;
}
body.home .outline-btn.blue.sign-in{
   
    color: #ffffff;
    border: 2px solid #ffffff;
}
.outline-btn.blue{
    color: var(--blue-color);
    border: 1px solid var(--blue-color) ;
}
.outline-btn.blue:hover svg path{
    stroke: #ffffff;
}
.outline-btn.blue:hover{
    color: #ffffff;
    border: 1px solid var(--blue-color);
    background: var(--blue-color) !important;
}
.xs{
    font-size: var(--font-xs);
    line-height: 20px;
}
.btn-plane svg path{
    stroke: var(--base-black);
}
.btn-plane.no-icon{
    padding: 10px 16px ;  
}
.btn-plane{
    border: 1px solid var(--grey-300);
    padding: 10px 32px 10px 10px;
    color: var(--base-black);
}
.btn.no-icon.xs{
    font-size: var(--font-xs);
    margin-bottom: 0;
    line-height: 20px;
    padding: 10px 16px;
}
.btn{
    position: relative;
    display: inline-block;
    border-radius: 0;
    font-weight: 600;
    font-size: var(--font-xs);
    line-height: 28px;
}
.font-sm{
	font-size: var(--font-sm) !important;
}
.fs-20{
	font-size: 20px !important;
}
.btn.icon-right.sm{
    font-size: var(--font-sm);
    line-height: 44px;
}
.btn.icon-right span{
    padding-left: 20px;
}
.btn-blue,
.account-form form input[type="submit"]{
    background: var(--blue-color);
    color: #ffffff;
    border: 1px solid var(--blue-color);
}
.account-form form input[type="submit"] {
    padding: 10px;
}
input[type=checkbox], input[type=radio]{
	margin-right: 10px;
	margin-top: 2px !important;
}
.btn-green{
    background: var(--green-color);
    color: var(--base-black);
    border: 1px solid var(--green-color);
}
.btn-green:hover svg path{
    stroke: var(--green-color);
}
.btn-green:hover{
    background: #fff;
    color: var(--green-color);
}
.btn-blue:hover{
    background: #ffff;
    color: var(--blue-color);
}
.btn-blue:hover span svg path{
    stroke: var(--blue-color);
}
.feature-info h3{
	font-size: 30px;
	line-height: 38px;
}
.feature-grid p{
	font-size: 20px !important;
	line-height: 28px !important;
}
.feature-info .text-green.upp{
	font-weight: 600;
}
.btn-blue.lg{
    padding: 16px 44px 16px 24px;
}
.btn-blue.lg.btn-downlaad{
	padding: 14px 52px 14px 26px  !important;
	font-size: 18px;
	line-height: 26px !important;
	font-weight: 600;
}
.btn-blue.lg.btn-downlaad span svg{
	right: 24px !important;
}
.white-btn.lg{
    padding: 16px 45px 16px 24px !important ;
}
.white-btn{
    background: #ffffff;
    padding: 10px 16px;
    position: relative;
    display: inline-block;
    border: 1px solid #ffffff;
}
.hero-info-inner p{
	font-size: var(--font-m);
	line-height: 26px;
}
.btn.icon{
    padding: 16px 36px 16px 24px !important;
    line-height: 18px;
}
.hero-info-inner .btn svg{
	right: 12px;
}
.hero-info-inner .btn{
	font-size:var(--font-m);
	line-height: 26px
}
.white-btn.icon{
    background: #ffffff;
    padding: 10px 36px 10px 10px;
}

.white-btn svg,
.btn svg{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.btn-outline{
    position: relative;
}
.btn-outline.grey{
    border: 1px solid var(--grey-300);
}
.btn-outline.blue{
    color: var(--blue-color);
    border: 1px solid var(--blue-color);
    padding: 10px 36px 10px 14px;
}
.btn-outline.white{
    color: #fff;
    border: 1px solid #fff;
}
.btn-outline.white:hover{
    color: var(--blue-color);
    border: 1px solid var(--blue-color);
}
.white-btn.blue:hover{
    border: 1px solid #ffffff;
}
.btn-outline.blue:hover{
    border: 1px solid var(--blue-color);
}
.btn-outline.blue:hover,
.white-btn.blue:hover{
    background: var(--blue-color);
    color: #ffffff;
}
.btn-outline.blue:hover svg path,
.white-btn.blue:hover svg path{
    stroke: #ffffff;
}

/* END BUTTON */

/* TAB ITEMS */
.page-title-with-tab{
    padding-top: 48px;
    border-bottom: 1px solid var(--grey-200);
    padding-bottom: 0px;
    margin-bottom: 10px;

}
.tab-sec{
    padding: 0;
}
.tab-items {
	overflow-y: hidden;
    min-height: 37px;
    overflow-x: auto;
    margin-top: 20px;
    list-style: none;
    display: flex;
    gap: 12px;
    padding: 0;
    margin-bottom: 0;
}
.tab-items li a{
    text-wrap: nowrap;
    padding: 0 4px 14px;
    font-size: var(--font-xs);
    color: var(--grey-500);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;

}
.tab-items li a:hover,
.tab-items li.active a{
    color: var(--blue-color);
    border-bottom: 3px solid var(--blue-color);
	font-weight:700;
}
.colored-banner.blue .banner-img img{
	filter: brightness(0) saturate(100%) invert(99%) sepia(23%) saturate(3310%) hue-rotate(68deg) brightness(91%) contrast(100%);
}
.colored-banner.purple .banner-img img{
	filter: brightness(0) saturate(100%) invert(55%) sepia(86%) saturate(2633%) hue-rotate(285deg) brightness(96%) contrast(99%);
}
.colored-banner.green .banner-img img{
	filter: brightness(0) saturate(100%) invert(14%) sepia(83%) saturate(5012%) hue-rotate(240deg) brightness(81%) contrast(138%);
}

.banner-img img{
	width: 100%;
}
.banner-img {
    margin: auto 0 auto auto;
	width: 100%;
	height: 100%;
}
.colored-banner .inner-banner .cta{
    display: flex;
    gap: 20px;
    margin-top: auto;
    flex-wrap: wrap;
}
/* END TAB ITEMS */

/* TABLE */
.table-grid .col{
    min-width: 186px;
    padding: 0 1px;

}
.table-data.blue img {
    filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(6066%) hue-rotate(245deg) brightness(79%) contrast(143%);
}
.table-data.red img {
   filter: brightness(0) saturate(100%) invert(17%) sepia(57%) saturate(7386%) hue-rotate(356deg) brightness(94%) contrast(118%);
}
.table-data.green img {
    filter: brightness(0) saturate(100%) invert(85%) sepia(26%) saturate(980%) hue-rotate(78deg) brightness(100%) contrast(92%);
}
.table-data.yellow img {
    filter: brightness(0) saturate(100%) invert(92%) sepia(81%) saturate(3236%) hue-rotate(329deg) brightness(100%) contrast(93%);
}
.table-data.purple img {
    filter: brightness(0) saturate(100%) invert(13%) sepia(75%) saturate(5273%) hue-rotate(268deg) brightness(81%) contrast(103%);
}
.table-data,
.table-grid p,
.table-data a{
    font-size: var(--font-xs);
    line-height: 22px;
    margin-bottom: 0;
}
.table-grid.outlined .icon-circle {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-left: 15px;
}

.table-grid:not(.outlined) .table-data p,
.table-grid:not(.outlined) .table-data a{
    font-weight: 600;
}
.table-grid.outlined .col-purple .table-data a span,
.table-grid.outlined .col-purple .table-data span.icon-circle{
    background: var(--purple-color);
}
.table-grid.outlined .col-blue .table-data a span,
.table-grid.outlined .col-blue .table-data span.icon-circle{
    background: var(--blue-color);
}
.table-grid.outlined .col-red .table-data a span,
.table-grid.outlined .col-red .table-data span.icon-circle {
    background: var(--red-color);
}
.table-grid.outlined .col-yellow .table-data a span,
.table-grid.outlined .col-yellow .table-data span.icon-circle 
{
    background: var(--yellow-color);
	color: var(--black-color);
}
.table-grid.outlined .col-green .table-data a span,
.table-grid.outlined .col-green .table-data span.icon-circle{
    background: var(--green-color);
	color: var(--black-color);
}
.table-grid.outlined .col-yellow .table-data a span svg path,
.table-grid.outlined .col-green .table-data a span svg path{
    stroke: var(--base-black);
}
.table-grid.outlined .table-data a span{
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 37px;
    border-radius: 25px;
    margin-left: 10px;
    display: inline-block;
}
.table-grid.outlined .col:nth-child(3){
    min-width: 372px;
}
.table-grid.outlined .col:last-child .table-data,
.table-grid.outlined .col:last-child .table-data a{
    font-weight: 600;
    text-decoration: none;
}
.table-grid.outlined .col:nth-child(3) .table-data{
    text-decoration: none;
}
.table-grid.outlined .col:nth-child(4) .table-data{
    flex-direction: column;
    align-items: start;
    padding: 20px;
    text-decoration: none;
}
.outlined .table-header p{
    color: #ffffff;
    margin-bottom: 0;
}
.outlined .table-data{
    background: none !important;
}
.outlined .table-header{
    background: var(--deep-purple-color) !important;
    height: 35px !important;
    
}
.table-grid.outlined .col-red .table-data{
    border-bottom: 1px solid var(--red-color);
}
.table-grid.outlined .col-yellow .table-data{
    border-bottom: 1px solid var(--yellow-color);
}
.table-grid.outlined .col-green .table-data{
    border-bottom: 1px solid var(--green-color);
}
.table-grid.outlined .col-purple .table-data{
    border-bottom: 1px solid var(--purple-800);
}

.table-grid .table-header{
    padding: 8px 16px;
    height: 84px;
    position: relative;
}
.table-grid .table-header svg{
    position: absolute;
    right: 16px;
    bottom: 16px;
}
.table-grid .table-header p strong{
    font-weight: 600 !important;
}
.table-grid.outlined .table-data{
    min-height: 100px;
}
.table-grid .table-data {
    height: 72px;
    display: flex;
    align-items: center;
    padding: 26px 14px;
}
.table-grid .col-yellow .table-header svg path,
.table-grid .col-green .table-header svg path{
    stroke: var(--base-black);
}
.table-grid .col-blue .table-header{
    background: var(--blue-color);
    color: #ffffff;
}
.table-grid .col-green .table-header{
    background: var(--green-300);
    color: var(--base-black);
}
.table-grid .col-yellow .table-header{
    background: var(--yellow-400);
    color: var(--base-black);
}
.table-grid .col-red .table-header{
    background: var(--red-color);
    color: #ffffff;
}
.table-grid .col-red .table-header a:hover,
.table-grid .col-purple .table-header a:hover,
.table-grid .col-blue .table-header a:hover
{
	color: #ffffff;
}
.table-grid .col-yellow .table-header a:hover,
.table-grid .col-green .table-header a:hover{
	color:var(--base-black);
}
.table-grid .col-purple .table-header{
    background: var(--purple-800);
    color: #ffffff;
}
.table-grid .col-blue .table-data{
    background: var(--blue-50);
}
.table-grid .col-green .table-data{
    background: var(--green-50);
}
.table-grid .col-purple .table-data{
    background: var(--purple-50);
}
.table-grid .col-yellow .table-data{
    background: var(--yellow-50);
}
.table-grid .col-red .table-data{
    background: var(--red-50);
}
.table-grid:not(.outlined) .col:not(.col-white) .table-header p{
    max-width: 94px;
}
.table-grid:not(.outlined) .col:not(:first-child) .table-data{
    justify-content: center;
    text-align: center;
}
.table-grid .col:not(:first-child) .table-data{
   
    text-decoration: underline;
}
.table-grid .col-white .table-header,
.table-grid .table-data {
    border-bottom: 1px solid var(--blue-color);

}

.table-grid{
    margin-top: 24px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;

}
.colored-table .inner-table .intro{
    padding-bottom: 24px;
    border-bottom: 1px solid var(--grey-200);

}
.colored-table .inner-table .introduction{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--grey-600);
}
.colored-table .inner-table{
    padding: 24px;
    box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.07);
}
/* END TABLE */


/* COLORED BANNER */
.colored-banner.purple .inner-banner{
    background: var(--purple-color);
}
.colored-banner.blue .inner-banner{
    background: var(--blue-color);
}
.colored-banner.red .inner-banner{
    background: var(--red-color);
}
.colored-banner.yellow .inner-banner{
    background: var(--yellow-color);
}
.colored-banner.green .inner-banner {
    background: var(--green-color);
}
.colored-banner.purple .inner-banner svg path{
    stroke: var(--pink-500);
}
.colored-banner.blue .inner-banner .banner-img svg path{
    stroke: var(--green-color);
}
.colored-banner.red .inner-banner svg path,
.colored-banner.yellow .inner-banner svg path{
    stroke: var(--base-black);
}
.colored-banner.green .inner-banner svg path{
    stroke: var(--blue-color);
}
.colored-banner.blue .inner-banner{
    background: var(--blue-color);
}
.colored-banner,
.colored-table{
	margin-bottom: 24px !important;
}
.colored-banner .inner-banner {
    display: flex;
	min-height: 236px;
}
.colored-banner .inner-banner .banner-img svg{
    height: 100%;
}
.colored-banner.yellow .inner-banner .info,
.colored-banner.green .inner-banner .info{
    color: var(--base-black);
}
.colored-banner .inner-banner .info{
    display: flex;
    flex-direction: column;
    padding: 46px;
    color: #ffffff;
    justify-content: center;
}
.colored-banner .inner-banner p{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px; 
}
/* END COLORED BANNER */

/* Two Col */
.two-col-sec .intro .main-intro p{
    font-size: var(--font-m);
}
.two-col .boxwhite-grid{
    display: flex;
    gap: 32px;
}
.boxwhite.d-flex .info h4 svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
}
.boxwhite.d-flex .info h4{
    text-transform: capitalize;
    font-size: var(--font-sm);
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    position: relative;
}
.boxwhite.d-flex .info p{
    font-size: var(--font-sm);
    color: var(--grey-600);
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}
.boxwhite{
    position: relative;
    background: #ffffff;
    height: 100%;
   padding: 24px;
   box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.07);
}
.box-purple.md {
    background: var(--deep-purple-color);
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -20px;
}
.box-purple img{
    width: 27px !important;
    height: 27px;
    object-fit: contain;
    margin-bottom: 0 !important;
}
.boxwhite h4{
    font-size: var(--font-sm);
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.boxwhite .sub-text{
    font-weight: 500 !important;
    line-height: 24px !important; 
    font-size: var(--font-sm) !important;
    margin-bottom: 8px;
    color: var(--base-black) !important;
}
.boxwhite .profile{
	min-width: 72px;
}
.boxwhite .profile img{
	border-radius: 72px;
    width: 72px;
    height: 72px;
    object-fit: cover;


}
.boxwhite .profile-info{
    padding-left: 20px;
    
}
.boxwhite .profile-info .name{
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--base-black);
    position: relative;
}
.boxwhite .profile-info .name svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}
.boxwhite .profile-info .desc{
    font-size: var(--font-xxs);
    font-weight: 400;
    line-height: 18px; 
    color: var(--grey-600);
    margin-bottom: 0;
}
.whiteboxes .boxwhite p{
    font-size: var(--font-sm);
    font-weight: 400;
    line-height: 24px;
    color: var(--grey-600);

}
.underline{
    text-decoration: underline;
}
.blog .whitebox{
    padding: 48px 24px 24px !important;
}
.blog .whitebox h4{
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.whitebox{
    position: relative;
    overflow-y: visible;
    background: #ffffff;
}
.whitebox .price .currency{
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
}
.whitebox .price .per{
    font-size: 14px;
    color: var(--grey-600);
    font-weight: 600;
    line-height: 20px; 
    text-transform: uppercase;
    letter-spacing: normal;
}
.hero-pricing .whitebox  a.btn{
    text-align: left;
}
.whitebox .price {
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 80px; /* 100% */
    letter-spacing: -1.6px;
}
.pricing-items{
	padding-top: 24px;
}
.hero-pricing .btn-container .btn{
	font-size: 16px;
	padding:16px 36px 16px 22px !important;
}
.pricing-items p{
    font-size: var(--font-xs);
}
.pricing-items .item .icon{
    background: var(--blue-50);
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 26px;
}
.hero-blog .whitebox{
    max-width: 384px !important;
}
.hero-blog h1{
	font-size: 60px !important;
	line-height: 72px;
}
.page-template-template-insights{
	background:#ffffff !important;
}
.page-template-template-insights .blog-grid .card-item .information{
	box-shadow: none !important;
}
.banner.blog.pb-3 {
    padding-bottom: 50px !important;
}

.blog-banner .row {
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.gchoice label,
.ginput_container_consent label{
	font-weight: 400 !important;
}
fieldset#field_6_13 legend{
	display: none;
}

.basic-hero{
	background-image: url(../img/basic-hero-bg.png);
	background-position: top right !important;
	background-size:contain !important;
	background-repeat: no-repeat !important;
	
}
.basic-content h3{
	margin-top: 30px !important;
	margin-bottom: 20px !important;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 38px;
}
.basic-content p{
	color: var(--grey-600);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 16px !important;
}
.basic-hero{
	display: flex;
	align-items: center;
	justify-content: center;
}
.basic-hero h1{
	font-size: 60px !important;
	font-style: normal;
	margin-bottom: 48px !important;
	font-weight: 500;
	line-height: 72px;
	
}
.sticky.scroll .hero.whitebox{
	position: absolute;
    top: 180px;
	left: 53%;
}
.hero-blog .hero.whitebox{
	margin: auto;
}

.hero.whitebox{
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 48px;
    max-width: 488px;
    width: 100%;
    overflow: visible;
    border: 1px solid var(--grey-300);
	z-index:3;
	
}
div#popup-specialisms {
    row-gap: 10px;
}
.icon-circle:not(.md){
	max-width: 30px;
}
.icon-circle.blue.white img{
    filter: invert(1);
    height: auto;
    
}
.icon-circle.purple{
    background: var(--purple-color);
}
.icon-circle.red{
    background: var(--red-color);
}
.icon-circle.yellow{
    background: var(--yellow-color);
}
.icon-circle.green{
    background: var(--green-color);
}
.icon-circle.blue{
    background: var(--blue-color);
	
}
.icon-circle.blue svg rect{
    fill: var(--blue-color);
}
.icon-circle.purple img,
.icon-circle.red img,
.icon-circle.blue img{
    filter: invert(1);
}
.icon-circle.red{
    background: var(--red-color);
}
.icon-circle.yellow{
    background: var(--yellow-color);
}
.icon-circle.green{
    background: var(--green-color);
}
.icon-circle.yellow svg path{
    stroke: var(--base-black);
}

.icon-circle.blue{
    background: var(--blue-color);
}
.icon-circle.blue div:not(.white) img{
    filter: invert(1);
}
.icon-circle.md{
    min-width: 72px;
    width: 72px;
    height: 72px;
    padding: 4px 8px;
}
.icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 56px;
}
.two-col .boxwhite-grid .boxwhite h3{
    font-size: var(--font-m);
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
.two-col .boxwhite-grid .boxwhite p{
    font-size: var(--font-xs);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--grey-600);
    margin-bottom: 0;
}
/* Two Col End*/

/* WHite CARD Grid  */
.card-slider-v2 .card-grid:not(#content-library-results) {
	grid-template-rows: repeat(auto-fill, 320px);
}
.card-slider-v2 .card-grid {
	row-gap: 15px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(254px, 1fr));
}
.counter-container.d-flex svg {
    margin-top: 5px;
}

.card-slider-v2 .card-grid-related{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(384px, 1fr)) !important;
}

section.related-posts {
    min-height: 534px;
}

.card-slider-v2 .card-grid-related .card-item .information{
	box-shadow: none !important;
}

/* Videos */
.video-outline{
    background: #ffffff;
    box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.07);
}

.video-outline .video-content{
    padding: 24px;
}
.video-outline .title{
    padding: 8px 16px;
}
.video-outline.blue > .title{
    color: #ffffff;
    background:var(--blue-color);
}
.video-outline.purple .title{
    color: #ffffff;
    background:var(--purple-color);
}
.video-outline.red .title{
	color: #ffffff;
	background:var(--red-color);
}	
.video-outline.yellow .title{
	background: var(--yellow-color);
}
.video-outline.green .title{
	background: var(--green-color);
}
.video-outline.blue{
    border: 1px solid var(--blue-color);
}
.video-outline.purple{
    border: 1px solid var(--purple-color);
}
.video-outline.red{
    border: 1px solid var(--red-color);
}
.video-outline.yellow{
    border: 1px solid var(--yellow-color);
}
.video-outline.green{
    border: 1px solid var(--green-color);
}
.video-outline.blue{
    border: 1px solid var(--blue-color);
}
.video-container{
    display: flex;
    min-height: 390px;
    box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.07);
}
.video-container .video-info{
     padding: 16px;
     width: 40%;
}
.video-container .video-info h3{
    max-width: 340px;
}
.video-container .video-main{
    width: 60%;
}
.video-plane .description p{
    font-size: var(--font-sm);
    font-weight: 400;
    line-height: 24px;
    color: var(--grey-600);
}
/* END VIDEOS */


/* CPD */


/* END CPD */

/* filter */
.filter-container{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.side-filter{
    margin-top: 10px;
    display: none;
}
.filter-item{
    margin-bottom: 32px;
}
.filter-item h4{
    padding-bottom: 8px;
    color: var(--grey-600);
    font-size: var(--font-xs);
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
}
.filter-item .filter-checkboxes label{
    font-size: var(--font-xs);
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 8px;
}
.filter a{
    position: relative;
    font-size: var(--font-xs);
    font-weight: 600;
    line-height: 20px;
    padding: 10px 16px;
    border: 1px solid var(--grey-300);
    display: inline-block;
    width: 100%;
    height: 40px;
}
.filter a::after{
    content: url('../img/filter-lines.svg') !important;
    position: absolute;
    top: 10px;
    right: 10px;
}
.filter-dropdown select,
.blog-filter-dropdown select{
    width: 100%;
    font-size: var(--font-xs);
    font-weight: 600;
    line-height: 20px;
    border: 1px solid var(--grey-300);
    padding: 10px;
    height: 40px;
}
.blog-search-filter{
	width: 68%;
}

.blog-filter-dropdown {
    width: 30% !important;
    padding-left: 0 !important;
    margin-left: 2%;
}
.blog-search-filter input {
    border: 1px solid var(--grey-300);
    padding: 8px 16px 8px 36px;
    width: 100%;
    height: 22px;
    margin: auto;
}
.search-filter,
.blog-search-filter{
    display: flex;
    justify-content: center;
    position: relative;
}
.search-filter::after,
.blog-search-filter::after{
    content: url('../img/search-md.svg');
    position: absolute;
    left: 16px;
    top: 10px;
}

.search-filter input:focus{
    outline: none;
}
.search-filter input{
    border: 1px solid var(--grey-300);
    padding: 8px 16px 8px 36px;
    width: 100%;
    height: 22px;
    margin: auto;
	font-size: 14px;
}
.filter{
    padding-right: 10px;
}
.filter-dropdown{
    padding-left:10px;
}
.filter-dropdown,
.filter
{   
    min-width: 110px;
    width: 10%;
}
.search-filter{
    width: 80%;
}
.filter-checkboxes .item{
    padding: 5px 0px;
}
.filter-actions{
    gap: 10px;
}
/* End filter */


/* Popup */
body#marketing .popup,
body#marketing .account-popup{
	width: 100%;
}
body:not(#marketing) .popup,
body:not(#marketing) .account-popup{
	margin-left: 280px;
	width: calc(100% - 280px);; 
}
.popup,
.account-popup{
    display: none; 
    position: fixed; 
    z-index: 3; 
    left: 0; 
    top: 0; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.7); 
  }
  #popup-image{
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100px;
  }
  .popup-content,
  .account-popup-content{
    background-color: #fefefe;
    margin: 15% auto; 
    padding: 24px;
    max-width: 520px;
    border: 1px solid #888;
    width: 95%; 
  }

  .close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    line-height: 21px;
    font-weight: bold;
  }

  .close-btn:hover,
  .close-btn:focus {
    color: var(--blue-color);
    text-decoration: none;
    cursor: pointer;
  }

/* End Popup */

/*  */
.contributors .item{
    padding: 16px 0px;
    max-width: 100%;
    margin: auto;
}
.contributors-popup{
    font-size: var(--font-sm);
    line-height: 24px;
}
.contributors .item img{ 
    margin: auto;
    display: block;
    width: 48px;
    height: 48px;
    min-width: 48px;
    object-fit: cover;
    border-radius: 36px;
}
.contributors .item:not(:last-child){
    border-bottom: 1px solid var(--grey-200);
}
/* Responsive styles */
/* Article */
.quote {
    padding: 8px 22px;
}
.quote .name{
    margin-bottom: 0;
}
.main-quote{
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 28px
}
.quote.blue {
    border-left: 2px solid var(--blue-color);
}


.message-icon {
    position: relative;
    width: 42px; 
    height: 30px; 
    background-color: var(--blue-color); 
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .message-icon:after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid var(--blue-color);
  }
  .separator{
    height: 1px;
    background: var(--grey-200);
  }
  form.comments textarea,
	#comment{
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--grey-300);
	margin-bottom: 15px;
	font-size: 14px;
  }
  .comment p{
	color: var(--grey-600);
  }
  .comment p,
  .comment-profile p{
    font-size: var(--font-xs);
  }
  .comments-form-after .form-after-text{
    width: 70%;
  }
  .comments-form-after .comments-cta{
    width: 30%;
  }
  .comments-form-after .comments-cta input{
    margin: 10px;
    width: calc(50% - 20px);
  }
  .comments-2, .depth-2{
    padding-left: 24px;
  }
  .comments.blue .comments-2, .depth-2{
    border-left: 1px solid var(--blue-color);
  }
  .circle-user.xs{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    padding: 3px 0px;
    font-size: var(--font-xxs);
  }
  .circle-user.blue{
    background: var(--blue-color);
    color: #ffffff;
  }

  
/* End Article */
.bg-grey{
    background: var(--grey-100);
}
.color-grid-sec.bg-grey{
    margin-top: -200px;
    padding-top: 200px !important;
    padding-bottom: 90px !important;
}
.color-grid-sec h2,
.color-row h2{
	margin-bottom: 24px;
}
.color-grid-sec h3{
	font-size: 48px;
	font-weight: 500;
	margin-bottom: 24px;
	line-height: 60px; 
}
.color-row .row .bl-blue-4 p{
	font-size: 16px !important;
	line-height: 24px !important;
}
.color-row .row p:not(.num){
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.color-row .table-row{
    overflow-x: auto;
}
.color-row .table-row .row{
    margin: auto;
}
.color-row .table-row .row-red,
.color-row .table-row .row-blue,
.color-row .table-row .row-purple{
    color: #ffffff;
}

.row-purple{
    background: var(--purple-color);
}
.row-blue{
    background: var(--blue-color);
}
.row-red{
    background: var(--red-color);
}
.row-yellow{
    background: var(--yellow-color);
}
.row-green{
    background: var(--green-color);
}
.bl-white-4{
    border-left: 4px solid #ffffff;
}
.color-row .num{
    text-align: center;
    font-size: 72px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}

.color-row .inline {
    width: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-nav:not(.faqs) ul{
    justify-content: center;
}
.tab-nav.faqs ul li a,
.blog-nav ul li a{
    font-size: 18px;
}
.tab-nav.faqs ul,
.blog-nav ul{
    margin-bottom: 0;
    border-bottom: 1px solid var(--grey-200);
}
.blog-nav-container {
    margin-bottom: 40px;
}
.blog-nav ul{
    padding: 0;
    list-style: none;
    display: flex;
    
}
.tab-nav ul{
    margin-top: 40px;
    padding: 0;
    list-style: none;
    display: flex;
    
}
.tab-nav ul li,
.blog-nav ul li{
    padding: 10px;
}
.tab-nav ul li.active,
.blog-nav ul li.active {
    color: var(--blue-color);
    border-bottom: 4px solid var(--blue-color);
}
.tab-nav ul li.active a,
.blog-nav ul li.active a{
    color: var(--blue-color);
}
.tab-nav ul li a,
.blog-nav ul li a{
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    color: var(--grey-500);
    font-size: 18px;
}
.team-item{
    overflow: hidden;
    margin: 0;
    position: relative;
}
.acro-container{
    margin-top: auto;
}
.acro.xxs{
    height: 24px;
    width: 24px;
}
.acro.green{
	background:var(--green-color);
}
.acro.red{
	background:var(--red-color);
}
.acro.yellow{
	background:var(--yellow-color);
}
.acro.purple{
	background:var(--purple-color);
}
a.card-item.red .icon svg path {
    fill: var(--red-color);
    stroke: var(--red-color);
}
a.card-item.purple .icon svg path {
    fill: var(--purple-color);
    stroke: var(--purple-color);
}
a.card-item.green .icon svg path {
    fill: var(--green-color);
    stroke: var(--green-color);
}
a.card-item.yellow .icon svg path {
    fill: var(--yellow-color);
    stroke: var(--yellow-color);
}
.icon-circle-light.yellow svg path {
    stroke: var(--yellow-color);
}
.icon-circle-light.red svg path {
    stroke: var(--red-color);
}
.icon-circle-light.green svg path {
    stroke: var(--green-color);
}
.icon-circle-light.purple svg path {
    stroke: var(--purple-color);
}
.icon-circle-light.blue svg path {
    stroke: var(--blue-color);
}
.team-item .acro{
    padding: 4px;
    position: relative;
}
.icon-circle-light {
    background: var(--blue-50);
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
}

.tab-result .team-grid:not(:first-child){
    display: none;
}
.team-item .description p{
    font-size: var(--font-xs);
}
.acro-container .item{
    padding-right: 12px;
}
.acro-container .item .subject{
    margin-bottom: -7px !important;
    display: block;
}
.team-item .acro p{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: var(--blue-color);
}
.team-item img{
    width: 100%;
    height: 248px;
    object-fit: cover;
}
.team-item h4{
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}
.team-item.blue{
    background: var(--blue-color);
    padding: 16px;
}
.team-grid:not(.faqs){
    gap: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.contributors-popup{
	cursor: pointer;
}
body:not(.home) .main-header .logo img{
    filter: brightness(0) saturate(100%) invert(6%) sepia(89%) saturate(7448%) hue-rotate(247deg) brightness(125%) contrast(138%);
}
.ellipsis{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
	max-width: 100%;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .green-next.next,
    .green-prev.prev {
      box-shadow: none !important;
    }
  }
}

.green-next.next,
.green-prev.prev {
 	background: transparent !important;
    position: relative;
    width: 30px;
    height: 30px;
    padding: 22px;
    margin: 5px;
	border: none !important;
	 -webkit-appearance: none; 
}

.full-slides-v2-nav-container {
  	position: absolute;
    display: flex;
    justify-content: center;
    top: 85%;
    width: 110px;
    z-index: 1;
    transform: translateY(-50%);
}

.green-prev.prev:after {
  content: url(../img/green-arrow-prev.svg) !important;
  margin-left: -2px !important;
  width: 35px;
  height: 35px;
  position: absolute;
  border-radius: 25px;
  transform: scale(0.7);
  top: 0;
  left: 0;
}

.green-next.next:after {
  content: url(../img/green-arrow-next.svg) !important;
  margin-left: -2px !important;
  width: 35px;
  height: 35px;
  position: absolute;
  border-radius: 25px;
  transform: scale(0.7);
  top: 0;
  left: 0;
}

.contact-popup .gform_confirmation_wrapper {
    height: 63vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.contact-popup .cancel {
    padding: 14px 24px;
    text-align: center;
    width: 100%;
    color: var(--grey-600);
    opacity: 1;
}

.contact-popup {
	overflow-y: auto;
    position: fixed;
    width: 100%;
    right: -100%; 
    top: 0;
    background: #ffffff;
    padding: 20px 24px 50px;
    height: 100vh;
    transition: right 0.3s ease;
	z-index: 9;
	max-width: 375px;
}
.contact-popup .content{
	padding-top: 30px;
}
.contact-popup h3{
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}
.contact-popup form input[type=submit] {
	background: var(--blue-color) !important;
	color: #ffffff;
}
@media(max-width: 1140px){
	.table-row .row{
		flex-wrap: nowrap !important;
	}
	.color-row .inline{
		min-width: 98px;
	}
	.table-row .col-8{
		max-width: 399px !important;
	}
}
@media(max-width: 1440px){
    .filter-dropdown,
    .filter
    {   
        min-width: 100px;
        width: 50%;
    }
    .search-filter{
        order: 1;
    }
    .filter{
        order: 2;
        padding-right: 8px;
    }
    .filter-dropdown{
        order: 3;
        padding-left: 8px;
    }
    .search-filter{
        margin-bottom: 16px;
    }
    .search-filter input,
    .search-filter{
        width: 100% !important;
    }

}

@media(max-width: 1024px){
	.video-container {
		flex-wrap: wrap;
		max-width: 600px;
		margin: auto;
	}
	 .video-container .video-main,
    .video-container .video-info{
        width: 100%;
    }
/*     .color-row .table-row .row .col-lg-4:nth-child(3),
    .color-row .table-row .row .col-lg-4:nth-child(4){
        display: none;
    } */
    .three-col-grid .item{
        margin-bottom: 20px;
    }
    
    .comments-form-after .comments-cta input{
        width: 100%;
    }
    .hero-inner .hero-info,
    .hero-inner .hero-img{
        width: 100% !important;
    }
    .hero-info-inner{
        margin: auto !important;
    }
   
    .features-inner{
        max-width: 100% !important;
    }
	 .colored-banner .inner-banner .banner-img{
        display: none;
    }
   
    .three-col-grid .item{
        margin-bottom: 20px;
    }
    
    .comments-form-after .comments-cta input{
        width: 100%;
    }
    .hero-inner .hero-info,
    .hero-inner .hero-img{
        width: 100% !important;
    }
    .hero-info-inner{
        margin: auto !important;
    }
   
    .features-inner{
        max-width: 100% !important;
    }
	.hero-info-inner {
		max-width:520px
	}

}
@media(min-width: 824px) and (max-width: 991px){
	.row-white,
	.row-purple,
	.row-red,
	.row-yellow,
	.row-green,
	.row-blue{
		width: 1277px;
	}
}
@media(max-width: 824px) {
	.row-white,
	.row-purple,
	.row-red,
	.row-yellow,
	.row-green,
	.row-blue{
		width: 911px;
	}
	.basic-hero{
		background-image: none !important;
	}
	
	body:not(.home-portal):not(#marketing) #siteCookie,
	body:not(#marketing) .account-popup{
		margin-left: 0 !important;
		width: 100%;
	}
	.popup{
		width: 100% !important;
	}
	.row {
		margin: auto;
	}

	body.home .user-info .name{
		color: var(--base-black) !important;
	}
    .video-main iframe {
        max-height: 300px; /* Adjust height for mobile as needed */
    }
    .video-outline .video-main{
        position: relative;
        height: 200px;
    }
    .video-outline .video-main iframe{
        width: 100%;
    }
    .comments-form-after .form-after-text,
    .comments-form-after .comments-cta{
        width: 100%;
      }
    
    .popup-content{
        margin: 50% auto;
    }
    .video-content .btn{
        width: 100%;
    }
    .video-container{
        flex-wrap: wrap;
    }
   
    .colored-banner .inner-banner .info{
        padding: 40px 20px;
    }
    .white-btn.icon {
        width: 100%;
    }
   
    .two-col .boxwhite-grid{
        display: flex;
        flex-wrap: wrap;
    }
   
    .main, main{
        padding: 60px 0px;
    }
    .sidenav {
        width: 100%;
        height: auto;
        position: relative;
        margin-left: 0;
    }
    .sidenav {
        display: none;
        transition: transform 0.3s ease-in-out;
    }

    .sidenav.active {
        position: fixed;
        /* left: 0; */
        display: block !important;
        transform: translateY(0);
    }
    .sidenav.inactive {
        transform: translateY(-100%); /* Hide sidenav by sliding up */
    }
    main,
    .main,
    footer,
    .popup,
	#siteCookie.platform{
        margin-left: 0 !important;
    }

    .topnav {
        display: flex;
    }

    .desktop{
        display: none;
    }
    .sidenav{
        padding-top: 80px;
    }

    .card-slider-v2 .blog-grid {
        width: 100%;
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fill, minmax(auto, 1fr)) !important;
    }
    
    .hero-inner .hero-img .hero-img{
        height: 515px;
    }
    .hero.banner .hero-inner{
        padding-top: 100px !important;
    }
    body.home .main-header.active .logo img{
        filter: brightness(0) saturate(100%) invert(6%) sepia(89%) saturate(7448%) hue-rotate(247deg) brightness(125%) contrast(138%);
    }
    .logo img{
        position: relative;
        z-index: 9;
        
    }
    .main-header.active {
        height: 100vh;
        position: fixed;
        width: 100%;
    }
    .hero.banner {
        padding-top: 0;
    }
   
    .main-header {
        padding: 22px;
    }
    .main-header.active .header-cta{
        display: block !important;
        position: absolute;
        bottom: 40px;
        width: 88%;
    }
    .main-header.active .header-cta a{
        width: 100%;
        margin: 0 0 10px !important;
        transition: all 0.5s ease;
    }
    .main-header.active .header-cta .btn.sign-in{
        border: 2px solid var(--blue-color) !important;
        color: var(--blue-color) !important;
    }
    .header-cta,
    .top-nav.pp{
        display: none !important;
    }
    .burger-menu {
      display: block;
    }
    .header-menu ul{
        padding: 120px 0px;
        width: 100%;
        flex-direction: column;
        background: #ffffff;
    }
    .header-menu.open{
        left: 0;
    }
    .header-menu {
      position: absolute;
      top: 0;
      left: -100%;
      height: 100vh;
      width: 100% !important;
      transition: left 0.3s ease;
    }
  
    .header-menu ul {
      list-style: none;
    }
    .pp-slider{
        overflow-x: hidden;
    }
  
    .header-menu ul li a {
      display: block;
      padding: 10px;
      text-decoration: none;
      color: var(--base-black);
    }
}


/* Marketing */
.hero{
    overflow-y: hidden;
}
.hero-inner{
    background-color: var(--blue-color);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    margin-bottom: 100px;
    
}
.hero-inner .hero-info{
    width: 60%;
    position: relative;
    
}

.hero-divider{
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    left: -169px;
}
.hero.btm .hero-divider{
    top: -21%;
}
.hero-inner .hero-img .hero-img{
    width: 100%;
    max-width: 100%;
    height: 950px;
    max-height: 100%;
    object-fit: cover;
    
}

.hero-img .video-hero video{
    min-height: 954px;
    width: 100%;
    transform: scale(3);
}
.hero.btm .hero-inner .hero-img .hero-img{
    height: 624px;

}
.hero.btm .hero-inner{
    margin-bottom: 0 !important;
}
.hero-inner .hero-img{
    display: flex;
    width: 40%;
    position: relative;
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
   
}
.hero-info-inner{
    max-width: 630px;
    width: 100%;
    margin-left: auto;
    margin-right: 17%;
    padding: 40px 15px;
    position: relative;
}


.pp-h1{
    font-weight: 500;
    color: #ffffff;
}
.upp{
    text-transform: uppercase;
}
.pp-h1 span{
    color: var(--green-color);
}
.features-inner h3{
    max-width: 700px;
    width: 100%;
}
.four-col-plane{
	padding-top: 80px !important;
	background: #ffffff;
}
.four-col-plane h5{
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 16px !important;
}
h2.pp-h2{
/*     font-size: clamp(2rem, 1.6479rem + 1.1268vw, 3rem); */
	margin-bottom: 24px !important;
}
.bg-dark-purple .btn-container{
	padding-top: 48px !important;
}
.bg-dark-purple h2{
	margin-bottom: 48px !important;
}
.pp-h3{
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
}

.feature-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    
}
.feature-grid .item{
    border-left: 1px solid #ffffff;
}
.dark-purple .feature-grid .item p{
    color: #fff;
}
.feature-grid .item .icon{
    width: 48px;
    height: 48px;
    object-fit: cover;
    margin-bottom: 16px;
}
.dark-purple .feature-grid .item  svg path{
    stroke: var(--green-color);
}
.feature-grid .item p{
    margin-bottom: 0;
    font-size: var(--font-sm);
    line-height: 18px;
    font-weight: 500;
}
#content.widecolumn {
    text-align: center;
    max-width: 814px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 250px;
	padding-bottom: 150px;
    min-height: 400px;
    margin: auto;
    width: 100%;
}
body#marketing:has(#content.widecolumn) .user-info .name {
    color: var(--base-black) !important;
}
body#marketing:has(#content.widecolumn) .user-info .subscription {
    color: var(--grey-600) !important;
}
body#marketing:has(#content.widecolumn) .header-menu ul li a{
	  color: var(--base-black) !important;
}
body#marketing:has(#content.widecolumn) .header-cta .outline-btn.blue.sign-in {
    border: 2px solid var(--blue-color) !important;
	color: var(--blue-color) !important;
}
body#marketing:has(#content.widecolumn) .header-cta .outline-btn.blue.sign-in:hover{
	color: #fff !important;
}
body#marketing:has(#content.widecolumn) .main-header .logo img {
    filter: brightness(0) saturate(100%) invert(6%) sepia(89%) saturate(7448%) hue-rotate(247deg) brightness(125%) contrast(138%);
}
section.features{
    padding-top: 64px;
    padding-bottom: 32px;
    position: relative;
    z-index: 1;
    margin-top: -160px;
    background: rgb(90,245,153);
    
}
section.features.green{
    background: linear-gradient(90deg, rgba(90,245,153,1) 85%, rgba(0,0,0,0) 85%-100%);
}
section.features.dark-purple{
    background: linear-gradient(90deg, #190A2C 85%, rgba(0,0,0,0) 85%-100%);
}
.mw-800:not(.mn-auto){
    max-width: 800px;
    margin: auto;
}
.mw-900{
	max-width: 900px;
}
.mw-600{
    max-width: 600px;
}
.mw-700{
    max-width: 700px;
}
.full-slider h2,
.subjects h2{
    font-size: 36px !important;
	line-height: 44px !important;
}

.three-col h3{
    max-width: 600px;
    margin: auto;
}
.color-grid-sec .intro{
    max-width: 800px;
    margin: auto;
}

.three-col-grid{
    margin-bottom: -125px;
}
.three-col-grid .info{
    padding: 24px 36px;
    background: #ffffff;
    box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
}
.three-col-grid .img{
    position: relative;
}
.three-col-grid .img img{
    max-width: 100%;
    height: 256px;
    width: 100%;
    object-fit: cover;
}


.three-col-grid .img .acro{
    position: absolute;
    right: 0px;
    bottom: -50px;
}
.bg-dark-purple.no-bg{
    background-image: none;
}
.bg-dark-purple{
    background: var(--deep-purple-color);

}
.bg-dark-purple .img-right img{
    max-width: 592px;
    width: 100%;
    margin-bottom: -50px;
}

.pp-slider {
    padding-top: 150px;
	padding-bottom: 100px;
}
.color-grid-sec .pp-h3{
    margin: auto;
}
.pp-slider .pp-h3 {
	font-size: 36px !important;
	line-height:44px !important;
    max-width: 658px;
    width: 100%;
}
.pp-slider h2{
    max-width: 788px;
    width: 100%;
}
.profile-slider .item img{
    max-width: 100%;
    width: 100%;
}
.profile-slider .img img{
    height: 248px;
    object-fit: cover;
}
.profile-slider .item{
    background: var(--blue-color);
}
.profile-slider .card-item h4{
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}
.color-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
.color-grid .item{
    margin: 8px;
}
.color-grid .item.purple{
    background: var(--purple-color);
}
.color-grid .item.red{
    background: var(--red-color);
}
.color-grid .item.yellow{
    background: var(--yellow-color);
}
.color-grid .item.green{
    background: var(--green-color);
}
.color-grid .item.blue{
    background: var(--blue-color);
}
.color-grid .item.yellow p,
.color-grid .item.yellow h4,
.color-grid .item.green p,
.color-grid .item.green h4{
    color: var(--base-black);
}
.color-grid .item.purple p,
.color-grid .item.purple h4,
.color-grid .item.red p,
.color-grid .item.red h4,
.color-grid .item.blue p,
.color-grid .item.blue h4{
    color: #ffffff;
}
.color-grid .line-black{
    margin: 24px 0px;
    height: 1px;
    background: var(--base-black);
    width: 100%;
}
.color-grid .line-white{
    margin: 24px 0px;
    height: 1px;
    background: #fff;
    width: 100%;
}
.color-grid .item .number{
    font-size: 96px;
    line-height: 96px;
	font-weight: 600;
}
.color-grid .item .age{
    font-size: 24px;
}
.color-grid .item h4{
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}
.color-grid .item{
    padding: 16px;
}
.w-600{
    max-width: 600px;
    margin: auto;
    width: 100%;
}
.bg-blue{
    padding-top: 100px;
    min-height: 348px;
    background-color: var(--blue-color);
}
.bg-green{
    background-color: var(--green-color);
}
.platform .col-img{
    background: var(--green-color);
}
.platform .col-img,
.platform-info{
    position: relative;
}
.platform-info{
    display: flex;
    justify-content: center;
    align-items: center;
}
.platform-info .info{
    max-width: 576px;
    width: 100%;
}
.platform .col-img .img-bg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.img-absoulte{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
    max-width: 100%;
}
.scroll-items{
    /* height: 490px; */
    overflow-y: auto;
    direction: rtl;
}
.scroll-items .btn{
	padding-left:0 !important;
}
.btn-bb svg{
   right: 0 !important;
}
.card-grid p.font-w-md {
    font-size: 16x !important;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.tab-images img.mcbook{
	z-index: 1;
	opacity: 1 !important;
}
.tab-images img:not(.mcbook){
    opacity: 0;
	z-index: 2;
}
.tab-images img.active {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}
.scroll-items{
	margin-top: 40px;
}
.scroll-items .item{
	border-left: 4px solid var(--base-black);
    padding: 12px 10px 12px 24px;
    cursor: pointer;
}
.scroll-items h4{
	font-size: 20px;
	line-height: 28px;
}
/* .scroll-items .item{
    border-left: 4px solid transparent;
} */
.scroll-items .item.active{
    border-left: 4px solid var(--green-color);
}

.scroll-items::-webkit-scrollbar {
    width: 12px;
    background-color: var(--green-color);
    direction: ltr; /* Corrects the content direction */
    border-radius: 0
}

.scroll-items::-webkit-scrollbar-thumb {
    background-color: var(--base-black);
    border-radius: 0
}
.scroll-items::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none; /* Ensures the arrows are hidden */
    
}

.scroll-items {
    scrollbar-color: var(--green-color) var(--base-black); /* For Firefox */
    scrollbar-width: thin; /* For Firefox */
    border-radius: 0;
}
.bb-white{
    border-bottom: 1px solid #fff;
}
.btn-bb span{
    padding-left: 40px !important;
}

.ftr-socials .item:not(:last-child){
    margin-right: 20px;
}

/* Additional styling for smoother appearance */
.scroll-items::-webkit-scrollbar-track {
    background-color: var(--base-black);
    border-radius: 0;
    
}
.three-col-grid{
	padding-top: 80px !important;
}
.three-col-grid .title-cta .btn{
	text-transform: uppercase !important;
	padding-right !important;
}
.three-col-grid .card-grid{
    grid-template-columns: repeat(3, 1fr);
}
.bg-deep-purple{
    background: var(--deep-purple-color);
}
footer.marketing{
    margin: 0 !important;
}
footer.marketing .footer{
    
    padding-top: 70px;
    padding-bottom: 20px;
}
.ftr-logo img{
    max-width: 184px;
    height: auto;
    object-fit: contain;
    width: 100%;
}

.ftr-form form{
    margin: 0 !important;
}
.ftr-form input[type="email"]{
    height: 39px;
    width: 100%;
    display: inline-block;
    border: none;
    padding: 10px;
	font-size: 14px;
	line-height: 20px;
}
.ftr-form .gform_confirmation_message {
    color: var(--green-color);
}
.ftr-form  .gform_submission_error:after{
	display: none;
}
.ftr-form  .gform_submission_error{
    font-size: 16px;
    color: #ffffff;
}
.ftr-form  .validation_message{
	font-size: 14px;
    color: #ffffff;
}
.ftr-form #field_3_1{
	padding-right: 4px;
	width: calc(70% - 5px) !important;
	display:inline-block;
}
.ftr-form #field_submit{
	width: 30%;
	display:inline-block;
}
.ftr-form input:focus{
    border: none;
    outline: none;
}
.ginput_password.large input{
	width: 100% !important;
}
.gfield_password_strength {
    margin-top: -11px;
    margin-bottom: 20px;
}

button.gform_show_password {
    display: none;
}
.ftr-form label{
	display: none;
}
.fs-m{
	font-size: var(--font-m) !important;
	line-height: 26px !important;
}
.ftr-form input:focus-visible{
    border: none;
    outline: none;
}
.ftr-form.green input[type="submit"]{
    cursor: pointer;
	font-size: 14px !important;
	text-transform: uppercase;
    background: var(--green-color);
    color: var(--base-black);
    
}
.ftr-form input[type="email"]::placeholder {
    font-size: 14px;
	line-height: 20px;
}

.ftr-form input[type="submit"]{
	 font-size: 14px;
	line-height: 20px;
    width: 100%;
    display: inline-block;
    border: none;
    height: 39px;
    font-weight: 600;
}
.ftr-links ul{
    list-style: none;
    color: #fff;
    padding: 0;
}
.ftr-links ul li{
    margin-bottom: 12px;
}
.ftr-links ul li a{
    font-size: var(--font-xs);
}
.ftr-links .links{
    width: 200px;
    max-width: 100%;
}
.ftr-links .links h4{
    margin-bottom: 16px;
    font-size: 14px;
    color: var(--deep-blue-400);
    font-weight: 600;
    line-height: 20px;
}
.main-header{
    padding: 22px 32px;
}
.pp-header{
    position: absolute;
    width: 100%;
    z-index: 99;
}

.logo-menu{
    justify-content: space-between;
    flex-wrap: wrap;
}

.logo-menu,
.nav-logo{
    display: flex;
    align-items: center;
}
.header-menu ul{
    margin: 0;
    list-style: none;
    display: flex;
    color: #fff;
    text-transform: uppercase;
}
.header-menu ul li{
    padding: 0px 16px;
}

/* Basic styling */
.main-header {
position: relative;
}


.burger-menu {
display: none;
cursor: pointer;
font-size: 24px;
}
.header-menu ul li a{
    font-weight: 600;
    font-size: var(--font-sm);
}
body.pricing{
	background: #ffffff;
}
body.home .header-menu ul li a:hover{
	color: var(--blue-50);
}
body:not(.home) .header-menu ul li a:hover{
	color: var(--blue-color);
}
.header-menu {
display: flex;
}
body:not(.home) .main-header{
    background: #ffffff;
}
body:not(.home) .header-menu ul li a{
    color: var(--base-black);
}
body:not(.home) .pp-header{
    position: relative;
}
.hero-about{
    background-color: var(--blue-color);
    display: flex;
    align-items: center;
    background-image: url(../img/about-hero-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position: top right;
    
}
.hero-faqs{
    background-color: var(--blue-color);
    display: flex;
    align-items: center;
    background-image: url(../img/faq-hero-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position: top right;
    
}
.pricing .whitebox .btn{
	text-align: left;
}
section.vision .btn {
    padding: 12px 46px 12px 24px !important;
}

.team-item.blue.card-item > p {
    display: block;
    margin: auto;
}
.hero-pricing{
    background-color: var(--blue-color);
    display: flex;
    align-items: center;
    background-image: url(../img/pricing-hero-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position: top right;

}
.fw-500{
    font-weight: 500 !important;
}
.hero-blog .content-bottom{
    margin-top: 64px;
}
.hero-blog .content-bottom .subject{
    padding: 10px;
}
.hero-blog .content-bottom .subject p{
    display: inline-block;
    margin-bottom: 0;
}
.hero-blog{
    padding-top: 100px !important;
    min-height: 570px;
    background-color: var(--blue-color);
    display: flex;
    background-image: url(../img/pricing-hero-bg.png);
    background-repeat: no-repeat;
    background-size: 528px;
    position: relative;
    background-position: top right;

    
}
.page-hero .date{
    color: var(--blue-100);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
}
.hero-contact{
    min-height: 750px;
    display: flex;
    align-items: center;
    background-image: url(../img/contact-hero-bg.png);
    background-repeat: no-repeat;
    background-size: 528px;
    position: relative;
    background-position: top right;
}
.page-hero.pathway{
    background-color: var(--blue-color);
    min-height: 750px;
    display: flex;
    align-items: center;
   
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position: center right;
}
.page-hero.hero-features{
    background-color: var(--blue-color);
    min-height: 750px;
    display: flex;
    align-items: center;
    background-image: url(../img/features-herp-bg.png);
    background-repeat: no-repeat;
    background-size: 739px;
    position: relative;
    background-position: top right;
}
.page-hero:not(.blog) img{
    margin-bottom: -100px;
}
.page-hero p.text-green{
	font-weight: 600;
}
.page-hero p.text-white:not(:first-child){
	font-size: var(--font-m);
	line-height: 26px;
}
.page-hero:not(.request-account) h1{
	margin-bottom: 48px !important;
}
.page-hero .btn-container:not(.pt-0){
	padding-top: 48px !important;
}
.page-hero img{
    max-width: 592px;
    width: 100%;
}
section.full-video{
    margin: 50px 0px 0px;
}
.full-slides-v2 .img-col{
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/bg-circle-green.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    padding: 40px 0px;

}
.full-slides-v2 img.mc{
    max-width: 647px;
    width: 100%;
}
.full-slides-v2 .row{
    gap: 20px;
}
.block-grid{
    width: 100%;
    gap: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
}
.block{
    width: 176px;
    padding: 16px;
    max-width: 100%;
    height: 176px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.block .acro,
.block h4{
    position: relative;
    z-index: 1;
}
.block img{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.block.blue{
    background: var(--blue-color);
	width: 100%;
}
.acro.xs{
    width: 36px;
    height: 36px;
}
.acro.white{
    background: #ffffff;
}
.block .acro p{
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}
.block .acro.white p{
    color: var(--blue-color);
}
.subject-nav{
    padding: 0;
    list-style: none;
    max-width: 280px;
    width: 100%;
}
.subject-nav li a{
    padding: 8px 18px;
    background: var(--deep-purple-400);
    margin-bottom: 24px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; 
    text-transform: uppercase;
    color: #ffffff;
   
    
}
.subject-nav li.active{
    border-left: 4px solid var(--green-color);
}
.subject-nav li{
    border-left: 4px solid transparent;
}

.question .icon-circle{
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 100px;
	margin-right: 32px !important;
}
.blog-banner .info{
    position: relative;
}

.blog-banner .info .acro{
    position: absolute;
    right: 0;
    bottom: 0;
}
.boxwhite-form form{
    display: flex;
    flex-wrap: wrap;
}
.boxwhite-form form input,
.boxwhite-form form #field_3_1{
    width: 68%;
	display: inline-block;
}
.boxwhite-form form button,
.boxwhite-form form #field_submit{
    margin-left: 2%;
    width: 30%;
	display: inline-block;
}
.boxwhite-form form .gform-body{
	width: 100%;
}
.boxwhite-form form input{
    
    border: 1px solid var(--grey-300);
    padding: 10px 8px;
    font-size: var(--font-xs);
}
.boxwhite-form form input:focus{
    outline: none;
}
.boxwhite-form form button,
.boxwhite-form form #field_submit input{
    cursor: pointer;
    background: var(--blue-color);
    color: #ffffff;
    border: 1px solid var(--blue-color);
    padding: 10px 14px;
    font-weight: 600;
    font-size: var(--font-xs);
}
.boxwhite-form form button:hover,
.boxwhite-form form #field_submit input:hover{
    border: 1px solid var(--blue-color);
    color: var(--blue-color);
    background: #ffffff;
  
}
#field_1_1 legend,
#field_1_5 legend,
#field_1_13 legend,
#field_1_6 legend,
#field_1_14 legend,
#field_1_15 legend{
	display: none;
}

.gform_submission_error {
    font-size: 16px;
}

.btn.btn-grey{
    border: 2px solid var(--grey-300);
}
.login-prompt {
    border: 2px solid var(--grey-300);
    padding: 60px 20px;
}
section.login{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../img/login-bg.png');
    background-size: cover;
}
.login-form img{
    filter: brightness(0) saturate(100%) invert(6%) sepia(89%) saturate(7448%) hue-rotate(247deg) brightness(125%) contrast(138%);
    max-width: 184px;
    width: 100%;
    margin-bottom: 20px;
}
.login-form{
    max-width: 384px;
    width: 100%;
    background: #ffffff;
    padding: 32px;
    margin: auto;
}
.login-form form input{
    margin-bottom: 15px;
    border: 1px solid var(--grey-300);
    padding: 10px 14px;
    width: 100%;
}
.login-form h3{
    font-size: 24px;
}
.login-form form input::placeholder{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: var(--grey-400);
}
.login-form form label {
    margin-bottom: 3px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--grey-700);
}
.login-form form .reset-password{
    margin-top: 32px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
    text-decoration-line: underline;
    color: var(--grey-600);
}
.contact-form .gform_button{
	text-transform: uppercase;
}
.request-account a:not(.privacy){
    display: block;
    margin: auto;
	
}
.pagination .prev:after{
    content: url('../img/chunky-chevron-left-mini.svg');
    background: var(--green-color);
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    padding: 12px 4px 4px 4px;
    position: absolute;
    left: 0;
    top: 0;
}
.pagination .next:after{
    content: url('../img/chunky-chevron-right-mini.svg');
    background: var(--green-color);
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    padding: 12px 4px 4px 4px;
    position: absolute;
    right: 0;
    top: 0;
}
.pagination .prev{
    padding-left: 30px;
}
.pagination .next{
    padding-right: 30px;
}
.pagination .prev,
.pagination .next{
    position: relative;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: var(--grey-600);
    margin-bottom: 0;
   
}
.pagination{
    border-top: 1px solid var(--grey-200);
    margin-top: 20px;
    padding: 20px 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.pagination .num .current{
    color: var(--deep-purple-color);
}
.pagination .num a{
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--grey-400);
    padding: 8px 14px;
}
.related-posts{
    background: var(--grey-100);
}
/* Contact form */
form .name_first,
form .address_line_1,
#field_2_3{
    display: inline-block;
    width: calc(50% - 5px);
	padding-right: 10px;
}
form .name_last,
form .address_line_2,
#field_2_4{
    width: 50%;
    display: inline-block;
}
form input[type=text],
form input[type=email],
form input[type=emails],
form input[type=tel],
form input[type=submit]{
	width: 100%;
}
form .gfield_html_formatted h3 {
    border-bottom: 1px solid var(--deep-purple-color);
    margin-bottom: 20px;
    padding-bottom: 10px;
}
form h2:after,
.gform_submission_error:after{
	display:none !important;
}
.gform_submission_error,
.gfield_validation_message{
	color: var(--red-color);
}
.contact-form .gfield_validation_message {
    margin-bottom: 18px;
    margin-top: -10px;
}
form h3 {
    margin-top: 20px;
	margin-bottom: 10px;
}
.gchoice .gform-field-label,
.ginput_container_consent .gform-field-label{
	display: inline-block !important;
}
#gform_confirmation_message_1 {
    font-size: 20px;
}
#field_2_8 legend {
    display: none;
}
.account-form form input[type="password"]{
	width: 100%;
}
.fw-md{
	font-weight: 500 !important;
}
.contact-form form input,
.account-form form input{
	padding: 12px;
    border: 1px solid var(--grey-300);
    border-radius: 0;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}
#field_2_1 legend{
	display: none;
}

.gfield_required_asterisk {
    color: var(--red-color);
    padding-left: 4px;
}
p.gform_required_legend {
    display: none;
}
.contact-form form textarea,
.contact-form form select {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--grey-300);
    border-radius: 0;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    display: block;
    margin-top: 6px;
}
.update-success{
	color: var(--green-color); 
	background: var(--green-50); 
	padding: 10px; 
	margin-bottom: 29px;
}

.cancel-subcription-form {
    display: none; 
}
.boxwhite.subscription .price{
	font-size: 36px;
	font-style: normal;
	font-weight: 500;
	line-height: 44px; 
	color: var(--base-black);
}
.boxwhite.subscription .price .currency {
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	color: var(--base-black);
}

.boxwhite.subscription .price .per{
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}
.contact-form form label,
.account-form form label{
	display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0px;
}
.contact-form form input[type=submit]{
    background: var(--green-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    cursor: pointer;
}
.gf-fname,
.gf-lname,
.gf-email,
.gf-phone,
.gf-address1,
.gf-address2{
    width: 49%;
    display: inline-block;
}
.gf-lname,
.gf-phone,
.gf-address2{
    margin-left: 1%;
}
/*  */
.socials{
    display: flex;
    gap: 10px;
}
.socials.four-col .item img{
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.socials.four-col .item{
    border: 1px solid var(--grey-300);
    padding: 8px;
    width: 38px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.article img,
.blog-grid img{
    max-width: 100%;

}
.recent-post-grid .item .img{
    width: 280px;
}
.recent-post-grid .item .img{
    width: 280px;
}
.recent-post-grid .info{
    position: relative;
    height: 187px;
}
.recent-post-grid .info .acro{
    position: absolute;
    top: -8px;
    right: 24px;

}
.recent-post-grid .item .img img{
    max-width: 280px;
    height: 187px;
    object-fit: cover;
}
.recent-post-grid .item .bottom-info p{
    font-size: var(--font-xxs);
    margin-bottom: 0;
    margin-right: 8px;
    
}
.recent-post-grid .item .bottom-info{
    display: flex;
}
.recent-post-grid .item{
    max-width: 696px;
    width: 100%;
    display: flex;
    border: 1px solid var(--grey-300);
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}
.book-demo .text-green.upp{
	font-weight: 600;
}
.book-demo h2{
	margin-bottom: 24px;
}
.book-demo .btn-container{
	padding-top: 48px !important;
}
.book-demo-inner{
    background-image: url(../img/Background-linework.png);
    background-repeat: no-repeat !important;
    background-size: auto;
    background-position: left top;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
.relative{
    position: relative !important;
}
.text-white {
    color: #ffffff;
    font-size: var(--font-sm);
}
.save-lesson{
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--grey-300);
    border-radius: 20px;
    cursor: pointer;

}
#signup-welcome {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    background: var(--blue-color);
}
#signup-welcome span {
    color: #fff !important;
}

section.book-a-demo{
    min-height: 750px;
    display: flex;
    align-items: center;
    background-image: url(../img/bg-demo.png);
    background-repeat: no-repeat;
    background-size: 528px;
    position: relative;
    background-position: top right;

}
.save-lesson.saved svg {
    fill: var(--blue-color);
}
.save-lesson.saved svg path{
    stroke: var(--blue-color);
}
.top-nav a:hover{
	color: var(--green-color);
}
.top-nav a:hover svg path {
    stroke: var(--green-color);
}
.top-nav .btn-bb span{
	padding-left: 35px !important;
}
.subject-result-wrapper,
.fullslider-result-wrapper {
    overflow-y: hidden;
}
section.full-slider{
	overflow-x: unset !important;
}
.subject-result{
    overflow-y: auto;
	position: relative;
	-ms-overflow-style: none;  
    scrollbar-width: none;  
	-ms-overflow-style: none;
}
.subject-result::-webkit-scrollbar {
    display: none;  
}
.fullslider-result::-webkit-scrollbar {
    display: none;  
}
.fullslider-result{
/* 	max-height: 60vh;  */
    overflow-y: auto;
	position: relative;
	-ms-overflow-style: none;  
    scrollbar-width: none;  
}

.fullslider-result .item{
    padding: 20px;
	height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.subject-result .panel{
	padding: 0px 0px 50px;
/* 	height: 100vh; */
}

.dynamic-image {
    position: absolute;
    width: 83%;
    height: 82%;
    object-fit: cover;
    top: 5.2%;
}

  @media (max-width: 824px) {
	  .table-row .row {
        margin: 0 !important;
        max-width: 399px !important;
        flex-wrap: nowrap !important;
    }
	  .subject-result .panel{
		  padding: 30px 0px;
	  }
    .hero-inner .hero-img .hero-img{
        height: 515px;
    }
    .hero.banner .hero-inner{
        padding-top: 100px !important;
    }
    .logo img{
        position: relative;
        z-index: 9;
    }
    .hero.banner {
        padding-top: 0;
    }
   
    .main-header {
        padding: 22px;
    }
    .header-cta,
    .top-nav.pp{
        display: none !important;
    }
    .burger-menu {
      display: block;
    }
    .header-menu ul{
        padding: 120px 0px;
        width: 100%;
        flex-direction: column;
    }
    .header-menu.open{
        left: 0;
    }
    .header-menu {
      position: absolute;
      top: 0;
      left: -100%;
      height: 100vh;
      width: 100% !important;
      background-color: var(--deep-purple-color);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      transition: left 0.3s ease;
    }
  
    .header-menu ul {
      list-style: none;
    }
  
  
    .header-menu ul li a {
      display: block;
      padding: 10px;
      text-decoration: none;
    }
  }

.speech-icon {
    background: var(--base-black);
    width: 48px;
    height: 48px;
    position: fixed;
    z-index: 8;
    right: 16px;
    bottom: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    padding: 12px;
	cursor: pointer;
}
  
@media(max-width:1680px){
    .features-inner{
        max-width: 1040px;
    }
}

@media(min-width: 1281px){
    .pp-slider{
        overflow-x: hidden;
        background-image: url('../img/green-line-bg.png') !important;
        background-position: 82%, 0px !important;
        background-repeat: no-repeat !important;
        background-size: contain;
    }
    .profile-slider.blue.slick-initialized.slick-slider,
    .pp-slider .progress-bar-container{
        width: 1200px;
    }   
	.platform .col-img .mcbook{
		max-width: 140%;
	}
    .platform .col-img .img-absoulte:not(.mcbook){
        max-width: 115.9%;
		top: 48%;
		left: 12.3%;
    }
}


@media (min-width: 1219px){
	.pagination-container{
		grid-column-start: 1;
		grid-column-end: 4;
	}
}
@media(min-width: 825px) and (max-width: 1218px){
	.pagination-container {
		grid-column-start: 1 !important;
		grid-column-end: 3 !important;
	}
}
@media (min-width: 1281px) and (max-width: 1400px) {
    
    .features-inner {
        max-width: 947px !important;
    }
}
@media(max-width: 1280px){
    section.features{
        padding-top: 64px;
        padding-bottom: 32px;
        position: relative;
        z-index: 1;
        margin-top: -160px;
        background: rgb(90,245,153);
       
    }
    section.features.green{
        background: var(--green-color) !important;
    }
    section.features.dark-purple{
        background: var(--deep-purple-color) !important;
    }
}

@media(min-width: 1025px){
	.banner-img {
		display: flex;
	}
	.colored-banner .inner-banner {
		height: 315px;
	}
	.banner-img img {
		min-height: 297px;
		width: 100%;
		object-fit: cover;
		object-position: left center;
		max-height: 100%;
	}
    .color-row .col-lg-4{
        flex: 0 0 30.333333%
    }
	.blogs.card-slider-v2 .card-item .information {
		height: 200px;
	}
	.card-slider-v2:not(.blogs) .card-item .information{
		height: 160px;
	}
	.img-card-blue{
		height: 176px !important;	
	}
	.colored-banner .inner-banner .info{
		width: 74%;
	}
	.colored-banner .inner-banner .banner-img{
		width: 26%;
	}
}

.no-lesson-container {
    border: 1px dashed var(--grey-300);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 15px;
    margin-top: 24px;
	flex-direction: column;
}
.card-slides .card-item h3,
.card-slider h3{
	font-size: 24px !important;
	line-height: 32px !important;
}

section.two-col-sec {
    overflow: unset;
}
body.vp-center {
    align-items: start !important;
}
section.scroll-animate h2{
	font-size: 44px !important;
}
section.scroll-animate h3{
	margin-bottom: 24px !important;
}
.block-grid .block h4{
	font-size: 24px !important;
	line-height: 32px !important;
}
@media(max-width:824px) and (min-width:600px){
	    .video-outline-container {
			max-width: 536px !important;
		}
		.video-outline .video-main {
			position: relative;
			height: 300px !important;
		}
}
@media(max-width: 1400px) and (min-width: 1200px){
	    #video-frame-v2 {
			height: 230px !important;
		}
	    .video-outline .video-main {
			height: 230px !important;
		}
}
@media(max-width: 1200px) and (min-width: 992px){
	.content-col {
		order: 1;
	}
	
}
.fullslider-result .item {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.fullslider-result .item.active {
    opacity: 1;
}
@media(min-width:992px){
	
	.full-slides-v2-nav-container{
		display: none;
	}
	.fullslider-slides {
		padding-bottom: 50px !important;
	}
	.fullslider-img.py-4 {
		position: sticky;
		top: 80px;
	}
	.bg-mobile{
		display: none;
	}
	.video-main.full #video-frame-v2 {
		height: 344px  !important;
	}
	
	.video-outline-container{
		position: sticky;
		top: 20px;
		margin: auto;
		width: 504px;
		max-width: 100%;
	}
	#video-frame-v2 {
		height: 284px;
	}
	.hero-pricing {
		min-height: 740px;
	}
	.sticky-top{
		position: sticky;
		top: 20px;
	}
/* 	.subject-result{
		max-height: 100vh; 
		padding-bottom: 60vh;
	} */
	.scroll-content {
		width: 100%;
/* 		height: 90vh; */
/* 		overflow-y: auto; */
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.scroll-contents::-webkit-scrollbar {
		display: none; 
	}
    section.book-a-demo h1{
        font-size: 60px;
    }
    .hero-inner .hero-img{
        min-height: 954px;
    }
    .pp-h1{
        font-size: 72px;
        line-height: 72px;
    }
    .pp-h2{
        font-size: 48px !important;
        line-height: 60px;
    }
    .hero-img .video-hero{
        overflow: hidden;
    }
    .blog-banner .img-left img{
        margin-left: -1px;
    }
    .blog-banner .info{
        padding: 32px !important;
    }
    section.banner.blog {
        margin-top: -180px;
        position: relative;
    }
    .blog .hero.whitebox{
        margin-right: 0 !important; 
    }
    .full-slides-v2 .row{
        flex-wrap: nowrap;
		align-items: start !important;
    }
    .full-slides-v2 .slick-prev,
    .full-slides-v2 .slick-next{
        top: 90%;
        left: -20px;
        z-index: 1;
    }
    .full-slides-v2 .slick-next{
        top: 90%;
        left: 60px;
        z-index: 1;
    }
    .feature-grid .item{
        border-left: 1px solid #ffffff;
        padding: 16px 12px 16px 16px;
    }
    .book-demo .img-left img{
        height: 443px;
        margin-left: -150px;
        object-fit: contain;
    }
    
    .bg-dark-purple{
        display: flex;
        align-items: center;
        background-image: url(../img/bg-strip-blue.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        background-position: center right;
    }
	.mobile{
		display: none;
	}
}

@media(max-width: 991px){
	.mobile .dynamic-image {
        position: absolute;
        width: 82%;
        top: 2% !important;
        transform: translateX(-50%) !important;
        left: 50%;
        height: 77%;
    }
	.mobile.hero.whitebox{
		position: relative !important;
	}
	.desktop{
		display: none;
	}
	.page-hero{
		overflow-x: hidden !important;
	}
	section.vision{
		padding-top:50px !important;
		background-size: 160px !important;
	}
	
	.hero-about .bg-mobile {
		 bottom: 63px !important;
	}
	.hero-features .bg-mobile {
        position: absolute;
        transform: translateX(-50%) rotate(180deg) !important;
        width: 100%;
        height: 600px;
        max-height: 100vw;
        object-fit: contain;
        left: 50%;
        bottom: 17px !important;
        z-index: 0;
    }
	.bg-mobile {
		position: absolute;
		transform: translateX(-50%) rotate(90deg);
		width: 100%;
		height: 600px;
		max-height: 100vw;
		object-fit: contain;
		left: 50%;
		bottom: 4px;
		z-index: 0;
	}
	.video-outline-container {
		max-width: 603px;
		width: 100%;
		margin: auto;
	}
	.hero.whitebox {
		left: 50% !important;
        transform: translateX(-50%);
        max-width: 102%;
        width: 100%;
        top: 20px !important;
        margin: auto;
        height: auto;
	}
/* 	.hero-pricing {
		padding-top: 691px !important;
	} */
	
	ul.subject-nav{
		display: none;
	}
    .fullslider-img{
        order: 1;
    }
	.mobile .fullslider-img {
        order: unset !important;
    }
    .fullslider-slides{
        order: 2;
    }
	.content-col{
		order: 2;
	}
	.video-col{
		order: 1;
	}
    .platform .col-img {
        order: 2;
    }
    
    .pp-h1{
        font-size: 48px;
    }
    .pp-h2{
        font-size: 36px;
		line-height: 44px !important;
    }
    .hero-img .video-hero video{
        min-height: 554px;
        width: 100%;
        transform: scale(3);
    }
    .blog-banner .info .acro {
        position: absolute;
        right: 16px;
        top: -16px;
        z-index: 1;
    }
    .blog-banner .info{
        order: 2;
    }
    .blog-banner .img-left {
       order: 1;
    }
    
    .hero-blog{
        min-height: unset;
        padding-top: 20px !important;
    }
    .page-hero{
        background-image: none !important;
    }
    .feature-grid .item{
        padding: 16px;
    }
    .mw-100{
        width: 100%;
        margin-bottom: 20px;
    }
    .img-left{
        order: 2;
    }
    
    .bg-dark-purple{
        display: flex;
        align-items: center;
        background-image: url(../img/bg-strip-blue-mobile.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        background-position: bottom right;
    }
    .book-demo-inner {
        padding: 64px 16px !important;
        background-image: url(../img/Background-linework-mobile.png);
        background-repeat: no-repeat !important;
        background-size: auto;
        background-position: right bottom;
    }
}
.vp-center-left .vp-center{
	justify-content: start !important;
}

img.equipment {
    max-width: 33px;
}
img.equipment.green {
   filter: brightness(0) saturate(100%) invert(99%) sepia(23%) saturate(3310%) hue-rotate(68deg) brightness(91%) contrast(100%);
}
img.equipment.blue {
   filter: brightness(0) saturate(100%) invert(14%) sepia(83%) saturate(5012%) hue-rotate(240deg) brightness(81%) contrast(138%);
}
img.equipment.yellow {
   filter: brightness(0) saturate(100%) invert(98%) sepia(67%) saturate(3334%) hue-rotate(329deg) brightness(99%) contrast(95%);
}
img.equipment.red {
   filter: brightness(0) saturate(100%) invert(20%) sepia(98%) saturate(7456%) hue-rotate(360deg) brightness(106%) contrast(105%);
}
img.equipment.purple {
   filter: brightness(0) saturate(100%) invert(16%) sepia(46%) saturate(3636%) hue-rotate(256deg) brightness(119%) contrast(123%);
}

.single-lessons footer{
	margin-top: 0 !important;
}

fieldset#field_2_7 legend,
div#field_3_1 label{
    display: none;
}
.no-overflow{
	overflow: unset !important;
}
@media(min-width: 825px){
	.blog-grid-all .card-item .image img{
		height: 217px;
		width: 100%;
		object-fit: contain;
	}
	.vp-center {
		justify-content: start !important;
	}
	.card-slider-v2 .blog-grid{
		width: 100%;
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(auto-fill, minmax(384px, 1fr));
	}


	body.home .user-info .subscription{
		color:#ffffff;
	}
	
    .pp-h1{
        line-height: 72px;
    }
	.sidenav {
        display: flex !important;
        transition: none; 
    }
	.img-card-blue{
		height: 18vh;	
	}
	.card-slides {
		margin-left: -10px;
		margin-right: -10px;
	}
    .video-outline .video-main{
        height: 340px;
    }
    
    .side-filter{
        width: 250px;
        min-width: 250px;
    }
    .pp-h1{
        line-height: 72px;
    }
    
  
}
@media(max-width: 1240px){

.hero-info-inner {
		max-width:520px;
	}

}

@media(max-width: 1024px){
    
    .hero.banner .hero-inner{
        padding-top: 200px;
    }
    .hero-inner .hero-img{
        overflow-y: hidden;
    }
    .img-absoulte{
        max-width: 100%;
    }
    .platform .col-img .img-absoulte{
        height: auto; 
    }
	
}



@media(min-width:992px) and (max-width:1280px){
	.platform .col-img .mcbook{
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
	.platform .col-img .img-absoulte:not(.mcbook){
        width: 82%;
		top: 48.6%;
		left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media(min-width: 601px) and (max-width:991px){
	   
    .platform .col-img .mcbook{
        width: 65%;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
    }
	.platform .col-img .img-absoulte:not(.mcbook){
        width: 53.5%;
    	top: -22px;
		left: 50%;
        transform: translateX(-50%);
    }
    .platform .col-img{
        height: 400px;
    }
}
@media(max-width: 824px){
	.video-container {
        max-width: 620px;
        margin: auto;
        width: 100%;
        flex-wrap: wrap;
    }
	.dashboard {
		width: 100%;
	}
	.user-account {
		flex-wrap: wrap;
		margin-top: 15px;
	}
	.img-card-blue{
		height: 176px;	
	}
    .three-col-grid .card-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 1024px) and (min-width: 600px){
	.video-container .video-main {
		height: 388px;
	}
	.video-main iframe {
        max-height: 354px;
    }
}
@media(max-width: 600px){
	section.book-demo .container {
		padding: 0;
	}
	.three-col-grid {
		padding-top: 60px !important;
	}
	
	body.home#marketing {
		background: #ffffff;
	}
    .hero-img .video-hero{
        overflow-y: hidden;
    }
	.platform .col-img .img-absoulte:not(.mcbook){
        top: 46.4%;
		width: 82.6%;
		left: 50%;
		transform: translate(-50%,-50%);
    }
    section.banner.blog .container{
        padding: 50px 0px;
    }
    .block{
        width: 100%;
    }
    .block-grid{
        width: 100%;
        gap: 16px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(149px, 1fr));
    }
    .color-grid-sec.bg-grey{
        margin-top: 0 !important;
        padding-top: 50px !important;
    }
    .video-main{
        display: flex;
        align-items: start;
        height: 200px;
    }
/*     .bl-white-4{
        border-right: 4px solid #ffffff;
    }
    .bl-blue-4{
        border-right: 4px solid var(--blue-color);
    } */
    
    .platform-info{
        padding-bottom: 100px !important;
    }
    .platform .col-img .img-absoulte{
        margin-top: -50px;
    }
    .platform .col-img {
        height: 292px;
    }
    .three-col-grid .info h2{
        font-size: 30px;
    }
    .color-grid-sec h3,
    .color-grid-sec p,
    .three-col h2 {
        text-align: left !important;
    }
    .color-grid .item .number{
        margin-right: 20px;
    }
    .color-grid .item .number,
    .color-grid .item .info{
        display: inline-block;
    }
    .color-grid .item .info p,
    .color-grid .item .number{
        margin-bottom: 0;
    }
	.color-grid .item .number{
		display: block;
	}
   
    .hero-info-inner {
        padding-bottom: 139px !important;
    }
    .hero-divider {
        position: absolute;
        left: unset !important;
        right: -172px !important;
        z-index: 1;
        top: -441px;
        transform: rotate(90deg) !important;
    }
    .feature-grid .item{
        border: none;
    }
    .feature-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(159px, 1fr));
    }
    .three-col-grid .card-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .boxwhite-form form input,
    .boxwhite-form form button,
	.boxwhite-form form #field_submit,
    .ftr-form form input,
    .ftr-form form button{
        margin-left: 0;
        margin-bottom: 10px;
        width: 100% !important;
    }
    .gf-fname,
    .gf-lname,
    .gf-email,
    .gf-phone,
    .gf-address1,
    .gf-address2{
        width: 100%;
        display: inline-block;
        margin-left: 0 !important;
    }
    .hero-inner .hero-img{
        overflow-y: visible !important;
    }
	.ftr-form #field_3_1,
	.ftr-form #field_submit{
		width: 100% !important;
		padding-right:0;
	}

    .fullslider-result .item,
    .fullslider-result {
        padding: 0;
        height: 310px;
    }
    .dynamic-image {
        position: absolute;
		width: 82%;
		top: 7.8%;
		height: 77%;
    }
    .full-slides-v2-nav-container{
        top: 100%;
    }
	.boxwhite-form form #field_3_1{
		width: 100% !important;
	}
/* 	.hero-pricing {
        padding-top: 788px !important;
    } */
	#video-frame-v2 {
    height: 177px;
}
	.video-outline-container {
		max-width: 318px  !important;
	}
	
	.feature-grid .item{
		padding: 0;
	}
	.feature-grid {
			gap: 32px;
	}
	section.features.dark-purple{
		padding-bottom: 50px;
	}
	.three-col .three-col-grid {
		padding-top: 0px !important;
	}
	.three-col-grid .info{
		padding: 24px !important;
	}
	.profile-slider {
		margin-right: -13px;
		margin-left: -13px;
	}
	.profile-slider p{
		margin: auto;
	}
	footer.marketing .footer{
		padding-top: 48px !important;
	}
	footer.marketing .ftr-logo img{
		margin-bottom: 15px;
	}
	
    footer.marketing .ftr-logo a{
		display: block;
		width: 100%;
	}
	.ftr-links-col{
		order: 2;
	}
	.form-col  {
		margin-bottom: 20px;
		order: 1;
	}
	.color-grid-sec h3{
		font-size: 36px;
		line-height: 44px;
	}
	section.full-video .video-main iframe {
        max-height: 192px !important;
    }
	.page-hero:not(.blog) img {
		margin-bottom: -72px !important;
	}
	.hero.whitebox{
		padding: 24px;
	}
	.hero-contact h1{
		font-size: 48px !important;
		line-height: 60px !important;
	}
	.ginput_container_consent,
	.gchoice{
		display: flex;
		margin-top: 15px;
	}
	#gform_submit_button_2{
		margin-top: 20px !important;
	}
	.request-account .contact-form h3{
		margin-top: 64px !important;
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.box-purple img{
		margin-bottom: 0 !important;
	}
	section.bg-blue.book-a-demo{
		padding-top: 64px !important
	}
	section.bg-blue.book-a-demo h1{
		font-size: 48px !important;
		text-align: left !important;
		
	}
	section.bg-blue.book-a-demo p{
		text-align: left !important;
	}
	section.book-a-demo {
		background-size: 200px !important;
	}
	.hero-blog h1{
		font-size: 48px !important;
		line-height:60px !important;
	}
	.single .hero-blog h1{
		font-size: 36px !important;
		line-height:44px !important;
	}
	.blog-banner h3{
		font-size: 24px;
		font-weight: 500;
		line-height: 32px;
	}
	.banner.blog.pb-3 {
		padding-bottom: 0 !important;
	}
	section.blogs.card-slider-v2 {
		padding-top: 0 !important;
	}
	.blog-nav ul li a{
		font-size: 16px !important;
		font-style: normal;
		font-weight: 600;
		line-height: 24px;
	}
	
	.hero-blog .whitebox {
		max-width: 100% !important;
	}
	.card-slider-v2 .card-item .image img {
		height: auto !important;
	}
	.blog-grid-all .card-item,
	.related-posts .card-item{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.related-posts .card-grid-related {
        display: grid;
        grid-template-columns: 1fr !important;
    }
}

/* END Marketing */