.elementor-kit-6{--e-global-color-primary:#D06880;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#697084;--e-global-color-accent:#F6E5E9;--e-global-color-5a6d0cd:#5D9C91;--e-global-color-f423cdd:#EEF4F4;--e-global-color-f7d1ccb:#5A65A5;--e-global-color-9c06453:#DCDEEC;--e-global-color-85ce7bd:#F1F2F7;--e-global-color-65f536f:#A977CA;--e-global-color-abda109:#F0E8F6;--e-global-color-873a7e9:#F7F3FA;--e-global-color-574bb0f:#EA8331;--e-global-color-457ab52:#FEF7E8;--e-global-color-5961749:#FBF6EC;--e-global-color-f7f7a3d:#82AC41;--e-global-color-69c6ad8:#EAF1DD;--e-global-color-7ae503c:#F4F8EE;--e-global-color-52751a8:#FAF2F4;--e-global-color-51e8f63:#F3AE54;--e-global-color-5f17ea2:#5DB3E3;--e-global-color-5724437:#AED9F1;--e-global-color-4bd5813:#DFF0F9;--e-global-color-b316e13:#E35D5D;--e-global-color-672c2b7:#F4BEBE;--e-global-color-a5667ee:#F9DFDF;--e-global-color-4885630:#1FBDB4;--e-global-color-b67e256:#A5E5E1;--e-global-color-3002179:#D2F2F0;--e-global-color-1ae9e4f:#5967A7;--e-global-color-2e40490:#ACB3D3;--e-global-color-f6e069c:#EEF0F6;--e-global-color-6c37697:#E18138;--e-global-color-9a259e2:#F0C09C;--e-global-color-beb63da:#FCF2EB;--e-global-color-3c8d697:#65978E;--e-global-color-4b4b3cf:#B2CBC7;--e-global-color-e97f507:#F0F5F4;--e-global-typography-primary-font-family:"Helia Core Bold";--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"Helia Core Light";--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Helia Core Bold";--e-global-typography-accent-font-weight:normal;--e-global-typography-a635285-font-family:"Outfit";--e-global-typography-a635285-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.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:1366px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:1024px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body{
    overflow-x: hidden;
}

html{
    font-size: 62.5%; 
}

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


p {
    font-size: 1.6rem !important;
    line-height: 2.6rem !important;
}
li{
    font-size: 1.6rem !important;
}
h6 {
    font-size: 1.4rem  !important;
    line-height: auto !important;
}
h5 {
	font-size: 1.8rem !important;
	line-height: 2.8rem !important;
}
h4 {
	font-size: 2rem !important;
	line-height: 3.2rem !important;
}
h3 {
	font-size: 2.8rem !important;
	line-height: 3.8rem !important;
}
h2 {
    font-size: 3.2rem !important;
    line-height: 4.2rem !important;
}
h1 {
    font-size: 3.8rem !important;
	line-height: 4.8rem !important;
}
.hero h1 {
    font-size: 12vw !important;
	line-height: 13vw !important;
}
  
@media only screen and (min-width: 768px) {
    .hero h1 {
        font-size: 80px !important;
    	line-height: 86px !important;
    }
}

@media only screen and (min-width: 1024px) {
 
    p {
    	font-size: 1.8rem !important;
    	line-height: 2.8rem !important;
    }
    li{
        font-size: 1.8rem !important;
    }
    h6 {
    	font-size: 2rem !important;
    	line-height: normal !important;
    }
    h5 {
    	font-size: 2.2rem !important;
    	line-height: 3.4rem !important;
    }
    h4 {
    	font-size: 3rem !important;
    	line-height: normal !important;
    }
    h3 {
    	font-size: 4rem !important;
    	line-height: normal !important;
    }
    h2 {
	    font-size: 5.4rem !important;
	    line-height: 6.7rem !important;
    }
    h1 {
	    font-size: 8rem !important;
    	line-height: 9.6rem !important;
    }
    .large h2{
	    font-size: 8.2rem !important;
    	line-height: 8.8rem !important;
    }
    .hero h1,
    .hero h2{
	    font-size: 112px !important;
    	line-height: 118px !important;
    }
    .hero h1{
        font-size: min(7.292vw, 12.5vh) !important;
        line-height: 90% !important;
    }
}




/*------------------------------------*
  #PADDING - Removes default padding from columns
*------------------------------------*/

.elementor-element-populated{
    padding: 0 !important;
    margin: 0 !important;
}




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

.o-wrapper,
.o-wrapper-large,
.o-wrapper-small,
.inner-wrapper .elementor-widget-container,
.inner-wrapper-small .elementor-widget-container {
    padding-left: 24px !important;
    padding-right: 24px !important;
}
.section{
    padding-top: 48px;
    padding-bottom: 48px;
}
.section-small{
    padding-top: 48px;
    padding-bottom: 48px;
}
.section-slim{
    padding-top: 64px;
    padding-bottom: 32px;
}

@media only screen and (min-width: 753px) {
    .o-wrapper,
    .o-wrapper-large,
    .o-wrapper-small,
    .inner-wrapper .elementor-widget-container,
    .inner-wrapper-small .elementor-widget-container{
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .section{
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .section-slim{
        padding-top: 64px;
        padding-bottom: 32px;
    }
}

@media only screen and (min-width: 1024px) {
    .o-wrapper,
    .inner-wrapper .elementor-widget-container{
        padding-left: 10vw !important;
        padding-right: 10vw !important;
    }
    .o-wrapper-large{
        padding-left: 14vw !important;
        padding-right: 14vw !important;
    }
    .section{
        padding-top: 160px; 
        padding-bottom: 160px;
    }
    /*.section-small{
        padding-top: 64px;
        padding-bottom: 64px;
    }*/
    .section-slim{
        padding-top: 128px;
        padding-bottom: 32px;
    }
}

@media only screen and (min-width: 1920px){
    .o-wrapper,
    .inner-wrapper .elementor-widget-container{
        padding-left: 14vw !important;
        padding-right: 14vw !important;
    }
    .o-wrapper-large {
        padding-left: 16vw !important;
        padding-right: 16vw !important;
    }
}




/*------------------------------------*
  #COLUMN-WIDTHS
*------------------------------------*/

.text-image,
.text-video,
.title-text,
.title-list,
.list-image{
    gap: 32px;
}

@media only screen and (min-width: 768px){
    .text-col,
    .img-col,
    .title-col,
    .list-col,
    .video-col,
    .form-col{
        width: 50%;
    }  
    .text-image,
    .text-video,
    .title-text,
    .title-list,
    .list-image{
        gap: 4vw;
    }
}




/*------------------------------------*
  #BUTTON-STYLES
*------------------------------------*/

.btn-primary,
.text-button{
    margin-top: 48px;
}

/**
 * Resetting the default button style
 */
.elementor-button{
    background-color: transparent !important;
    border-radius: 0;
    padding: 0;
}

/**
 * Setting the text button style
 */
.btn-primary,
.text-button {
    z-index: 1 !important;
    padding: 18px 32px;
}

/**
 * Adding the pill shape
 */
.btn-primary .elementor-button:before,
.text-button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 1000px;
    background-color: var(--e-global-color-accent);
	transition: transform 800ms linear(0, 0.1, 0.3, 0.5, 0.8, 1, 1.1, 1.3, 1.33, 1.37, 1.367, 1.33, 1.27, 1.2, 1.13, 1.05, 0.98, 0.93, 0.9, 0.87, 0.868, 0.875, 0.89, 0.92, 0.94, 0.97, 0.99, 1.02, 1.03, 1.04, 1.046, 1.0459, 1.042, 1.034, 1.025, 1.016, 1.006, 0.998, 0.992, 0.987, 0.984, 0.9835, 0.9844, 0.986, 0.989, 0.993, 0.996, 0.999, 1.002, 1.004, 1.005, 1.0058, 1.0057, 1.0052, 1.0043, 1.003, 1.002, 1.001, 1, 0.9989, 0.9984, 0.998, 0.9979, 0.998, 0.9983, 0.9987, 0.9991, 0.9995, 0.9999, 1.0002, 1 100% 100%), background-color 800ms ease-out;
    z-index: -1;
    transform: scale(1);
}

/**
 * Styling the coloured buttons
 */
.btn-primary-white .elementor-button:before,
.text-button-white.text-button:before,
.text-button-green.text-button:before,
.text-button-purple.text-button:before,
.text-button-blue.text-button:before,
.text-button-orange.text-button:before,
.text-button-snapshot.text-button:before,
.text-button-appraise.text-button:before {
    background-color: #fff !important;
}

/**
 * Styling the button text
 */
.btn-primary .elementor-button-text,
.text-button p{
    font-size: 18px !important;
    line-height: 26px;
    color: var(--e-global-color-primary ) !important;
}

/**
 * Button hover effect
 */
.btn-primary:hover .elementor-button:before,
.solution-card:hover .text-button:before,
.colour-change-section:hover .text-button:before {
    transform: scale(1.2);
}
/**
 * Button hover effect
 */
.solutions .e-loop-item:hover .text-button:before {
    transform: scale(1);
}




/*------------------------------------*
  #MAIN-HEADER
*------------------------------------*/

.main-header{
    padding: 24px;
    z-index: 99;
}
.main-header .akl-logo svg{
    height: auto !important;
    font-size: 152px !important;
}
.main-header-white .akl-logo svg path{
    fill: #fff !important;
}

/**
 * Styling the main menu
 */
.main-header a{
    font-size: 18px !important;
	transition: transform 800ms linear(0, 0.1, 0.3, 0.5, 0.8, 1, 1.1, 1.3, 1.33, 1.37, 1.367, 1.33, 1.27, 1.2, 1.13, 1.05, 0.98, 0.93, 0.9, 0.87, 0.868, 0.875, 0.89, 0.92, 0.94, 0.97, 0.99, 1.02, 1.03, 1.04, 1.046, 1.0459, 1.042, 1.034, 1.025, 1.016, 1.006, 0.998, 0.992, 0.987, 0.984, 0.9835, 0.9844, 0.986, 0.989, 0.993, 0.996, 0.999, 1.002, 1.004, 1.005, 1.0058, 1.0057, 1.0052, 1.0043, 1.003, 1.002, 1.001, 1, 0.9989, 0.9984, 0.998, 0.9979, 0.998, 0.9983, 0.9987, 0.9991, 0.9995, 0.9999, 1.0002, 1 100% 100%), opacity 800ms ease-out !important;
}
.main-header a:hover{
    transform: translateY(-4px);
}

/**
 * Sizing and styling the hamburger
 */
.main-header .elementor-menu-toggle{
    background: #fff;
    height: 48px;
    width: 48px;
    border-radius: 100% !important
}
.main-header-white .elementor-menu-toggle{
    background: var( --e-global-color-accent );
}
.main-header .elementor-menu-toggle__icon--open{
    display: flex
}
.main-header .elementor-menu-toggle svg{
    height: 16px;
    width: 16px;
}
.main-header .elementor-menu-toggle .eicon-close:before{
    content: url("https://akind.life/wp-content/uploads/2023/06/hamburger-close.svg");
    height: 16px;
    font-size: 16px;
    display: flex;
}

/**
 * Positioning the dropdown menu
 */
.main-header .elementor-nav-menu--dropdown{
    width: calc(100vw - 48px) !important;
    left: calc(-100vw + 96px) !important;
}

/**
 * Styling the sub-menu
 */
.main-header .sub-menu li a,
.elementor-nav-menu li {
    justify-content: center !important;
}

/*Respectful Resolution*/
.main-header .sub-menu .menu-item-2575 a{
    color: var(--e-global-color-f7d1ccb) !important;
}
.main-header .menu-item-2575 a:hover,
.main-header .menu-item-2575 a.elementor-item-active{
    background: var(--e-global-color-85ce7bd) !important;
}

/*Kinder Feedback*/
.main-header .sub-menu .menu-item-2571 a{
    color: var(--e-global-color-5a6d0cd) !important;
}
.main-header .menu-item-2571 a:hover,
.main-header .menu-item-2571 a.elementor-item-active{
    background: var(--e-global-color-f423cdd) !important;
}

/*Leading with Kindness*/
.main-header .sub-menu .menu-item-2573 a{
    color: var(--e-global-color-65f536f) !important;
}
.main-header .menu-item-2573 a:hover,
.main-header .menu-item-2573 a.elementor-item-active{
    background: var(--e-global-color-873a7e9) !important;
}

/*Recruit for Kindness*/
.main-header .sub-menu .menu-item-2574 a{
    color: var(--e-global-color-51e8f63) !important;
}
.main-header .menu-item-2574 a:hover,
.main-header .menu-item-2574 a.elementor-item-active{
    background: var(--e-global-color-5961749) !important;
}

/*Culture Snapshots*/
.main-header .sub-menu .menu-item-2570 a{
    color: var(--e-global-color-f7f7a3d) !important;
}
.main-header .menu-item-2570 a:hover,
.main-header .menu-item-2570 a.elementor-item-active{
    background: var(--e-global-color-7ae503c) !important;
}

/*Culture*/
.main-header .sub-menu .menu-item-5343 a{
    color: var(--e-global-color-primary) !important;
}
.main-header .menu-item-5343 a:hover,
.main-header .menu-item-5343 a.elementor-item-active{
    background: var(--e-global-color-accent) !important;
}

/*Belonging*/
.main-header .sub-menu .menu-item-5342 a{
    color: var(--e-global-color-1ae9e4f) !important;
}
.main-header .menu-item-5342 a:hover,
.main-header .menu-item-5342 a.elementor-item-active{
    background: var(--e-global-color-f6e069c) !important;
}

/*Leadership*/
.main-header .sub-menu .menu-item-5344 a{
    color: var(--e-global-color-6c37697) !important;
}
.main-header .menu-item-5344 a:hover,
.main-header .menu-item-5344 a.elementor-item-active{
    background: var(--e-global-color-beb63da) !important;
}

/*Resolution 2*/
.main-header .sub-menu .menu-item-5345 a{
    color: var(--e-global-color-3c8d697) !important;
}
.main-header .menu-item-5345 a:hover,
.main-header .menu-item-5345 a.elementor-item-active{
    background: var(--e-global-color-e97f507) !important;
}

@media only screen and (min-width: 1200px){
    /**
     * Positioning the dropdown menu
     */
    .main-header .elementor-nav-menu--dropdown{
        width: auto !important;
        left: auto !important;
    }
}




/*------------------------------------*
  #BACKGROUND-IMAGE
*------------------------------------*/

/**
 * 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,
.uael-post__thumbnail img{
    object-fit: cover;
}

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

@media only screen and (max-width: 767px) {
    .img-col:has(.animated-image),
    .animated-image {
        height: 90vw;
    }
}

@media only screen and (min-width: 753px) {
    .img-col{
        min-height: auto;
    }
}




/*------------------------------------*
  #TEXT-BANNER-SECTION
*------------------------------------*/

.text-banner{
    overflow: hidden;
}
.text-banner .down-arrow{
    position: absolute;
    bottom: 24px;
    left: calc(50% - 50px);
}
.text-banner .down-arrow svg{
    opacity: 0.5;
}




/*------------------------------------*
  #COLOUR-CHANGE-SECTION
*------------------------------------*/

.colour-change-section{
    overflow: hidden;
}

/**
 * Adding the colour change element
 */
.colour-change-section:before{
    content: "";
    position: absolute;
    display: flex;
    top: 50%;
    left: 50%;
    width: 1vw;
    height: 1vw;
    border-radius: 100%;
    z-index: 0;
    -webkit-transition: all 1s cubic-bezier(0.79, 0.33, 0.29, 0.97);
    transition: all 1s cubic-bezier(0.79, 0.33, 0.29, 0.97);    
    opacity: 0;
}

/**
 * Hover state for the change colour 
 */
.colour-change-section:hover:before{
    transform: scale(240);
    opacity: 1;
}

/**
 * Setting the change colour 
 */
 .colour-change-section.podcast-green:before{
    background-color: #73C8AF !important;
}

.colour-change-section.orange:before{
    background-color: var(--e-global-color-51e8f63 ) !important;
}
.colour-change-section.white:before{
    background-color: #fff !important;
}
.colour-change-section.white:hover .text-button:before{
    background-color: var(--e-global-color-accent ) !important;
}
.colour-change-section.white:hover .text-button-green:before{
    background-color: var(--e-global-color-f423cdd) !important;
}
.colour-change-section.white:hover .text-button-blue:before{
    background-color: var(--e-global-color-9c06453) !important;
}
.colour-change-section.white:hover .text-button-purple:before{
    background-color: var( --e-global-color-abda109 ) !important;
}
.colour-change-section.white:hover .text-button-orange:before{
    background-color: var( --e-global-color-5961749 ) !important;
}
.colour-change-section.white:hover .text-button-snapshot:before{
    background-color: var( --e-global-color-7ae503c ) !important;
}
.colour-change-section.white:hover .text-button-appraise:before{
    background-color: var( --e-global-color-4bd5813 ) !important;
}
.colour-change-section.white:hover .text-button-belonging:before{
    background-color: var( --e-global-color-f6e069c ) !important;
}
.colour-change-section.white:hover .text-button-leadership:before{
    background-color: var( --e-global-color-beb63da ) !important;
}
.colour-change-section.white:hover .text-button-resolution:before{
    background-color: var( --e-global-color-e97f507 ) !important;
}

/**
 * Sizing the text
 */
.colour-change-section .text{
    max-width: 888px !important;
}

/**
 * Positioning the top and bottom curves
 */
.colour-change-section .top-curve{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.colour-change-section .bottom-curve{
    position: absolute;
    width: 100%;
    height: 100%;
    top: auto;
    bottom: 0;
    left: 0;
}

/**
 * Adding and sizing the top and bottom curves
 */
.colour-change-section .top-curve:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display:block;
    height: 100%;
    width: 100%;
    background-size: 100% auto;
    background-image: url("https://akind.life/wp-content/uploads/2023/06/top-curve-pink-light.svg");
    background-repeat: no-repeat;
    background-position: 0 0%;
    z-index: 0;
    pointer-events: none;
}

.colour-change-section .bottom-curve:after{
    content: "";
    position: absolute;
    display: block;
    height: calc(100% + 1px);
    width: 110%;
    background-size: 100% auto;
    background-image: url("https://akind.life/wp-content/uploads/2023/06/bottom-curve-red.svg");
    background-repeat: no-repeat;
    background-position: 0 100%;
    z-index: 1;
    pointer-events: none;
}

@media only screen and (min-width: 768px) {
    /**
     * Hover state for the change colour 
     */
    .colour-change-section:hover:before{
        transform: scale(160);
        opacity: 1;
    }
}

@media only screen and (min-width: 1024px) {
    /**
     * Hover state for the change colour 
     */
    .colour-change-section:hover:before{
        transform: scale(140);
        opacity: 1;
    }
    /**
     * Sizing the text
     */
    .colour-change-section .text{
        max-width: 60vw !important;
    }

}




/*------------------------------------*
  #OUR-CLIENTS-SECTION
*------------------------------------*/

.our-clients .text .sub-title{
    max-width: 850px !important;
}

.client-logos .logo{
    width: calc(50% - 12px);
    background: #005EB8;
    border-radius: 24px;
    overflow: hidden;
}
.client-logos .logo svg{
    width: 100%;
    height: auto;
}

.our-clients .down-arrow{
    width: 72px;
}
.our-clients .down-arrow svg{
    width: 72px;
    height: auto;
}

@media only screen and (min-width: 1024px){
    .client-logos .logo{
        width: 100%;
    }
    .our-clients .down-arrow{
        position: absolute;
        width: 72px;
        top: 24px;
        left: calc(50% - 36px);
    }
    
}




/*------------------------------------*
  #INSIGHT-SECTION
*------------------------------------*/

.insights-section .down-arrow{
    width: 72px;
}
.insights-section .down-arrow svg{
    width: 72px;
    height: auto;
}

@media only screen and (min-width: 1024px){
    .insights-section .down-arrow{
        position: absolute;
        width: 72px;
        top: 24px;
        left: calc(50% - 36px);
    }
}




/*------------------------------------*
  #SOLUTIONS-SECTION
*------------------------------------*/

.solutions .sub-title{
    max-width: 1024px !important;
}

/**
 * Setting the width for the grid
 */
.solutions-grid .elementor-widget-loop-grid{
    max-width: 1024px !important;
}

/**
 * Setting the width and overflow for the carousel
 */
.solutions-carousel .elementor-loop-container{
    width: 100% !important;
    overflow: hidden;
    padding: 24px 24px 48px 24px;
}

.solutions .swiper-slide{
    overflow: visible;
}

/**
 * Setting the animation style for the cards
 */
.solutions .e-loop-item .solution-card{
    width: 100%;
    height: 100%;
    padding: 48px 24px !important;
	transition: transform 800ms linear(0, 0.1, 0.3, 0.5, 0.8, 1, 1.1, 1.3, 1.33, 1.37, 1.367, 1.33, 1.27, 1.2, 1.13, 1.05, 0.98, 0.93, 0.9, 0.87, 0.868, 0.875, 0.89, 0.92, 0.94, 0.97, 0.99, 1.02, 1.03, 1.04, 1.046, 1.0459, 1.042, 1.034, 1.025, 1.016, 1.006, 0.998, 0.992, 0.987, 0.984, 0.9835, 0.9844, 0.986, 0.989, 0.993, 0.996, 0.999, 1.002, 1.004, 1.005, 1.0058, 1.0057, 1.0052, 1.0043, 1.003, 1.002, 1.001, 1, 0.9989, 0.9984, 0.998, 0.9979, 0.998, 0.9983, 0.9987, 0.9991, 0.9995, 0.9999, 1.0002, 1 100% 100%), background-color 800ms ease-out;
}
.solutions .e-loop-item .solution-card:hover{
    transform: translateY(-16px); 
}

/**
 * Adding the card backgrounds
 */
.solutions .e-loop-item .solution-card:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 48px !important;
    z-index: 1;
}



/* Solutions */
.page-id-166 .main-header{
    background-color: var(--e-global-color-primary );
}

/**
 * Styling the bold text
 */
.solutions .e-loop-item strong, #bold {
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
}

/**
 * Adding the shadow
 */
.solutions .e-loop-item .solution-card:after{
    content: "";
    position: absolute;
    border-radius: 48px;
    bottom: -8px;
    left: 0;
    background: #272929;
    opacity: 0.3;
    width: 100%;
    height: 30px;
    z-index: 0;
    filter: blur(14px);
    transform: scaleX(0.8);
	transition: transform 800ms linear(0, 0.1, 0.3, 0.5, 0.8, 1, 1.1, 1.3, 1.33, 1.37, 1.367, 1.33, 1.27, 1.2, 1.13, 1.05, 0.98, 0.93, 0.9, 0.87, 0.868, 0.875, 0.89, 0.92, 0.94, 0.97, 0.99, 1.02, 1.03, 1.04, 1.046, 1.0459, 1.042, 1.034, 1.025, 1.016, 1.006, 0.998, 0.992, 0.987, 0.984, 0.9835, 0.9844, 0.986, 0.989, 0.993, 0.996, 0.999, 1.002, 1.004, 1.005, 1.0058, 1.0057, 1.0052, 1.0043, 1.003, 1.002, 1.001, 1, 0.9989, 0.9984, 0.998, 0.9979, 0.998, 0.9983, 0.9987, 0.9991, 0.9995, 0.9999, 1.0002, 1 100% 100%), background-color 800ms ease-out;
}

/**
 * Animating the shadow
 */
.solutions .e-loop-item:hover .solution-card:after{
    transform: translateY(10px) scaleX(0.6);
}

/**
 * Spacing the elements
 */
.solutions .e-loop-item .solution-card .title {
    z-index: 2;
}
.solutions .e-loop-item .text{
    margin-bottom: 12px !important;
    z-index: 2;
}
.solutions .e-loop-item .text-button{
    margin: auto;
    margin-bottom: 0;
    width: 80%;
}

/**
 * Positioning the carousel arrows
 */
.solutions-carousel .elementor-swiper-button{
    position: absolute !important;
    top: calc(100% + 48px) !important;
}
.solutions-carousel .elementor-swiper-button svg path{
    fill: var(--e-global-color-primary) !important;
}
.solutions-carousel .elementor-swiper-button-next{
    right: calc(50% - 72px) !important;
}
.solutions-carousel .elementor-swiper-button-prev{
    left: calc(50% - 72px) !important;
}

/**
 * Animating the arrows
 */
.solutions-carousel .elementor-swiper-button svg{
    transition: all 0.3s ease-out;
}
.solutions-carousel .elementor-swiper-button:hover svg{
    transform: scale(1.2);
}

@media only screen and (min-width: 1024px){
    .solutions .solution-card .title {
        padding-left: 16px;
        padding-right: 16px;
    }
}


/*------------------------------------*
  #VIDEO
*------------------------------------*/

.text-video .elementor-widget-video .elementor-widget-container{
    border-radius: 24px;
}
.text-video .elementor-widget-video .elementor-custom-embed-play{
    width: 96px;
    height: 96px;
    opacity: 0.9;
}
.text-video .elementor-widget-video .elementor-custom-embed-play svg{
    padding: 24px;
    opacity: 1;
    filter: none;
    width: 96px;
    height: 96px;
    background: white;
    border-radius: 100%;
	transition: transform 800ms linear(0, 0.1, 0.3, 0.5, 0.8, 1, 1.1, 1.3, 1.33, 1.37, 1.367, 1.33, 1.27, 1.2, 1.13, 1.05, 0.98, 0.93, 0.9, 0.87, 0.868, 0.875, 0.89, 0.92, 0.94, 0.97, 0.99, 1.02, 1.03, 1.04, 1.046, 1.0459, 1.042, 1.034, 1.025, 1.016, 1.006, 0.998, 0.992, 0.987, 0.984, 0.9835, 0.9844, 0.986, 0.989, 0.993, 0.996, 0.999, 1.002, 1.004, 1.005, 1.0058, 1.0057, 1.0052, 1.0043, 1.003, 1.002, 1.001, 1, 0.9989, 0.9984, 0.998, 0.9979, 0.998, 0.9983, 0.9987, 0.9991, 0.9995, 0.9999, 1.0002, 1 100% 100%), opacity 800ms ease-out;
}
.text-video .elementor-widget-video:hover .elementor-custom-embed-play{
    opacity: 1
}
.text-video .elementor-widget-video:hover svg{
    transform: scale(1.2);
}




/*------------------------------------*
  #STATEMENT-SECTION
*------------------------------------*/

.statement-section{
    z-index: 1;
}
.statement-section .text{
    max-width: 600px !important;
}
.statement-section .animated-blob{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%
}
.statement-section .arrow{
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100px;
    height: 100px;
}
.statement-section .arrow svg{
    width: 100px;
    height: 100px;
}

@media only screen and (min-width: 768px) {
    .statement-section .animated-blob{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        width: 100vmin;
    }
}




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

.text-image-full{
    padding-bottom: 0;
    
}
.text-image-full .text-col{
    padding-bottom: 48px;
}

@media only screen and (max-width: 768px) {
    .text-image {
        padding-top: 0;
    }
}




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

.text-image-logo .logo{
    position: absolute;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.text-image-logo .logo .elementor-widget-container{
    display: flex;
}
.text-image-logo .image img{
    width: 100%;
    height: auto;
    z-index: 0;
}
@media only screen and (min-width: 400px) {
    .text-image-logo .image img{
        width: 80%;
    }
}
@media only screen and (min-width: 1024px) {
    .text-image-logo .logo{
        width: 190px;
        height: 190px;
        top: 0;
        left: 0;
    }
    .text-image-logo .image img{
        width: 75%;
    }
}



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

.title-list .list-col{
    padding-top: 16px;
}




/*------------------------------------*
  #SCROLLING-LETTERS-SECTIONS
*------------------------------------*/

.bounce .letter,
.build-approach .letter{
    border-radius: 1000%;
    height: calc(100vw / 3 - 8px);
    width: calc(100vw / 3 - 8px);
    overflow: hidden;
}
.build-approach .letter{
    border-radius: 24px;
}

.bounce .letter.hero h2,
.build-approach .letter.hero h2{
    padding: 24px;
    border-radius: 24px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bounce .text-container .text,
.build-approach .text-container .text{
    max-width: 888px !important;
}

@media only screen and (max-width: 768px) {
    .build-approach,
    .bounce{
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .letters-scroller{
        overflow-x: scroll;
        padding-left: 24px;
        padding-right: 24px;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    .letters-scroller::-webkit-scrollbar {
        display: none;
    }
    
    /* Hide scrollbar for IE, Edge and Firefox */
    .letters-scroller {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }
    .letters-container{
        width: auto;
    }
    .build-approach .text-container,
    .bounce .text-container{
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media only screen and (min-width: 768px) {
    .bounce .letter{
        border-radius: 1000%;
        height: calc(100vw / 6 - 24px);
        overflow: hidden;
    }
    
    .build-approach .letter{
        border-radius: 24px;
        height: calc(100vw / 6 - 8px);
        overflow: hidden;
    }
    .build-approach .letter.hero h2{
        padding: 24px;
        border-radius: 24px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (min-width: 1024px) {
    .bounce .letter  {
        height: calc(100vw / 7 - 24px);
    }
}




/*------------------------------------*
  #PAGE-COLOUR-SETTINGS
*------------------------------------*/

/*------------------------------------*
  #KINDER-FEEDBACK
*------------------------------------*/
/**
 * Hamburger Icon
 */
.page-id-110 .main-header-white .elementor-menu-toggle{
     background: var(--e-global-color-f423cdd) !important;
}
.page-id-110 .main-header-white .elementor-menu-toggle svg rect{
    fill: var(--e-global-color-5a6d0cd) !important;
}

/**
 * Header and Solution card background
 */
.page-id-110 .main-header,
.solutions .post-110 .solution-card:before{
    background-color: var(--e-global-color-5a6d0cd) !important;
}
.solutions .post-110 .solution-card .text-button p{
    color: var(--e-global-color-5a6d0cd) !important;
}

/**
 * Styling the icons
 */
.page-id-110 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-5a6d0cd ) !important;
}
.page-id-110 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-5a6d0cd ) !important;
}

/**
 * Styling the buttons
 */
.page-id-110 .btn-primary .elementor-button span,
.page-id-110 .text-button p{
    color: var( --e-global-color-5a6d0cd ) !important;
}
.page-id-110 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-abda109) !important;
}
.page-id-110 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-5a6d0cd) !important;
}
.page-id-110  .btn-primary-white .elementor-button:before{
    background: #fff !important;
}

/*------------------------------------*
  #LEADING-WITH-KINDNESS
*------------------------------------*/
/**
 * Hamburger Icon
 */
.page-id-126 .main-header-white .elementor-menu-toggle{
     background: var(--e-global-color-abda109) !important;
}
.page-id-126 .main-header-white .elementor-menu-toggle svg rect{
    fill: var(--e-global-color-65f536f) !important;
}

/**
 * Header and Solution card background
 */
.page-id-126 .main-header,
.solutions .post-126 .solution-card:before{
    background-color: var(--e-global-color-65f536f) !important;
}
.solutions .post-126 .solution-card .text-button p{
    color: var(--e-global-color-65f536f) !important;
}

/**
 * Styling the icons
 */
.page-id-126 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-65f536f ) !important;
}
.page-id-126 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-65f536f ) !important;
}

/**
 * Styling the buttons
 */
.page-id-126 .btn-primary .elementor-button span,
.page-id-126 .text-button p{
    color: var( --e-global-color-65f536f ) !important;
}
.page-id-126 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-abda109) !important;
}
.page-id-126 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-65f536f) !important;
}

/*------------------------------------*
  #RESPECTFUL-RESOLUTION
*------------------------------------*/
/**
 * Hamburger Icon
 */
.page-id-162 .main-header-white .elementor-menu-toggle{
     background: var(--e-global-color-85ce7bd) !important;
}
.page-id-162 .main-header-white .elementor-menu-toggle svg rect{
    fill: var(--e-global-color-f7d1ccb) !important;
}

/**
 * Header and Solution card background
 */
.page-id-162 .main-header,
.solutions .post-162 .solution-card:before{
    background-color: var(--e-global-color-f7d1ccb) !important;
}
.solutions .post-162 .solution-card .text-button p{
    color: var(--e-global-color-f7d1ccb) !important;
}

/**
 * Styling the icons
 */
.page-id-162 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-f7d1ccb ) !important;
}
.page-id-162 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-f7d1ccb ) !important;
}

/**
 * Styling the buttons
 */
.page-id-162 .btn-primary .elementor-button span,
.page-id-162 .text-button p{
    color: var( --e-global-color-f7d1ccb ) !important;
}
.page-id-162 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-873a7e9 ) !important;
}
.page-id-162 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-f7d1ccb) !important;
}

/*------------------------------------*
  #RECRUIT-FOR-KINDNESS
*------------------------------------*/
/**
 * Hamburger Icon
 */
.page-id-129 .main-header-white .elementor-menu-toggle{
     background: var(--e-global-color-5961749) !important;
}
.page-id-129 .main-header-white .elementor-menu-toggle svg rect{
    fill: var(--e-global-color-51e8f63) !important;
}

/**
 * Header and Solution card background
 */
.page-id-129 .main-header,
.solutions .post-129 .solution-card:before{
    background-color: var(--e-global-color-51e8f63) !important;
}
.solutions .post-129 .solution-card .text-button p{
    color: var(--e-global-color-51e8f63) !important;
}

/**
 * Styling the icons
 */
.page-id-129 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-51e8f63 ) !important;
}
.page-id-129 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-51e8f63 ) !important;
}

/**
 * Styling the buttons
 */
.page-id-129 .btn-primary .elementor-button span,
.page-id-129 .text-button p{
    color: var( --e-global-color-51e8f63 ) !important;
}
.page-id-129 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-5961749 ) !important;
}
.page-id-129 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-51e8f63) !important;
}

/*------------------------------------*
  #CULTURE-SNAPSHOTS
*------------------------------------*/
/**
 * Hamburger Icon
 */
.page-id-170 .main-header-white .elementor-menu-toggle{
     background: var(--e-global-color-7ae503c) !important;
}
.page-id-170 .main-header-white .elementor-menu-toggle svg rect{
    fill: var(--e-global-color-f7f7a3d) !important;
}

/**
 * Header and Solution card background
 */
.page-id-170 .main-header,
.solutions .post-170 .solution-card:before{
    background-color: var(--e-global-color-f7f7a3d) !important;
}
.solutions .post-170 .solution-card .text-button p{
    color: var(--e-global-color-f7f7a3d) !important;
}

/**
 * Styling the icons
 */
.page-id-170 .elementor-icon-list-icon svg path {
    fill: var(--e-global-color-f7f7a3d ) !important;
}
.page-id-170 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-f7f7a3d ) !important;
}

/**
 * Styling the buttons
 */
.page-id-170 .btn-primary .elementor-button span,
.page-id-170 .text-button p{
    color: var( --e-global-color-f7f7a3d ) !important;
}
.page-id-170 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-7ae503c) !important;
}
.page-id-170 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-f7f7a3d) !important;
}

/*------------------------------------*
  #KINDNESS-INTO-ACTION
*------------------------------------*/
/**
 * Hamburger Icon
 */
.page-id-124 .main-header-white .elementor-menu-toggle{
     background: var(--e-global-color-accent) !important;
}
.page-id-124 .main-header-white .elementor-menu-toggle svg rect{
    fill: var(--e-global-color-primary) !important;
}

/**
 * Header and Solution card background
 */
.page-id-124 .main-header,
.solutions .post-124 .solution-card:before{
    background-color: var(--e-global-color-primary) !important;
}
.solutions .post-124 .solution-card .text-button p{
    color: var(--e-global-color-primary) !important;
}

/**
 * Styling the icons
 */
.page-id-124 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-primary ) !important;
}
.page-id-124 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-primary ) !important;
}

/**
 * Styling the buttons
 */
.page-id-124 .btn-primary .elementor-button span,
.page-id-124 .text-button p{
    color: var( --e-global-color-primary ) !important;
}
.page-id-124 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-accent) !important;
}
.page-id-124 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-primary) !important;
}

/*------------------------------------*
  #APPRAISE-WITH-KINDNESS
*------------------------------------*/
/**
 * Header and Solution card background
 */
.page-id-174 .main-header,
.solutions .post-174 .solution-card:before{
    background-color: var(--e-global-color-5f17ea2) !important;
}
.solutions .post-174 .solution-card .text-button p{
    color: var(--e-global-color-5f17ea2) !important;
}

/**
 * Styling the icons
 */
.page-id-174 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-5f17ea2 ) !important;
}
.page-id-174 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-5f17ea2 ) !important;
}

/**
 * Styling the buttons
 */
.page-id-174 .btn-primary .elementor-button span,
.page-id-174 .text-button p{
    color: var( --e-global-color-5f17ea2 ) !important;
}
.page-id-174 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-4bd5813) !important;
}
.page-id-174 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-5f17ea2) !important;
}

/*------------------------------------*
  #KINDER-WELLBEING
*------------------------------------*/
/**
 * Header and Solution card background
 */
.page-id-172 .main-header,
.solutions .post-172 .solution-card:before{
    background-color: var(--e-global-color-b316e13) !important;
}
.solutions .post-172 .solution-card .text-button p{
    color: var(--e-global-color-b316e13) !important;
}

/**
 * Styling the icons
 */
.page-id-172 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-b316e13 ) !important;
}
.page-id-172 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-b316e13 ) !important;
}

/**
 * Styling the buttons
 */
.page-id-172 .btn-primary .elementor-button span,
.page-id-172 .text-button p{
    color: var( --e-global-color-b316e13 ) !important;
}
.page-id-172 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-a5667ee) !important;
}
.page-id-172 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-b316e13) !important;
}

/*------------------------------------*
  #KINDNESS-MASTERCLASS
*------------------------------------*/
/**
 * Header and Solution card background
 */
.page-id-164 .main-header,
.solutions .post-164 .solution-card:before{
    background-color: var(--e-global-color-4885630) !important;
}
.solutions .post-164 .solution-card .text-button p{
    color: var(--e-global-color-4885630) !important;
}

/**
 * Styling the icons
 */
.page-id-164 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-4885630 ) !important;
}
.page-id-164 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-4885630 ) !important;
}

/**
 * Styling the buttons
 */
.page-id-164 .btn-primary .elementor-button span,
.page-id-164 .text-button p{
    color: var( --e-global-color-4885630 ) !important;
}
.page-id-164 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-3002179) !important;
}
.page-id-164 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-4885630) !important;
}

/*------------------------------------*
  #BELONGING
*------------------------------------*/
/**
 * Hamburger Icon
 */
.page-id-5336 .main-header-white .elementor-menu-toggle{
     background: var(--e-global-color-f423cdd) !important;
}
.page-id-5336 .main-header-white .elementor-menu-toggle svg rect{
    fill: var(--e-global-color-1ae9e4f) !important;
}

/**
 * Header and Solution card background
 */
.page-id-5336 .main-header,
.solutions .post-5336 .solution-card:before{
    background-color: var(--e-global-color-1ae9e4f) !important;
}
.solutions .post-5336 .solution-card .text-button p{
    color: var(--e-global-color-1ae9e4f) !important;
}

/**
 * Styling the icons
 */
.page-id-5336 .elementor-icon-list-icon svg path {
    fill: var(--e-global-color-1ae9e4f) !important;
}
.page-id-5336 .elementor-icon-list-icon svg rect{
    stroke: var(--e-global-color-1ae9e4f) !important;
}

/**
 * Styling the buttons
 */
.page-id-5336 .btn-primary .elementor-button span,
.page-id-5336 .text-button p{
    color: var(--e-global-color-1ae9e4f) !important;
}
.page-id-5336 .btn-primary .elementor-button:before{
    background-color: var(--e-global-color-1ae9e4f) !important;
}
.page-id-5336 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-1ae9e4f) !important;
}
.page-id-5336  .btn-primary-white .elementor-button:before{
    background: #fff !important;
}

/*------------------------------------*
  #RESOLUTION
*------------------------------------*/
/**
 * Hamburger Icon
 */
.page-id-5326 .main-header-white .elementor-menu-toggle{
     background: var(--e-global-color-e97f507) !important;
}
.page-id-5326 .main-header-white .elementor-menu-toggle svg rect{
    fill: var(--e-global-color-3c8d697) !important;
}

/**
 * Header and Solution card background
 */
.page-id-5326 .main-header,
.solutions .post-5326 .solution-card:before{
    background-color: var(--e-global-color-3c8d697) !important;
}
.solutions .post-5326 .solution-card .text-button p{
    color: var(--e-global-color-3c8d697) !important;
}

/**
 * Styling the icons
 */
.page-id-5326 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-3c8d697 ) !important;
}
.page-id-5326 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-3c8d697 ) !important;
}

/**
 * Styling the buttons
 */
.page-id-5326 .btn-primary .elementor-button span,
.page-id-5326 .text-button p{
    color: var( --e-global-color-3c8d697 ) !important;
}
.page-id-5326 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-e97f507 ) !important;
}
.page-id-5326 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-3c8d697) !important;
}

/*------------------------------------*
  #LEADERSHIP
*------------------------------------*/
/**
 * Hamburger Icon
 */
.page-id-5315 .main-header-white .elementor-menu-toggle{
     background: var(--e-global-color-beb63da) !important;
}
.page-id-5315 .main-header-white .elementor-menu-toggle svg rect{
    fill: var(--e-global-color-6c37697) !important;
}

/**
 * Header and Solution card background
 */
.page-id-5315 .main-header,
.solutions .post-5315 .solution-card:before{
    background-color: var(--e-global-color-6c37697) !important;
}
.solutions .post-5315 .solution-card .text-button p{
    color: var(--e-global-color-6c37697) !important;
}

/**
 * Styling the icons
 */
.page-id-5315 .elementor-icon-list-icon svg path {
    fill: var( --e-global-color-6c37697 ) !important;
}
.page-id-5315 .elementor-icon-list-icon svg rect{
    stroke: var( --e-global-color-6c37697 ) !important;
}

/**
 * Styling the buttons
 */
.page-id-5315 .btn-primary .elementor-button span,
.page-id-5315 .text-button p{
    color: var( --e-global-color-6c37697 ) !important;
}
.page-id-5315 .btn-primary .elementor-button:before{
    background-color: var( --e-global-color-beb63da ) !important;
}
.page-id-5315 .text-video .elementor-widget-video svg path{
    fill: var(--e-global-color-6c37697) !important;
}


/*------------------------------------*
  #TEXT-AND-LIST-SETTINGS
*------------------------------------*/

/**
 * Styling the icons
 */
.elementor-icon-list-icon svg{
    fill: transparent !important;
}
.text-icon-list-white .elementor-icon-list-icon svg path {
    fill: #fff !important;
}
.text-icon-list-white .elementor-icon-list-icon svg rect{
    stroke: #fff !important;
}




/*------------------------------------*
  #TESTIMONIAL-SLIDER-SECTION
*------------------------------------*/

.testimonial-slider .elementor-testimonial__text{
    font-style: normal !important;
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif !important;
    font-weight: var(--e-global-typography-primary-font-weight ) !important;
    font-size: 24px !important;
    line-height: 38px !important;
}
.testimonial-slider .elementor-testimonial__cite{
    font-size: 16px !important;
    line-height: 26px !important;
    margin-top: 24px;
}
.testimonial-slider .swiper-slide{
    padding: 0;
}
.testimonial-slider .elementor-main-swiper {
    width: 100% !important;
}


@media only screen and (min-width: 1024px) {
    .testimonial-slider .elementor-testimonial__text {
        max-width: 888px;
        font-size: 38px !important;
        line-height: 48px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .testimonial-slider .elementor-testimonial__cite{
        font-size: 24px !important;
        line-height: 34px !important;
        margin-top: 24px;
    }
}




/*------------------------------------*
  #CENTERED-TEXT-SECTION
*------------------------------------*/

.centered-text-section .title,
.centered-text-section .text {
    max-width: 888px !important;
}




/*------------------------------------*
  #MODULE-SECTION
*------------------------------------*/

/*
** Seting the styling for the modules
*/
.module-section .module{
    padding: 48px 12px 24px;
    background: #FFFFFF;
    border: 1px solid #697084;
    -webkit-box-shadow: 3px 4px 4px rgba(83, 43, 52, 0.2);
    box-shadow: 3px 4px 4px rgba(83, 43, 52, 0.2);   
    border-radius: 24px;
    width: 100%;
}

/*
** Positioning and styling the number
*/
.module-section .module .number{
    padding: 16px;
    position: absolute;
    width: 55px;
    height: 55px;
    top: -24px;
    background: #FFFFFF;
    border: 1px solid #697084;
    border-radius: 1000px;
}
.module-section .module .number .elementor-widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    /*
    ** Hiding the overflow
    */
    .module-section {
        overflow: hidden;
        padding: 0 !important;
        padding-bottom: 48px !important;
    }
    
    /*
    ** Horizontal scrolling for the modules
    */
    .module-section .module-container{
        overflow-x: auto !important;
        padding: 48px;
        cursor: grab;
    }
    
    /*
    ** Hiding the scrollbars
    */
    .module-section .module-container::-webkit-scrollbar {
      display: none;
    }

}




/*------------------------------------*
  #MODULE-SLIDER-SECTION
*------------------------------------*/

.slider-container{
    overflow: hidden;
}
.module-slider{
    padding-bottom: 96px;
}
.module-slider .elementor-slides-wrapper{
    overflow: visible;
}
.module-slider .swiper-wrapper{
    gap: 24px; 
}

/**
 * Styling the slide
 */
.module-slider .swiper-slide{
    width: calc(100% - 21.5px) !important;
    background: #FFFFFF;
    border: 1px solid #697084;
    box-shadow: 3px 4px 4px rgba(83, 43, 52, 0.2);
    border-radius: 24px;
    transition: all 0s ease-in !important;
}

/**
 * Sizing and positioning image
 */
.module-slider .elementor-slides .swiper-slide-bg {
    background-size: contain !important;
    padding: 0;
    background-repeat: no-repeat;
    min-width: 100%;
    min-height: 40%;
    width: 100%;
    height: 40%;
    transition: all 0s !important;
}

/**
 * Positioning the text content
 */
.module-slider .elementor-slides .swiper-slide-inner {
    align-items: flex-start;
    position: relative;
    padding: 0 16px 24px 16px;
    text-align: left !important;
    width: 100%;
    height: 60%;
}

/**
 * Ordering the content
 */
.module-slider .swiper-slide-contents{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
}
.module-slider .elementor-slide-button {
    position: absolute;
    top: -60%;
    order: 1;
    background-color: #F3F4F8 !important;
    padding: 8px 16px;
    border-radius: 16px;
}
.module-slider .elementor-slide-heading{
    order: 2;
    margin-top: 24px
}
.module-slider .elementor-slide-description{
    order: 3;
}

/**
 * Styling the lists
 */
.module-slider .elementor-slide-description ul{
    list-style-type: none;
    margin-top: 24px;
}
.module-slider .elementor-slide-description li{
    margin-top: 16px;
}
.module-slider .elementor-slide-description li:before{
    content: url("https://akind.life/wp-content/uploads/2023/06/checkmark.svg");
    padding-right: 16px;
    position: absolute;
    transform: translateX(-40px)
}

/**
 * Positioning the carousel arrows
 */
.module-slider .elementor-swiper-button{
    position: absolute !important;
    top: calc(100% + 72px) !important;
    transition: all 0.3s ease-out;
}
.module-slider .elementor-swiper-button svg path{
    fill: var(--e-global-color-primary) !important;
}
.module-slider .elementor-swiper-button-next{
    right: calc(50% - 88px) !important;
}
.module-slider .elementor-swiper-button-prev{
    left: calc(50% - 88px) !important;
}

/**
 * Styling the arrows
 */
.module-slider .elementor-swiper-button .eicon-chevron-right,
.module-slider .elementor-swiper-button .eicon-chevron-left{
    transition: all 0.3s ease-out;
}
.eicon-chevron-right:before{
    content: url("https://akind.life/wp-content/uploads/2023/05/arrow-circle-right.svg");
}
.eicon-chevron-left:before{
    content: url("https://akind.life/wp-content/uploads/2023/05/arrow-circle-left.svg");
}
.module-slider .elementor-swiper-button:hover .eicon-chevron-right,
.module-slider .elementor-swiper-button:hover .eicon-chevron-left {
    transform: scale(1.2);
}

@media only screen and (min-width: 768px) {
    
    /**
     * Sizing and positioning image
     */
    .module-slider .elementor-slides .swiper-slide-bg {
        background-size: 50% !important;
        padding: 96px;
        background-position: 0;
        min-width: 100%;
        min-height: 100%;
    }
    .module-slider .elementor-slides .swiper-slide-inner {
        position: absolute;
        align-items: center;
        top: 0;
        left: 50%;
        padding: 50px;
        width: 50%;
    }
    .module-slider .elementor-slide-button {
        position: relative;
    }
}




/*------------------------------------*
  #TABLE-SECTION
*------------------------------------*/

.table-section .table-container{
    filter: drop-shadow(0px 51px 51px rgba(34, 33, 33, 0.05)) drop-shadow(0px 33.0556px 29.8681px rgba(34, 33, 33, 0.037963)) drop-shadow(0px 19.6444px 16.2444px rgba(34, 33, 33, 0.0303704)) drop-shadow(0px 10.2px 8.2875px rgba(34, 33, 33, 0.025)) drop-shadow(0px 4.15556px 4.15556px rgba(34, 33, 33, 0.0196296)) drop-shadow(0px 0.944444px 2.00694px rgba(34, 33, 33, 0.012037));
    border-radius: 8px;
    overflow: hidden;
}
.table-section .table-container .table-col .title{ 
    background: #D06880;
    color: #fff;
    padding: 16px;
}
.table-section .table-cell {
    padding: 16px;
    color: #697084;
}
.table-section .table-cell:nth-child(odd){
    background: #F1F2F7;
}
.table-section .table-cell:nth-child(even){
    background: #fff;
}




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

.contact-form-section{
    overflow: hidden;
}

.contact-form-section .elementor-field-type-submit{
    width: auto;
}

/**
 * Adding the pill shape
 */
.contact-form-section .elementor-button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 1000px;
    background-color: #fff;
	transition: transform 800ms linear(0, 0.1, 0.3, 0.5, 0.8, 1, 1.1, 1.3, 1.33, 1.37, 1.367, 1.33, 1.27, 1.2, 1.13, 1.05, 0.98, 0.93, 0.9, 0.87, 0.868, 0.875, 0.89, 0.92, 0.94, 0.97, 0.99, 1.02, 1.03, 1.04, 1.046, 1.0459, 1.042, 1.034, 1.025, 1.016, 1.006, 0.998, 0.992, 0.987, 0.984, 0.9835, 0.9844, 0.986, 0.989, 0.993, 0.996, 0.999, 1.002, 1.004, 1.005, 1.0058, 1.0057, 1.0052, 1.0043, 1.003, 1.002, 1.001, 1, 0.9989, 0.9984, 0.998, 0.9979, 0.998, 0.9983, 0.9987, 0.9991, 0.9995, 0.9999, 1.0002, 1 100% 100%), background-color 800ms ease-out;
    z-index: 0;
    transform: scale(1);
}

/**
 * Styling the button text
 */
.contact-form-section .elementor-button-text{
    font-size: 18px !important;
    line-height: 26px;
    color: var(--e-global-color-primary ) !important;
    z-index: 1;
}
/**
 * Button hover effect
 */
.contact-form-section .elementor-button:hover:before,
.solution-card:hover .text-button:before,
.colour-change-section:hover .text-button:before {
    transform: scale(1.1);
}

/**
 * Positioning the arrow
 */
.contact-form-section .arrow-icon{
    position: absolute;
    width: 120px;
    right: -4px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);    
    bottom: 0;
}
.contact-form-section .arrow-icon svg{
    width: 120px;
}

.contact-form-section #form-field-message{
    transition: all 0s linear !important;
}

@media only screen and (min-width: 768px) {
    .contact-form-section .arrow-icon{
        position: absolute;
        width: 120px;
        left: -4px;
        bottom: 48px;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);  
    }
}




/*------------------------------------*
  #PODCASTS
*------------------------------------*/

/*
** Podcast dividers
*/

.podcasts-shape-divider{
    position: absolute;
    bottom: -8px;
    left: 0;
}

.podcasts-shape-divider,
.podcasts-shape-divider .elementor-icon,
.podcasts-shape-divider .elementor-icon svg{
    height: auto !important;
    width: 100%;
}

/*
** Centered text section
*/
.podcasts-centered-text .title, 
.podcasts-centered-text .text{
    max-width: 660px !important;    
}


/*
** Listen Now section
*/

.listen-now-section .where-to-listen .podcast-logos{
    max-width: 1280px !important;
    justify-content: space-around;

}
.listen-now-section .where-to-listen .podcast-logos .logo{
    max-width: 120px;    
    background: transparent;
    border-radius: 0;
    overflow: hidden;
}
.listen-now-section .where-to-listen .podcast-logos .logo svg{
    width: 100%;
    height: auto;
}

/*
** Leave a Review section
*/
.leave-a-review .podcasts-shape-divider-top{
    top: 0;
}


/*
** Setting the banner height
*/
.podcasts-banner {
    min-height: 75vh;
}



.podcasts-banner .down-arrow{
    bottom: 120px;
}
/*
** Changing the color of the down-arrow
*/
.podcasts-banner .down-arrow svg path{
    fill: #fff !important;
}


/*
** Positioning the Sound Cloud widget
*/
.podcasts-soundcloud .sound-cloud{
    width: 100%;
    max-width: 888px !important;
    margin-left: auto !important;
    margin-right: auto;
}

/*
** Sizing the Kinder Conversations logo
*/
.podcasts-centered-text .kinder-conversations-logo {
    max-width: 300px !important;
}


/*
** Styling the shape-divider
*/
.shape-divider .podcasts-shape-divider{
    position: relative;
    bottom: -8px;
    left: 0;
}

@media only screen and (min-width: 768px) {
    .podcasts-banner .down-arrow{
        bottom: 120px;
    }
}


@media only screen and (min-width: 768px){
    .listen-now-section .where-to-listen .podcast-logos{
        gap: 48px;
        flex-wrap: wrap;
    }
    
    .listen-now-section .where-to-listen .podcast-logos .logo{
        max-width: 180px;
        padding: 12px;
    }    
}

@media only screen and (min-width: 1024px){
    .listen-now-section .where-to-listen .podcast-logos .logo{
        width: 100%;
        max-width: 200px !important;
    }
    .listen-now-section .where-to-listen .podcast-logos .amazon-music{
        padding: 0px 24px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helia Core Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://akind.life/wp-content/uploads/2023/06/heliacore-bold-webfont.eot');
	src: url('https://akind.life/wp-content/uploads/2023/06/heliacore-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://akind.life/wp-content/uploads/2023/06/heliacore-bold-webfont.woff2') format('woff2'),
		url('https://akind.life/wp-content/uploads/2023/06/heliacore-bold-webfont.woff') format('woff'),
		url('https://akind.life/wp-content/uploads/2023/06/heliacore-bold-webfont.ttf') format('truetype'),
		url('https://akind.life/wp-content/uploads/2023/06/heliacore-bold-webfont.svg#HeliaCoreBold') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helia Core Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://akind.life/wp-content/uploads/2023/06/heliacore-light-webfont.eot');
	src: url('https://akind.life/wp-content/uploads/2023/06/heliacore-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://akind.life/wp-content/uploads/2023/06/heliacore-light-webfont.woff2') format('woff2'),
		url('https://akind.life/wp-content/uploads/2023/06/heliacore-light-webfont.woff') format('woff'),
		url('https://akind.life/wp-content/uploads/2023/06/heliacore-light-webfont.ttf') format('truetype'),
		url('https://akind.life/wp-content/uploads/2023/06/heliacore-light-webfont.svg#HeliaCoreLight') format('svg');
}
/* End Custom Fonts CSS */