.elementor-kit-7{--e-global-color-primary:#0C1F30;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#0C1F3099;--e-global-color-accent:#00BCF1;--e-global-color-c4aeeaa:#D74488;--e-global-color-9eb7948:#F8CD39;--e-global-color-d3d0492:#EFF1F7;--e-global-color-5eb41ad:#FFFFFF99;--e-global-typography-primary-font-family:"Gotham";--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"Gotham";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Gotham";--e-global-typography-text-font-weight:normal;--e-global-typography-accent-font-family:"Gotham";--e-global-typography-accent-font-weight:normal;overscroll-behavior:none;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1344px;}.e-con{--container-max-width:1344px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#hs-eu-cookie-confirmation{
    bottom: 0;
    height: auto !important;
    top: auto !important;
    right: 0 !important;
    left: auto !important;
    width: 100vw !important;
    margin: 0 !important;
    border-radius: 0 0 0 0 !important;
    overflow: hidden;
    box-shadow: none !important;
    border: 1px solid var( --e-global-color-d3d0492 ) !important;
    background: none !important;
}
#hs-eu-cookie-confirmation::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px);
    z-index: -1;
}

#hs-eu-cookie-confirmation-inner{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: flexstart;
    background: transparent !important;
    margin: 0 !important;
    padding: var(--padding-sm) !important;
    margin: 0 !important;
}
#hs-eu-cookie-confirmation-inner div,
#hs-eu-cookie-confirmation-inner p {
    padding: 0 !important;
    margin: 0 !important;
    color: var( --e-global-color-primary ) !important;
}

#hs-eu-cookie-disclaimer{
    margin: 0 !important;    
}

@media only screen and (min-width: 768px) {
    #hs-eu-cookie-confirmation{
        width: 50vw !important;
        border-radius: 6px 0 0 0 !important;
    }
}
@media only screen and (min-width: 1440px) {
    #hs-eu-cookie-confirmation{
        width: 25vw !important;
    }
}



body{
    overflow-x: hidden;
}

html{
    font-size: 62.5%; 
}




/*------------------------------------*
  #TYPOGRAPHY
*------------------------------------*/

.small-text p,
.elementor-widget-form .elementor-message{
	font-size: 1.4rem !important;
    line-height: 1.6 !important;
}

p, 
td,
li,
.text li,
.text ol,
.small-text h1,
.small-text h2,
.main-menu li,
.e-filter-item,
.elementor-field-label,
.elementor-field-textual,
.elementor-icon-list-text,
.author-name,
.author-position,
.table-header {
    font-size: clamp(1.5rem, 2.5vw, 1.7rem) !important;
    line-height: 1.7 !important;
}
p {
    padding-top: 1rem;
}
.h6-h1 h1, h6 {
	font-size: 1.4rem !important;
	line-height: 2.4rem !important;
	text-transform: uppercase;
	letter-spacing: 1.6px;
}
h5,
.testimonial-carousel .elementor-slide-heading,
.menu-item a{
	font-size: 1.8rem !important;
	line-height: 2.8rem !important;
}
.text-image-banner h1,
h4 {
	font-size: 2rem !important;
	line-height: 3.2rem !important;
}
h3 {
	font-size: 2.8rem !important;
	line-height: 3.8rem !important;
}
.h2-h1 h1, h2 {
    font-size: clamp(2.2rem, 2.8vw, 4.6rem) !important;
    line-height: 1.2 !important;
}
.large h2{
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
	line-height: 1.3 !important;
}

h1{
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
    line-height: 1.2 !important;
}
.hero h1,
.hero h2 {
    font-size: 9vw !important;
	line-height: 11vw !important;
}
  
@media only screen and (min-width: 768px) {
    .hero h1,
    .hero h2{
        font-size: 7vw !important;
	    line-height: 9vw !important;
    }
}

@media only screen and (min-width: 1024px) {
 
    h5,
    .testimonial-carousel .elementor-slide-heading {
    	font-size: 2.2rem !important;
    	line-height: 3.4rem !important;
    }
    .text-image-banner h1, 
    h4 {
    	font-size: 2.8rem !important;
    	line-height: 3.8rem !important;
    }
    h3 {
    	font-size: 3.2rem !important;
    	line-height: 4.2rem !important;
    }
    .hero h1,
    .hero h2{
	    font-size: 7.7rem !important;
    	line-height: 8.2rem !important;
    }
}

.text li,
.elementor-widget-text-editor li{
    margin-top: 15px;
}
.text ul,
.elementor-widget-text-editor ul{
    list-style-type: none; 
    padding-left: 0;
}
.text ul li,
.elementor-widget-text-editor ul li{
    position: relative;
    padding-left: 20px;
}
.text ul li::before,
.elementor-widget-text-editor ul li::before{
    content: "\2022";
    color: var( --e-global-color-accent );
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.text ol,
.elementor-widget-text-editor ol{
    list-style-type: none; /* Remove default numbering */
    padding-left: 0; /* Remove any padding */
}
.text ol li,
.elementor-widget-text-editor ol li{
    position: relative;
    padding-left: 35px; /* Add space for custom numbers */
}
.text ol li::before,
.elementor-widget-text-editor ol li::before{
    content: counter(list-item); /* Show number followed by a dot */
    color: white; /* Change to your desired color */
    font-size: 20px; /* Adjust the size of the numbers */
    position: absolute;
    left: 0;
    top: 0;
    background: var( --e-global-color-accent );
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
}
.text ol,
.elementor-widget-text-editor ol{
    counter-reset: list-item; /* Start numbering from 1 */
}
.text ol li,
.elementor-widget-text-editor ol li{
    counter-increment: list-item; /* Increment counter for each list item */
}

/*
** Changing the text link colour
*/
.text a,
.small-text a,
.elementor-widget-text-editor a{
    color: var( --e-global-color-accent );
}




/*------------------------------------*
  #SPACING
*------------------------------------*/

:root {
    --padding-sm: 15px;
    --padding-md: 15px;
    --padding-lg: 30px;
    
    --margin-sm: 15px;       
    --margin-md: 15px;   
}

@media only screen and (min-width: 768px) {
    :root {
        --padding-sm: 30px;
        --padding-md: 30px;
        --padding-lg: 60px;

        --margin-sm: 30px;   
        --margin-md: 30px;  
    }
}

@media only screen and (min-width: 1024px) {
    :root {
        --padding-md: 4.1666666667vw;
        --padding-lg: 8.3333333334vw;
        
        --margin-md: 4.1666666667vw;
    }
}

/**
 * small padding
 */
.padding-sm {
    padding: var(--padding-sm);
}
.padding-lr-sm {
    padding-left: var(--padding-sm);
    padding-right: var(--padding-sm);
}
.padding-l-sm {
    padding-left: var(--padding-sm);
}
.padding-r-sm {
    padding-right: var(--padding-sm);
}
.padding-tb-sm {
    padding-top: var(--padding-sm);
    padding-bottom: var(--padding-sm);
}
.padding-t-sm {
    padding-top: var(--padding-sm);
}
.padding-b-sm {
    padding-bottom: var(--padding-sm);
}

/**
 * medium padding
 */
.padding-md {
    padding: var(--padding-md);
}
.padding-lr-md {
    padding-left: var(--padding-md);
    padding-right: var(--padding-md);
}
.padding-l-md {
    padding-left: var(--padding-md);
}
.padding-r-md {
    padding-right: var(--padding-md);
}
.padding-tb-md {
    padding-top: var(--padding-md);
    padding-bottom: var(--padding-md);
}
.padding-t-md {
    padding-top: var(--padding-md);
}
.padding-b-md {
    padding-bottom: var(--padding-md);
}

/**
 * large padding
 */
.padding-lg {
    padding: var(--padding-lg);
}
.padding-lr-lg {
    padding-left: var(--padding-lg);
    padding-right: var(--padding-lg);
}
.padding-l-lg {
    padding-left: var(--padding-lg);
}
.padding-r-lg {
    padding-right: var(--padding-lg);
}
.padding-tb-lg {
    padding-top: var(--padding-lg);
    padding-bottom: var(--padding-lg);
}
.padding-t-lg {
    padding-top: var(--padding-lg);
}
.padding-b-lg {
    padding-bottom: var(--padding-lg);
}

/**
 * small margin
 */
.margin-sm {
    margin: var(--margin-sm);
}


/**
 * medium margin
 */
.margin-md {
    margin: var(--margin-md);
}




/*------------------------------------*
  #BACKGROUND-IMAGE
*------------------------------------*/
/*
.background-image{
    position: relative;
}

.img-col:has(.background-image) { 
    min-height: 50vh;
}
*/

.img-col{
    min-height: auto;
}
    
/**
 * Sizing the image (to maintain it's ratio)
 */
.background-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.background-image,
.background-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.background-image img {
    object-fit: cover;
}




/*------------------------------------*
  #BTN-PRIMARY
*------------------------------------*/

.btn-primary {
    margin-top: 30px;
}

.btn-primary .elementor-button{
    padding: 16px 20px !important;
    border-radius: 6px;
}

.btn-secondary .elementor-button{
    background: transparent !important;
    border: 1px solid var( --e-global-color-accent );
}

/*
** Handling the overflow for the arrow icon
*/
.elementor-button .elementor-button-icon{
    position: relative;
    overflow: hidden;
}

/*
** Adding a transition effect to the arrow icon (SVG)
*/
.elementor-button .elementor-button-icon,
.elementor-button .elementor-button-icon svg {
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}

/*
** Adding an arrow icon and transitioning it on hover
*/
.elementor-button .elementor-button-icon::after {
    content: url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/02/arrow-white.svg');
    position: absolute;
    width: 1em;
    height: 16px;
    right: 0;
    top: 100%;
    transform: translateY(0);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}


.btn-primary:hover .elementor-button{
    background: #4DD0F5 !important;
}

/*
** Animating the arrows on hover
*/
.elementor-button:hover .elementor-button-icon::after {
    transform: translateY(-16px);
}
.elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-16px);
    opacity: 0;
}




/*------------------------------------*
  #DOWN-ARROW
*------------------------------------*/

/*
** Setting the animaiton style
*/
.down-arrow,
.down-arrow svg,
.down-arrow::after{
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/*
** Sizing the icon
*/
.down-arrow,
.down-arrow .elementor-icon-wrapper,
.down-arrow a {
    width: 64px !important;
    height: 64px !important;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

/*
** Styling the icon
*/
.down-arrow{
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
}
.down-arrow svg{
    top: -2px;
}

/*
** Adding and positioning the secondary icon
*/
.down-arrow::after{
    content: url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/03/down-arrow-01.svg');
    position: absolute;
    top: -30px;
    pointer-events: none;
    transform: rotate(-20deg);
}

/*
** Hover states
*/
.down-arrow:hover{
    background: var( --e-global-color-accent ) !important ;
    border: var( --e-global-color-accent ) !important;
}
.down-arrow:hover svg{
    top: 70px;
    transform: rotate(20deg);
}
.down-arrow:hover::after{
    top: 15px;
    transform: rotate(0deg);
}




/*------------------------------------*
  #SECTION-TITLE
*------------------------------------*/

.text {
    margin-top: 30px;
}




/*------------------------------------*
  #SECTION-TITLE
*------------------------------------*/

.text-container .title::after,
.section-title::after,
.section-title-blue::after,
.section-title-yellow::after{
    content: "";
    position: absolute;
    bottom: -15px;
    width: 50px;
    height: 6px;
    background: var( --e-global-color-c4aeeaa );
}
.section-title-blue::after {
    background: var( --e-global-color-accent );
}
.section-title-yellow::after {
    background: var( --e-global-color-9eb7948 );
}




/*------------------------------------*
  #TEXT-BANNER
*------------------------------------*/
/*
** Setting the banner height
*/
.text-banner{
    gap: 15px;
    justify-content: flex-end;
    min-height: calc(60vh - 104px);
}




/*------------------------------------*
  #TEXT-IMAGE-BANNER
*------------------------------------*/
/*
** Setting the banner height
*/
.text-image-banner{
    min-height: calc(100vh - 104px);
}

/*
** Space between the text elements
*/
.text-image-banner .text-container{
    gap: 30px;
}

/*
** Removing default padding from the breadcrumbs
*/
.text-image-banner #breadcrumbs{
    padding-top: 0;
}

/*
** Hiding all breadcrumbs except the penultimate one
*/
.text-image-banner #breadcrumbs span a,
.text-image-banner #breadcrumbs .breadcrumb_last {
    visibility: hidden;
    position: absolute;
}

/*
** Making the penultimate breadcrumb visible with padding and background styling
*/
.text-image-banner #breadcrumbs span:nth-last-child(2) a{
    visibility: visible;
    position: relative;
    padding: 6px 16px 8px 16px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.10);
    color: var( --e-global-color-accent ) !important;
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/*
** Changing the colours for Regulations pages
*/
.parent-pageid-12155 .text-image-banner #breadcrumbs span:nth-last-child(2) a{
    background: var( --e-global-color-d3d0492 );
}
.parent-pageid-12155 .text-image-banner .text-col{
    border-top: 1px solid var( --e-global-color-d3d0492 );
}
.parent-pageid-12155 .text-image-banner .down-arrow{
    border: 1px solid var( --e-global-color-accent ) !important;
}
.parent-pageid-12155 .text-image-banner .down-arrow svg path{
    fill: var( --e-global-color-accent );
}

/*
** Adjusting margins for the text block within the banner
*/
.text-image-banner .text{
    margin-top: 15px;
    margin-bottom: var(--padding-sm) !important;
}

/*
** Styling the down arrow path (icon) with a white fill
*/
.text-image-banner .down-arrow-path {
    fill: white;
}

/*
** Adding a gradient overlay to the image column for visual effect
*/
.text-image-banner .img-col::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(23, 34, 54, 0.30) 0%, rgba(23, 34, 54, 0.30) 100%);
}

.text-image-banner #breadcrumbs span:nth-last-child(2) a:hover{
    background: var( --e-global-color-accent );
    color: #fff !important;
}

@media only screen and (min-width: 1280px) {
    /*
    ** Increasing bottom margin for text container
    */
    .text-image-banner .text-container{
        margin-bottom: var(--padding-lg);
    }

    /*
    ** Positioning down arrow at the bottom of the container
    */
    .text-image-banner .down-arrow{
        position: absolute;
        bottom: var(--padding-md);;
    }
}




/*------------------------------------*
  #TEXT-IMAGE-SECTION
*------------------------------------*/

.text-image-section .img-col{
    min-height: 50vh;
    overflow: hidden;
}

@media only screen and (min-width: 1024px) {

    .text-image-section .img-col{
        min-height: 50vw;
    }
    .text-image-section .img-col,
    .text-image-section .text-col{
        width: 50%;
    }
}




/*------------------------------------*
  #TITLE-TEXT-SECTION
*------------------------------------*/

@media only screen and (min-width: 1024px) {
    .title-text-section .title-col,
    .title-text-section .text-col{
        width: 50%;
    }
    .title-text-section .text{
        margin-top: 0;
    }
}




/*------------------------------------*
  #ICON-LIST-SECTION
*------------------------------------*/

.icon-list-section .elementor-icon-list-icon{
    background: var( --e-global-color-d3d0492 );
    padding: 16px !important;
    display: flex !important;
    align-items: center;
    border-radius: 100%;
    margin-right: 15px !important;
}
.icon-list-section.white-icon .elementor-icon-list-icon{
    background: #fff;
}
.icon-list-section .elementor-icon-list-icon svg{
    margin: 0 !important;
}

@media only screen and (min-width: 768px) {
    .icon-list-section .text-col,
    .icon-list-section .icon-list-col {
        width: 50% !important;
    }
}




/*------------------------------------*
  #ICON-LIST-SECTION
*------------------------------------*/

.text-icon-list .elementor-icon{
    background: var( --e-global-color-d3d0492 );
    padding: 16px !important;
    display: flex !important;
    align-items: center;
    border-radius: 100%;
}
.text-icon-list .elementor-icon svg{
    margin: 0 !important;
}

.text-icon-list  .text-container{
    width: 30%;
}

@media only screen and (min-width: 768px) {
    .text-icon-list .text-col,
    .text-icon-list .icon-list-col {
        width: 50% !important;
    }
    .text-icon-list .icon-list-col{
        gap: 30px
    }
    .text-icon-list .icon-list-col .text-container{
        flex: 1 1 calc(50% - 30px);
    }
    
}




/*------------------------------------*
  #CAREERS-SECTION
*------------------------------------*/

/*
** Transition styles
*/
.careers-post-thumb .arrow-right::after,
.careers-post-thumb .arrow-right svg {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
/*
** Space between the title and posts
*/
.careers-section {
    gap: var(--padding-sm);
}
/*
** Styling the section title
*/
.careers-section .section-title{
    width: 100%;
    margin-bottom: 30px !important;
}
/*
** Styling the posts
*/
.careers-section .careers-post-thumb{
    min-height: 300px;
    justify-content: flex-end;
    padding: 30px;
    background: rgba(255, 255, 255, 0.05);
}
/*
** Styling the location tag
*/
.careers-section .careers-post-thumb .location p{
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(5px);
    padding: 4px 16px 6px 16px;
    color: rgba(255, 255, 255, 0.60) !important;
}
/*
** Positioning the location tag
*/
.careers-post-thumb .content-container{
    margin-top: auto;
}
.careers-section .careers-post-thumb .title{
    width: calc(100% - 30px);
}
/*
** Text colour
*/
.careers-section .careers-post-thumb h5,
.careers-section .careers-post-thumb p {
    color: #fff !important;
}
/*
** Ensuring the arrow container handles overflow properly
*/
.careers-post-thumb .arrow-right {
    overflow: hidden;
    position: relative;
}
/*
** Default icon colour
*/
.careers-post-thumb .arrow-right svg path {
    fill: #fff !important;
}
/*
** Adding a secondary pink arrow
*/
.careers-post-thumb .arrow-right::after {
    content: url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/03/arrow-pink.svg');
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -24px;
}

/*
** Hover state for the thumb background
*/
.careers-section .careers-post-thumb:hover {
    background: rgba(255, 255, 255, 0.15);
}

/*
** Hover effects for title and text transition
*/
.careers-post-thumb:hover .content-container {
    transform: translateY(-16px);
}

/*
** Hover effects for arrow 
*/
.careers-post-thumb:hover .arrow-right::after {
    left: 0;
}
.careers-post-thumb:hover .arrow-right svg {
    transform: translateX(24px);
    opacity: 0;
}




/*------------------------------------*
  #AWARDS-SECTION
*------------------------------------*/

.awards-section {
    gap: var(--padding-sm);
}
.awards-section .section-title{
    width: 100%;
    margin-bottom: 30px !important;
}
.awards-section .award {
    padding: 30px;
    background: rgba(255, 255, 255, 0.05);
}
.awards-section .award h5{
    margin-top: 15px;
}
.awards-section h5,
.awards-section p {
    color: #fff !important;
}
.awards-section .publication p{
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 30px;
}

@media only screen and (min-width: 768px) {
    .awards-section .award {
        width: calc(33.3% - 20px );
    }
}




/*------------------------------------*
  #CONTACT-FORM-SECTION
*------------------------------------*/

.contact-form .social-icons{
    margin-top: 30px;
}

.contact-form .blog-author{
    height: 120px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    background: rgba(227, 242, 252, 0.10);
    overflow: hidden;
}
.contact-form .blog-author .author-image {
    width: 30%;
    height: 100%;
    overflow: hidden !important;
}
.contact-form .blog-author .author-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contact-form .blog-author .author-info{
    width: 70%;
    padding: 0 30px
}
.contact-form .blog-author .author-name{
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-size: 1.8rem !important;
	line-height: 2.8rem !important;
    color: white;
}

.contact-form .blog-author .author-position{
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    color: white;
}

/*
** Styling the disclaimer text
*/
.contact-form .small-text p{
    color: white;
    opacity: 0.6;
}
.contact-form .elementor-field,
.contact-form .elementor-field-textual{
    padding: 8px 0 8px 0 !important;
}
.contact-form .elementor-field:focus {
    border-color: var( --e-global-color-accent ) !important;
    box-shadow: none !important;
}

.elementor-field-label{
  transition: color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/*
** Changing the border colour on focus
*/
.contact-form .elementor-field-group:has(.elementor-field:focus) .elementor-field-label {
    color: var( --e-global-color-accent );
}

/*
** Styling the asterix
*/
.contact-form .elementor-mark-required .elementor-field-label:after{
    color: var( --e-global-color-accent );
}

.contact-form .elementor-field-group .elementor-select-wrapper select,
.contact-form .select-caret-down-wrapper{
    color: var( --e-global-color-accent );
}


@media only screen and (max-width: 767px) {
    .contact-form .blog-author .author-name{
    	font-size: 1.8rem !important;
    	line-height: 2.8rem !important;
        font-size: 2.2rem !important;
    }
    .contact-form .form-col {
        padding: 30px;
    }

}
@media only screen and (min-width: 1024px) {
    .contact-form .blog-author .author-image {
        width: 180px;
    }
    .contact-form .blog-author .author-info {
        width: 100%;
    }        
}




/*------------------------------------*
  #LATEST-INSIGHTS-SECTION
*------------------------------------*/


/*
** Adjusting the minimum height of the post image dynamically 
** based on the viewport width for a responsive aspect ratio
*/

.latest-news .insights-thumb .post-image,
.latest-news .insights-thumb .background-image{
    min-height: calc(100vw / 1.7) !important;
}

@media only screen and (min-width: 768px) {
    /*
    ** Setting the column widths
    */
    .latest-news .news-col,
    .latest-news .text-col {
        width: 50% !important;
    }
    /*
    ** Adjusting the minimum height of the post image dynamically 
    ** based on the viewport width for a responsive aspect ratio
    */
    
    .latest-news .insights-thumb .post-image,
    .latest-news .insights-thumb .background-image{
        min-height: calc(50vw / 1.7) !important;
    }
}

@media only screen and (min-width: 1024px) {
    /*
    ** Adjusting the minimum height of the post image dynamically 
    ** based on the viewport width for a responsive aspect ratio
    */
    
    .latest-news .insights-thumb .post-image,
    .latest-news .insights-thumb .background-image{
        min-height: calc(25vw / 1.7) !important;
    }

    /*
    ** Adding top padding to the third loop item to create a staggered effect
    */
    .latest-news .e-loop-item:nth-child(3){
        padding-top: 8.3333333333vw;
    }
}




/*------------------------------------*
  #CLIENT-LOGOS
*------------------------------------*/

.client-logos .logos-carousel .elementor-image-carousel{
    gap: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.client-logos .logos-carousel .elementor-image-carousel .swiper-slide{
    background: white;
}
.client-logos .logos-carousel img{
    padding: 48px;
}

.client-logos .logos-carousel .swiper-wrapper {
    display: flex;
    transition-timing-function: linear !important;
    animation: continuousScroll 40s linear infinite;
}

@keyframes continuousScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}




/*------------------------------------*
  #CLIENT-STORIES
*------------------------------------*/

/*
** Adding a transition effect to the arrow icon
*/
.client-stories .elementor-swiper-button,
.client-stories .elementor-swiper-button svg {
    transition: all .6s cubic-bezier(.4, 0, .2, 1); 
}

/*
** Styling the swiper arrows
*/
.client-stories .elementor-swiper-button {
    backdrop-filter: blur(10px); 
    overflow: hidden; 
    padding: 16px !important;
}
.client-stories .elementor-swiper-button svg{
    width: auto !important;
    height: 16px !important;
}

/*
** Adding the secondary arrow
*/
.client-stories .elementor-swiper-button::after {
    content: url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/02/arrow-white.svg');
    position: absolute;
    width: 16px;
    right: 72px;
    top: 13px;
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
}

/*
** Adjusting the position of the secondary arrow icon
*/
.client-stories .elementor-swiper-button-prev::after {
    right: -16px;
    top: 10px;
    transform: rotate(180deg);
}

/*
** Positioning the arrows
*/
.client-stories .elementor-swiper-button-prev {
    top: calc(100% - 96px) !important;
    left: calc(0% + 48px + var(--padding-lg)) !important;
}
.client-stories .elementor-swiper-button-next {
    top: calc(100% - 96px) !important;
    right: calc(100% - 104px - var(--padding-lg)) !important;
}

/*
** Rotating the previous arrow icon 180 degrees
*/
.client-stories .elementor-swiper-button-prev svg {
    transform: rotate(180deg) !important;
}

/*
** Positioning the swiper pagination
*/
.client-stories .swiper-pagination-bullets{
    transform: translateY(-48px) translateX(var(--padding-lg)) !important;
    position: absolute;
    left: 0 !important;
    height: var(--padding-md) !important; 
}

/*
** Adjusting padding for the swiper container
*/
.client-stories .swiper{
    padding-bottom: 0 !important; 
}

/*
** Hover states for the arrows
*/
.client-stories .elementor-swiper-button:hover{
    background: rgba(255, 255, 255, 0.20) !important;
}
.client-stories .elementor-swiper-button:hover::after  {
    right: 16px;
    opacity: 1;
}
.client-stories .elementor-swiper-button:hover svg {
    transform: translateX(48px); 
    opacity: 0;
}
.client-stories .elementor-swiper-button-prev:hover svg {
    transform: translateX(-48px) rotate(180deg) !important; 
}

@media only screen and (min-width: 1024px) {
    /*
    ** Styling the swiper arrows
    */
    .client-stories .elementor-swiper-button {
        padding: 24px !important;
    }
    .client-stories .elementor-swiper-button svg{
        width: auto !important;
        height: 24px !important;
    }
    /*
    ** Sizing the secondary arrow
    */
    .client-stories .elementor-swiper-button::after {
        width: 24px;
    }
    /*
    ** Adjusting the position of the secondary arrow icon
    */
    .client-stories .elementor-swiper-button::after {
        right: -16px;
        top: 15px;
    }
    /*
    ** Adjusting the position of the secondary arrow icon
    */
    .client-stories .elementor-swiper-button-next::after {
        right: 64px;
        top: 20px;
    }
    .client-stories .elementor-swiper-button-prev {
        top: calc(50% + 40px) !important;
        left: calc(100% - var(--padding-sm)) !important;
    }
    .client-stories .elementor-swiper-button-next {
        top: calc(50% - 40px) !important;
        right: calc(0% + var(--padding-sm)) !important;
    }
    .client-stories .elementor-swiper-button:hover::after  {
        right: 24px;
    }
}




/*------------------------------------*
  #STATS-SECTION
*------------------------------------*/

.stats-section{
    gap: 2.08333333333vw;
}

.stats-section .stat-col{
    padding: 4.1666666667vw;
    flex: 1;
}

/*
** Adding the underline
*/
.stats-section .stat-col .stat-title::after{
    content: "";
    position: absolute;
    bottom: -15px;
    left: calc(50% - 25px);
    width: 50px;
    height: 6px;
    background: var( --e-global-color-c4aeeaa );
}

/*
** Space above the text
*/
.stats-section .stat-col .stat-text{
    margin-top: 30px;
}




/*------------------------------------*
  #NEWSLETTER-SECTION
*------------------------------------*/

.newsletter-signup{
    gap: var(--padding-lg);
}
.newsletter-signup .section-title{
    padding-right: var(--padding-lg);
}

@media only screen and (min-width: 768px) {

    .newsletter-signup .text-col,
    .newsletter-signup .form-col {
        width: 50%;
    }
    .newsletter-signup .elementor-field-group.elementor-field-type-submit {
        width: auto !important;
    }
}

@media only screen and (min-width: 1024px) {
    .newsletter-signup{
        gap: 0;
    }

    .newsletter-signup .elementor-form-fields-wrapper {
        flex-wrap: nowrap;
    }
    .newsletter-signup .elementor-field-group.elementor-field-type-submit {
        width: 40% !important;
    }
}




/*------------------------------------*
  #RELATED-SERVICES-SECTION
*------------------------------------*/

.related-services{
    gap: var(--padding-lg)
}

@media only screen and (min-width: 1024px) {
    .related-services{
        gap: var(--padding-md)
    } 
}


/*
** Adding the text
*/
.services .area-authorisation .post-thumb::after,
.services .area-assurance-and-audit .post-thumb::after,
.services .area-compliance-advisory .post-thumb::after,
.services .area-interim-solutions .post-thumb::after{
    content: ".... Start strong";
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(255, 255, 255, 0.6);
    padding: 4px 12px;
    border-radius: 4px;
    color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-size: 1.4rem !important;
	line-height: 2.4rem !important;
	text-transform: uppercase;
	letter-spacing: 1px;
    z-index: 2;
}

.services .area-assurance-and-audit .post-thumb::after {
    content: ".... Strengthen and scale";
}
.services .area-compliance-advisory .post-thumb::after {
    content: ".... Navigate complexity";
}
.services .area-interim-solutions .post-thumb::after {
    content: ".... Stabilise and recover";
}

/*
** Adding the numbers
*/
.services .area-authorisation .post-thumb::before,
.services .area-assurance-and-audit .post-thumb::before,
.services .area-compliance-advisory .post-thumb::before,
.services .area-interim-solutions .post-thumb::before{
    content: "1";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 18px;
    left: 18px;
    width: 28px;
    height: 28px;
    background: var( --e-global-color-accent );
    border-radius: 4px;
    color: white;
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-size: 1.4rem !important;
	line-height: 2.4rem !important;
	text-transform: uppercase;
	letter-spacing: 1px;
    z-index: 6;
}

.services .area-assurance-and-audit .post-thumb::before {
    content: "2";
}
.services .area-compliance-advisory .post-thumb::before {
    content: "3";
}
.services .area-interim-solutions .post-thumb::before {
    content: "4";
}

@media only screen and (min-width: 680px) {
    .services .elementor-grid{
        display: grid;
        grid-template-columns: repeat(2,1fr) !important;
    }
}
@media only screen and (min-width: 1600px) {
    .services .elementor-grid{
        display: grid;
        grid-template-columns: repeat(4,1fr) !important;
    }
}




/*------------------------------------*
  #OUR-PARTNERS-SECTION
*------------------------------------*/

.our-partners .e-grid{
    gap: 40px !important;
}
.our-partners .partner{
    padding: 30px;
    border: 1px solid var( --e-global-color-d3d0492 );
}
.our-partners .title,
.our-partners .text {
    margin-top: 15px;
}
.our-partners .text{
    margin-bottom: auto !important;
}
.our-partners .partner:hover{
    background: var( --e-global-color-d3d0492 );
}





/*------------------------------------*
  #HUBSPOT-CONTACT-FORM
*------------------------------------*/

.hs-form {
    gap: 15px !important;
    display: flex !important;
    flex-wrap: wrap;
}
.hs-form .form-columns-2,
.hs-form .form-columns-1{
    gap: 15px !important;
    width: 100% !important;
}

.hs-form .form-columns-2{
    display: flex;
    flex-wrap: nowrap;
}

.hs-form .hs-form-field{
    width: 100% !important;
}

.hs-form-field span,
.hs-form-field .hs-input,
.hs-button {
    color: #fff !important;
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: clamp(1.5rem, 2.5vw, 1.7rem) !important;
}

.hs-error-msgs {
    transition: all 0.3s ease-in;
    padding: 8px 0 8px 12px !important;
}
.hs-error-msgs li {
    color: var( --e-global-color-9eb7948 ) !important;
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: 1.4rem !important;
}
.hs-error-msgs ::marker{
    display: none !important;
}


.hs-form-field .hs-input {
    color: var( --e-global-color-5eb41ad ) !important;
    padding: 8px 0 8px 0 !important;
    background: transparent;
    border: none !important;
    border-bottom: 1px solid #69727d !important;
    border-radius: 0 !important;
    margin-top: 15px !important;
}

/* Style the select element */
.hs-form-field .hs-fieldtype-select select {
  color: #fff;
  background-color: var( --e-global-color-primary) !important;
}

/* Style the option elements */
.hs-form-field .hs-fieldtype-select select option {
  color: #fff;
  background-color: var( --e-global-color-primary) !important;
}

.contact-form .hs-form select {
    appearance: none; /* or -webkit-appearance: none; */
    background-color: var( --e-global-color-primary );
    color: white;
    padding: 20px !important;
    border: none;
    border-radius: 4px;
}

.contact-form .hs-form select::-ms-expand {
  display: none;
}




.hs-form-field .hs-input .is-placeholder {
    color: var( --e-global-color-accent ) !important;
}

.hs-form-field .hs-input:focus-visible {
    outline: none !important;
    border-color: var( --e-global-color-accent ) !important;
    box-shadow: none !important;
}

.hs-form-field .hs-input:focus-visible .hs-form-field span {
    color: var( --e-global-color-accent ) !important;
}

/*
** Changing the border colour on focus
*/
.hs-form-field:has(.hs-input:focus-visible) .hs-form-field span {
    color: var( --e-global-color-accent ) !important;
}

.hs-button {
    background-color: var( --e-global-color-accent ) !important;
    border: none !important;
    padding: 15px 30px !important;
}

.hs-button:hover {
    background: #4DD0F5 !important;
}

/*
** Styling the disclaimer text
*/
.hs-form .small-text{
    color: white !important;
    opacity: 0.6 !important;
    font-size: 1.4rem !important;
}

/*
** Styling the asterix
*/
.hs-form-field span.hs-form-required{
    margin-left: 8px;
    color: var( --e-global-color-accent ) !important;
}
/*
** Styling the confirmation message
*/
.hbspt-form .submitted-message {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: 1.8rem !important;
	line-height: 2.8rem !important;
    color: #fff;
}

/*------------------------------------*
  #NEWSLETTER-HUBSPOT-CONTACT-FORM
*------------------------------------*/

/*
** Hiding the form h1 title
*/
.newsletter-signup .hs-form h1,
.newsletter-signup .hs-form h3{
    display: none !important;
}

/*
** Hiding the checkbox marker
*/
.newsletter-signup .inputs-list li{
    list-style: none;
}
.newsletter-signup .inputs-list li::marker{
    display: none;
}

/*
** Positioning the checkbox and text
*/
.newsletter-signup .hs-dependent-field .hs-form-booleancheckbox-display{
    display: flex;
}
.newsletter-signup .hs-dependent-field input[type="checkbox"] {
    margin: 0 !important;
}
.newsletter-signup .hs-dependent-field .inputs-list{
    padding: 0 !important;
}

/*
** Styling the input text for the newsletter signup
*/
.newsletter-signup .hs-form-field span,
.newsletter-signup .hs-form-field .hs-input {
    color: var( --e-global-color-primary ) !important;
}
.newsletter-signup .hs-error-msgs{
    padding-left: 0 !important;
}
.newsletter-signup .hs-error-msgs li,
.newsletter-signup .legal-consent-container .hs-error-msgs label{
    color: var( --e-global-color-c4aeeaa ) !important;
}

/*
** Styling the confirmation message
*/
.newsletter-signup .hbspt-form .submitted-message {
    color: var( --e-global-color-c4aeeaa );
}

/*
** Styling the disclaimer text
*/
.newsletter-signup .hs-form .small-text{
    color: var( --e-global-color-primary ) !important;
    opacity: 0.6 !important;
}

@media only screen and (min-width: 1024px) {
    /*
    ** Styling the confirmation message
    */
    .newsletter-signup .hbspt-form .submitted-message {
    	font-size: 2.2rem !important;
    	line-height: 3.4rem !important;
    }
}




/*------------------------------------*
  #DROPDOWN-MENUS-FOR-ARCHIVES
*------------------------------------*/


/*
** Hiding all but the first 'area'
*/
.sector .elementor-heading-title span:not(:first-child) {
    display: none;
}

/*
** Layout for the filter groups
*/
.filter-group {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-left: 0;
    gap: 16px;
    margin-bottom: 20px;
}
/*
** Hiding the default filters
*/
.filter-group .elementor-widget-taxonomy-filter {
    display: none !important;
}

/*
** Styling the dropdowns
*/
.custom-dropdown {
    position: relative;
    margin-bottom: 0;
}
.dropdown-wrapper {
    position: relative;
    display: inline-block;
}
.dropdown-trigger {
    display: flex;
    gap: 8px;
    padding: 0 20px 10px 0;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 16px;
    text-align: left;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var( --e-global-color-primary );
    color: var( --e-global-color-primary );
    cursor: pointer;
    min-width: 240px;
}
/*
** Styling the dropdown (client-stories)
*/
.post-type-archive-client-stories .dropdown-trigger {
    border-bottom: 1px solid white;
    color: white;
}

/*
** Dropdown arrow
*/
.custom-dropdown .dropdown-trigger::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-75%);
    width: 1em;
    height: 1em;
    pointer-events: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6 1.41-1.42z'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: currentColor;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/*
** Dropdown arrow (client stories)
*/
.post-type-archive-client-stories .custom-dropdown .dropdown-trigger::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6 1.41-1.42z'/></svg>");
}

/*
** Rotating the arrow
*/
.custom-dropdown .dropdown-wrapper:has(.dropdown-menu.open) .dropdown-trigger::after {
    transform: translateY(-50%) rotate(180deg);
}

/*
** Styling the dropdown menu
*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    padding: 0;
    background: var( --e-global-color-primary );
    border: none;
    border-radius: 0;
    width: 100%;
    min-width: 240px;
    display: none;
    z-index: 1000;
}
.dropdown-menu.open {
    display: block;
}
.dropdown-menu li {
    padding: 15px 15px;
    cursor: pointer;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*
** Adding the checkmark
*/
.dropdown-menu .check {
    color: var( --e-global-color-accent );
    font-weight: bold;
    display: inline-block;
}
.dropdown-menu .check svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

/*
** Remove the click for the slected item
*/
.dropdown-menu li.disabled {
    cursor: not-allowed;
}
.dropdown-menu li.disabled:hover {
    background: none;
}

/*
** Styling the active filters group
*/
.active-filters-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
    align-items: center;
}

/*
** Styling the active filter
*/
.filter-pill {
    background-color: #eef2f5;
    color: var( --e-global-color-primary );
    padding: 6px 20px;
    border-radius: 20px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: background 0.2s ease;
    background-color: rgba(255, 255, 255, 0.6);
}
/*
** Styling the active filters (client-stories)
*/
.post-type-archive-client-stories .filter-pill {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.1);
}

/*
** Styling the active filters
*/
.remove-pill {
    cursor: pointer;
    font-weight: bold;
}

/*
** Styling the clear all button
*/
.clear-all-filters {
    background: transparent;
    border: none;
    color: var( --e-global-color-accent );
    font-weight: 600;
    cursor: pointer;
    padding: 6px 10px;
    font-size: 14px;
}

/*
** Styling the pagination
*/
.elementor-pagination span,
.elementor-pagination a,
.elementor-pagination .prev{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: 1.8rem !important; 
}

/*
** Styling the 'found nothing' page
*/
.e-loop-nothing-found-message__text{
    color: var( --e-global-color-primary );
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: 1.8rem !important;
	line-height: 2.8rem !important;
}
/*
** Styling the 'found nothing' page (client-stories)
*/
.post-type-archive-client-stories .e-loop-nothing-found-message__text{
    color: white;
}

/*
** Hover state for the dropdown menu
*/
.custom-dropdown .dropdown-trigger:hover{
    background: transparent;
    color: var( --e-global-color-text );
}
/*
** Hover state for the dropdown menu (client-stories)
*/
.post-type-archive-client-stories .custom-dropdown .dropdown-trigger:hover{
    color: var( --e-global-color-d3d0492 );
}
.dropdown-menu li:hover .check {
    color: #fff;
}


/*
** Hover state for the dropdwon menu
*/
.dropdown-menu li:hover {
    background: var( --e-global-color-accent );
}
/*
** Active state for the dropdown menu
*/
.dropdown-menu li.active {
    font-weight: bold;
}

/*
** Selected state for the dropdwon menu
*/
.custom-dropdown .dropdown-wrapper button:focus{
    background: transparent !important;
    color: var( --e-global-color-text ) !important;
}
/*
** Selected state for the dropdwon menu (client-stories)
*/
.post-type-archive-client-stories .custom-dropdown .dropdown-wrapper button:focus{
    color: var( --e-global-color-d3d0492 ) !important;
}

/*
** Hover state for 'clear all'
*/
.clear-all-filters:hover{
    background: var( --e-global-color-accent );
    color: #fff;
}

/*
** Hover state for the active filter
*/
.filter-pill:hover {
    background-color: #dce3e8;
}
/*
** Hover state for the active filter (client-stories)
*/
.post-type-archive-client-stories .filter-pill:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.4);
}

@media (max-width: 768px) {
    /* Filters: stack full-width, no horizontal scroll */
    .filter-group {
        flex-wrap: wrap;
        gap: 12px;
    }
    
    .filter-group .dropdown-wrapper{
        width: 100%;
    }
    .custom-dropdown {
        flex: 1 1 100%;
    }

    .dropdown-trigger {
        width: 100%;
        min-width: unset;
    }

    .dropdown-menu {
        width: 100%;
        min-width: unset;
    }

  /* Bigger, more tappable filter pills and dropdown items */   
    .dropdown-menu li,
    .filter-pill {
        padding: 10px 16px;
        font-size: 16px;
    }
}



@media only screen and (min-width: 1024px) {
    .e-loop-nothing-found-message__text{
    	font-size: 2.2rem !important;
    	line-height: 3.4rem !important;
    	text-align: left;
    }  
}




/*------------------------------------*
  #VIDEO-TESTIMONIALS-SECTION
*------------------------------------*/



.video-testimonials .elementor-custom-embed-play svg{
    display: none;
}
.video-testimonials .elementor-custom-embed-play::after{
    position: absolute;
    content: url("https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/03/play.svg");
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.video-testimonials .elementor-custom-embed-play::after{
    padding: 24px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.video-testimonials .elementor-custom-embed-play:hover::after{
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.40);
}

@media only screen and (min-width: 1024px) {
    .video-testimonials .video-col,
    .video-testimonials .text-col{
        min-height: 50vw;
        width: 50% !important;
    }
}




/*------------------------------------*
  #TEXT-COLUMNS-SECTION
*------------------------------------*/
.text-columns .section-title{
    width: 100%;
}

.text-columns .elementor-icon{
    background: white;
    padding: 16px !important;
    display: flex !important;
    align-items: center;
    border-radius: 100%;
}
.text-columns  .elementor-icon svg{
    margin: 0 !important;
}
@media only screen and (min-width: 768px) {
    .text-columns .text-col{
        flex: calc(50% - 60px) !important;
    }
}
@media only screen and (min-width: 1024px) {
    .text-columns .text-col{
        flex: 1 !important;
    }
}




/*------------------------------------*
  #FAQ-SECTION
*------------------------------------*/

.faq-section-01 {
    padding: var(--padding-md);
}

.faq-section-01 .e-n-accordion-item-title-text{
    font-size: 2.2rem !important;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}

.faq-section-02 .accordion .e-n-accordion-item-title-text{
    font-size: 2.2rem !important;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}

@media only screen and (min-width: 1024px) {
    .faq-section-02 .title-col {
        padding: var(--padding-lg);
        width: 50%;
        gap: 15px;
    }
    .faq-section-02 .accordion-col{
        width: 50%;
        padding: var(--padding-lg);
        padding-left: 0;
    }
}




/*------------------------------------*
  #BLOG-STATISTICS
*------------------------------------*/

.post-content .statistics {
    gap: var(--padding-sm);
}
.post-content .statistics .stat-col{
    background: var( --e-global-color-d3d0492 );
    padding: var(--padding-lg);
    gap: var(--padding-lg);
}
.post-content .statistics .stat-col .stat::after{
    content: "";
    position: absolute;
    bottom:-15px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 6px;
    background: var( --e-global-color-accent );
}

@media only screen and (min-width: 1024px) {
    .post-content .statistics .stat-col{
        gap: var(--padding-sm);
        padding: var(--padding-md);
    }    
}


/*------------------------------------*
  #BLOG-TESTIMONIAL
*------------------------------------*/

.post-content .testimonial{
    margin-top: var(--padding-lg);
    margin-bottom: var(--padding-lg);
    gap: var(--padding-lg);
    padding-left: var(--padding-lg);
}

.post-content .testimonial::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: var( --e-global-color-accent );
}

.post-content .testimonial .testimonial-details{
    gap: 8px;
}

@media only screen and (min-width: 1024px) {
    .post-content .testimonial{
        margin-top: var(--padding-md);
        margin-bottom: var(--padding-md);
        gap: var(--padding-md);
        padding-left: var(--padding-md);
    }    
}


/*------------------------------------*
  #BLOG-ICON-LIST-SECTION
*------------------------------------*/

.post-content .icon-list-section{
    gap: var(--padding-lg);
    margin-top: var(--padding-lg);
    margin-bottom: var(--padding-lg);
}
.post-content .icon-list-section .text-col{
    width: 100% !important;
    padding: 0;
}
.post-content .icon-list-section .icon-list-col{
    width: 100% !important;
    padding: 0;
}

@media only screen and (min-width: 1024px) {
    .post-content .icon-list-section{
        gap: var(--padding-md);
        margin-top: var(--padding-sm);
        margin-bottom: var(--padding-sm);
    }
    .post-content .icon-list-section .text-col{
        width: 30% !important;
        padding: 0;
    }
    .post-content .icon-list-section .icon-list-col{
        width: 70% !important;
        padding: 0;
    }
}



/*------------------------------------*
  #BLOG-COLUMNS-LIST-SECTION
*------------------------------------*/

.post-content .columns-list{
    padding: var(--padding-sm);
    gap: var(--padding-lg);
    background: var( --e-global-color-d3d0492 );
}

.post-content .columns-list  .elementor-icon{
    background: white;
    padding: 20px !important;
    display: flex !important;
    align-items: center;
    border-radius: 100%;
}

.post-content .columns-list  .elementor-icon svg{
    margin: 0 !important;
}

.post-content .columns-list  .elementor-icon svg path{
    fill: var( --e-global-color-accent )
}

.post-content .columns-list .text-col{
    gap: 15px;
}
.post-content .columns-list .text-col::after{
    content: "";
    position: absolute;
    bottom: calc(0% - var(--padding-sm));
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(12, 31, 48, 0.30);
}

.post-content .columns-list .text-col .text{
    margin-top: 0;
}

@media only screen and (min-width: 1024px) {
    .post-content .columns-list{
        gap: var(--padding-md);
    }
}   



/*------------------------------------*
  #BLOG-FEATURED-POST
*------------------------------------*/

.post-content .featured-post {
    gap: var(--padding-md);
    margin-top: var(--padding-lg);
    margin-bottom: var(--padding-lg);
}

.post-content .featured-post::before,
.post-content .featured-post::after {
    content: "";
    position: absolute;
    top: calc(var(--padding-lg) / -2);
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(12, 31, 48, 0.30);
}
.post-content .featured-post::after {
    top: auto;
    bottom: calc(var(--padding-md) / -2);
}


.post-content .featured-post .post img{
    ratio: 1/1 !important;
}

.post-content .featured-post .post .post-image {
    aspect-ratio: 16/9;
    margin: 0 !important;
}

.post-content .featured-post .post .post-image .background-image{
    margin: 0 !important;
}

@media only screen and (min-width: 1024px) {
    .post-content .featured-post {
        margin-top: var(--padding-md);
        margin-bottom: var(--padding-md);
    }
    .post-content .featured-post .text-col{
        width: 30%;
    }
    .post-content .featured-post .post{
        width: 70%;
    }
    .post-content .featured-post::before,
    .post-content .featured-post::after {
        top: calc(var(--padding-md) / -2);
    }
    
}


/*------------------------------------*
  #MEETI-THE-EXPERTS
*------------------------------------*/

/*
** Hide content section from Nick Owens, Russel Burkes and Martyn Sizers
*/
.post-11933.our-team .vip-section,
.post-11934.our-team .vip-section{
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro.eot');
	src: url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro.eot?#iefix') format('embedded-opentype'),
		url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro.woff2') format('woff2'),
		url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro.woff') format('woff'),
		url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro.ttf') format('truetype'),
		url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro.svg#Gotham') format('svg');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro-medium.eot');
	src: url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro-medium.eot?#iefix') format('embedded-opentype'),
		url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro-medium.woff2') format('woff2'),
		url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro-medium.woff') format('woff'),
		url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro-medium.ttf') format('truetype'),
		url('https://stg-fscom-staging.kinsta.cloud/wp-content/uploads/2025/04/gothampro-medium.svg#Gotham') format('svg');
}
/* End Custom Fonts CSS */