/*
 Theme Name:   Divi/Child
 Theme URI:    https://www.understood.biz
 Description:  A Child Theme built for Divi
 Author:       Understood
 Author URI:   https://www.understood.biz
 Template:     Divi
 Version:      3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Smart Preloader */
#smart-preloader {
    position: fixed;
    width: 100%;
    height: 100%;
/*    background: #0A1D50; */
    backdrop-filter: blur(100px) !important;
	background: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-out; /* Smooth fade-out */
}

/* Loader Animation */
.loader {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top-color: #2dc7be;
    animation: spin 1s linear infinite;
}

/* Hide Preloader Instantly After Fading Out */
.hidden {
    display: none !important;
}

/* Loader Animation Keyframes */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


/* POPPINS */
@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Child/fonts/Poppins-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}


/* ALL ROUND GOTHIC */


@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-MediumOblique.woff2') format('woff2');
    font-weight: 500;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-Lig.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-TextOblique.woff2') format('woff2');
    font-weight: 400;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-BoldOblique.woff2') format('woff2');
    font-weight: 700;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-DemiOblique.woff2') format('woff2');
    font-weight: 600;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-Text.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-Semi.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-BookOblique.woff2') format('woff2');
    font-weight: 400;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-LigOblique.woff2') format('woff2');
    font-weight: 300;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-XLig.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-SemiOblique.woff2') format('woff2');
    font-weight: 600;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-Thick.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-Book.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-XLigOblique.woff2') format('woff2');
    font-weight: 200;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-ThickOblique.woff2') format('woff2');
    font-weight: 800;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../Child/fonts/AllRoundGothic-Demi.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

strong {
	font-weight: 600;
}

h1, h2, h3, h4, h5, h6, .et_pb_button {
	font-family: 'All Round Gothic';
}


h1 {
	font-size: 45px;  /* 50 */
	line-height: 65px;	 /* 1.5em */
    font-weight: medium;  /* 400 */
}

/*
body .et_pb_column_1_3 h2,
body .et_pb_column_1_4 h2,
body .et_pb_column_1_5 h2, 
body .et_pb_column_1_6 h2, 
body .et_pb_column_2_5 h2, */

#et-main-area h2 {
	font-size: 40px !important;  /* 50 */
	line-height: 60px; /* 1.5em */
	font-weight: 400; /* 400 */
}

#et-main-area h3 {
	font-size: 30px !important;  /*30 */
	line-height: 45px; /* 1.6 */
	font-weight: 400; /* 400 */
}

#et-main-area h4 {
	font-size: 22px ; /* 25 !important */
    line-height: 35px; /* 1.6 */
	font-weight: medium; /* 400 */
}

#et-main-area h5 {
	font-size: 20px;
	font-weight: 400; 
}

#et-main-area h6 {
   font-size: 22px !important; 
   font-weight: 400;	
}

/* #et-main-area  p, 
#et-main-area .et_pb_text_inner{
	font-size: 20px; 
} */


#et-main-area .et_pb_toggle_title {
    font-size: 24px !important;
    font-weight: 400;
}

#et-main-area .et_pb_toggle_content {
	font-size: 20px !important;
	margin-left: 15px;
}



@media screen and (max-width: 767px) {	
/*#et-main-area  p, 
#et-main-area .et_pb_text_inner{
	font-size: 18px; 
	line-height: 30px; 
} */
	
h1 {
	font-size: 40px;  /* 50 */
	line-height: 50px;	 /* 1.5em */
    font-weight: medium;  /* 400 */
}

	#et-main-area h2 {
	font-size: 30px !important;  /* 50 */
	line-height: 50px; /* 1.5em */
	font-weight: 400; /* 400 */
}

#et-main-area h3 {
	font-size: 22px !important;  /*30 */
	line-height: 40px; /* 1.6 */
	font-weight: 400; /* 400 */
}

#et-main-area h4 {
	font-size: 20px !important; /* 25 */
    line-height: 40px; /* 1.6 */
	font-weight: medium; /* 400 */
}

#et-main-area h5 {
	font-size: 20px !important;
	font-weight: 400; 
}

#et-main-area h6 {
   font-size: 20px !important; 
   font-weight: 400;	
}	
}

/*

.bf-2 { font-size: 20px !important; }
.bf-3 { font-size: 18px !important; }
.pf-4 { font-size: 16px !important; } */








/* Add something */

body .radiusthis, 
body .roundthis, 
body .radiusthis img {
	border-radius: 20px ; 
}

body .blurthis {
	 backdrop-filter: blur(20px) !important;
}


body .boxshadowthis {
   box-shadow: 4px 13px 15px #a5b4c7;
}

body .dropshadowthis {
   -webkit-filter: drop-shadow(9px 13px 10px #a5b4c7);
   filter: drop-shadow(9px 13px 10px #a5b4c7);	
}

/* r-sign adjustment (used with jquery) */
.cs-r-size {
   font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;  
}



/* HEADER MENU */ 


/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1500px) {
    #menu-main {
        display: none !important;
    }
    .et_mobile_nav_menu {
        display: block !important;
    }
    .et_pb_menu .et_mobile_menu {
        padding: 0 10% !important; 
    }
    
    .et_pb_menu_0_tb_header.et_pb_menu ul li.dara-cta-button-menu-wrapper a {
        margin-bottom: 50px !important; 
    }

    /*remove bullet points from submenu*/
    .et_pb_menu .et_mobile_menu li {
        list-style-type: none;
    }

    /*remove padding left on submenu*/
    .et_pb_menu .et_mobile_menu {
        padding-left: 0;    
    }
	
	.menu-item-type-custom:nth-last-child(1) {
    margin-bottom: 40px !important; 
}

body .et_mobile_menu {
    border-top: 0; 
}

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
   font-size: 70px !important; 
   background: linear-gradient(to right, #6723F6 0%, #2DC7BE 100%) !important;
   -webkit-background-clip: text  !important;
   -webkit-text-fill-color: transparent  !important;
   text-shadow: none !Important; 
}

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar {
    border-radius: 20px; 
    margin-bottom: 20px; 
    box-shadow: 0px 0px 0px #a5b4c7 !important;
    transition: all .2s;
}

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:hover {
    box-shadow: 4px 13px 15px #a5b4c7 !important;
    transition: all .5s;
}

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:active {
    box-shadow: 0px 0px 0px #a5b4c7 !important;
    transition: all .2s;
}

.et_mobile_menu li a {
    border-bottom: 0;
    padding: 0;
    display: block;
    margin-top: 30px; 
    text-align: center; 
    margin-left: auto;
    margin-right: auto;
    font-size: 20px !important; 
}

.dara-cta-button-menu-wrapper {
    width: 100%;
    text-align: center; 
}
	
.et_pb_section_0_tb_header.et_pb_section {
    padding-top: 15px !important;
    padding-bottom: 0px !important; 
}
}


/* HEADER SETTINGS */ 


/* Top menu language toggle and icon */
.language-switch-toggle-wrapper div {
    display: inline-block;
    margin-right: 20px; 
}

.language-switch-toggle-wrapper div img {
    width: 50px; 
    position: absolute; 
    top: -10px !important; 
}

.language-switch-toggle-wrapper div:hover {
    opacity: 1 !important;
} 


/* CTA-Button and item alignment */


.et_pb_menu .et_pb_menu__menu>nav>ul>li {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: center !important;
     align-items: center !important;
     align-content: center !important;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.dara-cta-button-menu-wrapper a {
    color: #ffffff !important;
    padding : 20px 40px!Important; 
    background: #6723F6; 
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.dara-cta-button-menu-wrapper a:hover {
    background: #2dc7be !important; 
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.dara-cta-button-menu-wrapper a:hover:after {
    background: none !Important; 
}



/* MENU SETTINGS*/ 

.et-menu a:hover {
    opacity: 1 !important; 
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px;
}

#menu-main li a,
#menu-footer li a {
    margin-left: 20px; 
    margin-right: 20px !important; 
}

#menu-footer-1 .menu-item {
    margin-right: 20px; 
}

[id^="menu-main"] li a:after, 
[id^="menu-footer"] li a:after {
    content:"x";
    font-size: 0; 
    position: absolute; 
    display: block; 
    margin-top: 10px; 
    width: 0; 
    height: 3px; 
    background: #6723F6 !important;  
    opacity: 0; 
    transition: all .3s ease-in-out;
}

[id^="menu-main"] li a:hover:after,
[id^="menu-footer"] li a:hover:after {
    width: 100%; 
    opacity: 1 !important; 
    transition: width .3s;
}

[id^="menu-main"] li.current_page_item  a:after, 
[id^="menu-footer"] li.current_page_item  a:after {
    width: 100%;
    opacity: 1;
}

/* FOOTER MENU */ 


#menu-footer li {
    margin-bottom: 30px; 
}

footer .et_pb_menu .et-menu>li {
    padding: 0 !important; 
}

footer  #menu-main li a, #menu-footer li a {
    margin-left: 0px;
    margin-right: 30px !important;
}

footer .et_pb_menu .et-menu {
    margin: 0 !important;
}

.footer-menu-logo a {
    width: 90px; 
    margin-top: -10px; 
}

.footer-batch-target:after {
    content: url('https://neu.hf-solutions.co/wp-content/uploads/2024/12/hf-footer-batch.svg');
    width: 90px; 
    display: block; 
    position: absolute; 
    top: -50px; 
    right: 10%; 
}

footer .mobile_menu_bar, 
.footer-menu .et_mobile_nav_menu {
    display: none; 
}

.footer-menu .et_pb_menu__menu {
    display: block; 
}

.footer-menu .et_pb_menu__menu a {
    display: block; 
    padding-top: 10px; 
}

 
@media screen and (max-width: 981px) {
.footer-batch-target:after {
        left: 10%; 
    }	
}



/* BUTTONS */


/* basic button */
.et_pb_button {
	font-size: 18px !important; 
    border-top-left-radius: 50px; 
    border-top-right-radius: 50px; 
    border-bottom-right-radius: 50px; 
    padding: 10px 50px; 
    background: #6723F6;
    color: #fff; 
    border: none; 
}

body .et_pb_button:hover {
   background: #2dc7be !important;
   padding: 10px 50px !important; 
   color: #ffffff !important; 
   border: none !important; 
   padding: 10px 50px !important; 
}

body .et_pb_button:hover:after {
    display: none; 
}

/* white button */
.et_pb_button.button-white  {
    background: white; 
     color: #6723F6; 
}

/* cyan button */

.et_pb_button.button-cyan {
	background: #2dc7be;
}

.et_pb_button.button-cyan:hover {
	background: #5ae2da !important;
}


/* green button */

.et_pb_button.button-green {
	color: #0a1d50;
	background: #cbf73e;
}

.et_pb_button.button-green:hover {
	background: #ffffff !important;
	color: #0a1d50 !important; 
}



/*
.et_pb_button.button-white:hover  {
    color: white; 
    background: #6723F6; 
} */





/* BUBBLES */ 

.bg-element-bubble-1 .et_pb_row {
    z-index: 1;
}

.bg-element-bubble-1:after, 
.bg-element-bubble-2:before {
    content: " "; 
    display: block; 
    height: 250px; 
    width: 250px; 
    border-radius: 50%; 
    position: absolute; 
	background: white;
}

.bg-element-bubble-1:after {
    left: 8%; 
    top: 20%; 
    opacity: .95;
    box-shadow: -4px 1px 60px 14px #7A88FF, 11px 7px 60px 14px #7A88FF;
}

.bg-element-bubble-2:before {
    right: 7%; 
    bottom: 7%; 
    opacity: .98;
    box-shadow: -15px -15px 60px 14px #62e1dc, 15px 15px 60px 14px #7a88ff;      
}


.bg-element-bubble-1::after,
.bg-element-bubble-2::before {
    opacity: var(--bubble-opacity) !important;
    transition: opacity 0.3s ease-in-out !important;
}

/* 15% AUTOMATE */ 

/** Text Gradient Example */ 
.text-gradient {
 color: #ffffff; 
 background-image: linear-gradient(180deg, #ffffff 48%, #62e1dc 62%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}


/* VIDEO POPUP */

/* Hide the video container initially */
#videopopupcontainer {
    display: none; /* Initially hidden */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999; /* Ensure it appears above other elements */
    width: 90%;
    max-width: 90%;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer; 
}

#videopopup:hover {
	transform: zoom(1.3);
	
}

/* Overlay for background dimming */
#popup-overlay {
    display: none; /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: 99998;
}
  
/* Disable scrolling when pop-up is active */
.no-scroll {
    overflow: hidden;
}





/* FRONT PAGE CARD CAROUSEL */ 

.df_ici_container { 
     margin: 0 auto; 
 }

.df-item-wrap img {
    border: 2px solid #A5B4C7; 
}


.ic_image_wrapper>img {
/*    box-shadow: 0px 2px 18px 0px #a5b4c7; */
    border-radius: 20px; 
}

 
#cs-card-carousel-front-wrapper .et_pb_column_1_4 {
    width: 100px; 
    height: 100%; 
}

/*
#cs-card-carousel-front-wrapper .et_pb_column_3_4 {
    width: 80%;
} */

.cs-card-carousel-front .difl_imagecarouselitem img {
    height: 40vh;
}















.entry-content table:not(.variations) {
    width: inherit !important; 
}
.cs-percentage-box table {
    border-collapse: collapse !important; /* Prevent spacing */
    width: auto !Important; /* Adjust to content */
  margin-left: auto !important;
  margin-right: auto !important;
}

.cs-percentage-box td {
    padding: 0 !important; /* Remove extra space */
    vertical-align: bottom; /* Align content to the bottom */
    line-height: 1; /* Prevent extra spacing from inline elements */
    height: 80px; /* Optional: ensure all cells have a consistent height */
    text-align: left; /* Optional: center text horizontally */
    
}

.cs-percentage-box td:nth-child(1) { /* 15 */
    font-size: 60px;
    font-weight: bold;
}

.cs-percentage-box td:nth-child(2) { /* % */
    font-size: 30px;
}

.cs-percentage-box td:nth-child(3) { /* < */
    font-size: 50px;
}

.cs-percentage-box td:nth-child(4) { /* 90 */
    font-size: 90px;
    font-weight: bold;
}

.cs-percentage-box td:nth-child(5) { /* Second % */
    font-size: 30px;
}

.cs-percentage-box td:nth-child(6) { /* Text */
    font-size: 15px;
    white-space: normal; /* Allow wrapping */
}



/* Top menu language toggle and icon */
.language-switch-toggle-wrapper div {
    display: inline-block;
    margin-right: 20px; 
}

.language-switch-toggle-wrapper div img {
    width: 50px; 
    position: absolute; 
    top: -5px; 
}


.language-switch-toggle-wrapper div:hover {
    opacity: .5;
}

.language-switch-toggle-wrapper div, 
.language-switch-toggle-wrapper img {
    transition: transform .2s;
}
/*
.language-switch-toggle-wrapper div:nth-child(1):hover, 
.language-switch-toggle-wrapper div:nth-child(2):hover {
    opacity: 1 !important; 
    transform: scale(1.2);
    transition: transform .3s;
}

.language-switch-toggle-wrapper div:nth-child(3):hover {
    opacity: 1 !important; 
    transition: transform .3s;
} */

.language-switch-toggle-wrapper img:hover {
    opacity: 1 !important; 
    transform: scale(1.2);
    transition: transform .2s;
}


/* SOCIAL ICONS */

.et_pb_member_social_links a:before {
    content: '\e0cb';
    font-size: 32px;
}


/* BATCHES */

/* Batch Join Team */
.batch_jointheteam {
    position: absolute; 
    bottom: -100px; right: -40%;
}

@media screen and (max-width: 1410px) {
.batch_jointheteam {
    position: relative; 
    margin-top: 50px; 
    bottom: 0px;
    right: 0;
    left: 0;
    max-width: 100%;  
}
}

@media screen and (max-width: 981px) {
.batch_jointheteam {
    position: absolute; 
    bottom: -120px; right: 0%;
}
}

/* Batch Unser Team */

.batch-unser-team:before {
    content: "";
    background: url('https://neu.hf-solutions.co/wp-content/uploads/2025/02/hf_logo_batch_cl_vector_n.svg');
    height: 100px; 
    width: 100px;
    position: absolute; 
    display: inline-block;
    right: -120px; 
    top: -35px; 
}

@media screen and (max-width: 1270px) {
    .batch-unser-team:before {
        right: auto; 
        display: block !important; 
        position: relative; 
    }
}

/* Batch CIO */

.batch-cio:before {
	content: "";
    background: url('https://neu.hf-solutions.co/wp-content/uploads/2024/10/CIO-logo.png');
    display: block; 
	background-size: contain;
    background-repeat: no-repeat;
    height: 100%; 
    width: 90px ; 
    top: 0;
    left: -100px; 
    position: absolute; 
    visibility: visible; 
    opacity: 1 !important; 
}

.batch-cio {
    margin-left: 100px; 
}

@media screen and (max-width: 918px) {
 
.batch-cio {
    margin-left: 0; 
    margin-bottom: 60px; 
}   

.batch-cio:before {
    top: 135%; 
    left: 30% !important; 
    right: auto !important; 
    margin-left: auto !important; 
    margin-right: auto !important; 
    
} 
}


/* Batch Nachhaltigkeitsbericht */

@media screen and (max-width: 1540px) {
.batch-nachhaltigkeitsbericht {
    margin-bottom: -40px !important; 
    padding-top: 0px !important; 
}
}
 
@media screen and (max-width: 980px) {
.batch-nachhaltigkeitsbericht {
    margin-bottom: 0px !important; 
    padding-top: 10px !important; 
}
}
 


/* TESTIMONIAL SLIDER */

.testimonialslider .et_pb_slide_image {
  right: 0;
  text-shadow: none !Important; 
	width: 30% !important;
}

.testimonialslider .et_pb_slide_description {
   float: left !important;
   width: 60% !important;
   text-shadow: none !Important; 
}

.testimonialslider .et_pb_slide_content h4 {
 line-height: 1.4em; 
    margin-top: 20px; 
}

.testimonialslider h4 {
    padding-bottom: 0;
}

.testimonialslider .et-pb-controllers {
    position: absolute !important; 
    bottom: -70px !important; 
}

@media screen and (max-width: 980px) {

.testimonialslider .et_pb_slider_container_inner .et_pb_slide_description {
   float: none !important;
   width: 100% !important;
   display: blocK; 
}

.testimonialslider .et_pb_slide_image {
    position: relative; 
    margin: 0 auto; 
    top: 0; 
    padding-top: 10px;
    text-shadow: none !Important; 
	width: 90% !important;
}

.et_pb_slide_content.et-hide-mobile, 
.et_pb_slide_image {
	display: block !important; 
    font-size: 20px !important; 
}
	
.testimonialslider .et_pb_slide_image {
    margin-top: 10px !Important;
    }	
}

/* INSIGHTS BLOG */ 

.insights-blogroll .df-cpt-date-wrap,
.insights-blogroll .df-cpt-button-wrap
{ display: inline-block ; }

.insights-blogroll .df-cpt-date-wrap {
    float: right; 
}

.difl_cptfilter_0 .search_bar input.df_search_filter_input {
    border-radius: 10px 0px 0px 10px !important;
    border: 2px solid #6723F6 !important;  
}

.search_bar_button {
    border-radius: 0px 10px 10px 0px !important;
}

.difl_cptfilter_0 .search_bar .df_search_filter_input {
    padding: 6px 10px 5px 20px !important; 
}

.difl_cptfilter_0 .search_bar {
    padding: 0 !Important; 
}

.difl_cptfilter_0 .search_bar .df_search_filter_input {
    padding: 6px 10px 5px 20px !important; 
    font-size: 20px !Important; 
}

.difl_cptfilter_0 .search_bar {
    padding: 0 !Important; 
}

.filter_section {
    max-width: 250px; 
    float: right; 
}

.df-cpt-filter-nav {
    width: 60%; 
    margin-bottom: 50px; 
}

@media screen and (max-width: 767px) {
	.difl_cptfilter_0 .df-cpt-filter-nav-item {
		width: 100%;
	} 
}

@media screen and (max-width: 684px) {
.filter_section {
    max-width: 300px; 
    float: right;
    padding-bottom: 15px;  
}   
    
.df-cpt-filter-nav {
    width: 100%; 
}    
}

/* PAINPOINTS LIST */

.cs-painpoints-list .et_pb_blurb_position_left .et_pb_main_blurb_image {
    margin-bottom: 0 !important; 
}

.cs-painpoints-list .et_pb_main_blurb_image .et_pb_only_image_mode_wrap {
    margin-top: 0% !important;
}

.cs-painpoints-list .et_pb_blurb_content {
     display: flex !important;
     flex-direction: row !important;
     flex-wrap: nowrap !important;
     justify-content: flex-start !important;
     align-items: center !important;
     align-content: center !important;
}

/* NO POST BOX */

.no-post-container .df-cpts-inner-wrap {
    padding-bottom: 150px; 
}

.no-post-container .df-cpts-inner-wrap h2 {
    font-size: 30px !Important; 
}


/* USE CASES ACTIVE LINKS TO TRIGGER SLIDER */


.activelinks li { 
    line-height: 3em !Important; 
    list-style: none; 
}

.activelinks li:before { 
    opacity: 1;
    content: "•";
    position: absolute; 
    left: 0; 
    transition: all .6s;
}

.activelinks li:hover {
    cursor: pointer; 
    transition: all .3s;
    opacity: 1;
	color: #5AE2DA;
}

.activelinks li:hover:before { 
    opacity: 1; 
    transition: all .3s;
}

/* NEWS TICKER */

.ba_news_ticker {
    border: 0; 
    border-radius: 0; 
}


/* POST */

.meta-post-cat .et_pb_text_inner {
	color: #a5b4c7;
}

/* FIXES */

.msls-wrapper {
    position: absolute !important; 
    right: 100px !important; 
    top: 10px !important; 
    z-index: 1000 !important;
}

@media screen and (max-width: 1500px) {
.language-switch-toggle-wrapper div img {
    top: -17px !important; 
}

.msls-wrapper {
    top: 20px !important; 
}
}

@media screen and (max-width: 4767px) {
.msls-wrapper {
    right: 10% !important; 
}
}

.knowledge-blog .df_cptfilter_container {
    display: none !important; 
}