/**** french hdr ****/

.body-lang-fr .lang-en{
    display:none !important;
}
.body-lang-en .lang-fr{
    display:none !important;
}

/**** dark mode ****/

body.dark-mode{
    background:#111;
    color:#fff;
}
body.dark-mode .elementor-section{
    background:#111 !important;
}

body.dark-mode .elementor-heading-title,
body.dark-mode p{
    color:#fff !important;
}

body.dark-mode .elementor-icon-list-item > a {
    color:#fff !important;
}

/*** Elementor Editor ***/
.elementor-editor-active .lang-en,
.elementor-editor-active .lang-fr{
    display:block !important;
}

/***/

ul {
    list-style: disc inside;
}
ol {
    list-style: decimal inside;
}

/************/

header nav ul.sub-menu {
    min-width: 245px !important;
    padding: 8px 0 !important;
}
header nav .fa-caret-down:before {
    content: "\f107";
    color: #444444;
}
.custom-language-switcher {
    position: relative;
    margin-right: 4px;
    display: inline-flex;
    align-items: center;
}
span.lang-icon img {
    min-width: 24px !important;
    height: 24px;
    display: block;
}
.custom-language-switcher select {
    border: none;
    background: transparent;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 26px 0 5px;
    position: relative;
    z-index: 1;
    width: 54px;
}
.custom-language-switcher:after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("/wp-content/uploads/2026/05/dd-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    position: absolute;
    right: 0;
}

/***/
.hom-sec1 {
    background: var(--arf-hero-gradient-light, radial-gradient(45.14% 165.81% at 56.68% 53.02%, #d3efff 0%, #f6ecff 100%)) !important;
}
.arfca-hero-signup-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 588px;
}
.arfca-hero-signup-form .arfca-hero-signup-row {
	position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 18.15px;
    margin: 0px;
	padding: 0px 0px 13px;
}
.arfca-hero-signup-form .arfca-hero-signup-row .arf-input {
            min-width: 0px;
            padding-left: 13.61px;
            padding-right: 13.61px;
            flex: 0 0 446.85px;
            margin: 0px;
            border-radius: 17.01px;
            border-width: 1px !important;
            border-style: solid !important;
            border-color: rgb(255, 255, 255) !important;
            border-image: initial !important;
			border: 1px solid #ffffff !important;
			background-color: #fff;
			outline: none;
}

.arfca-hero-signup-form .arf-input::placeholder {
    color: #8a8a8a;
}
.arfca-hero-signup-form .arfca-signup-submit.arf-btn {
            color: rgb(255, 255, 255) !important;
            font-family: Tahoma, Arial, sans-serif !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            line-height: 150% !important;
            text-transform: none !important;
            box-shadow: none !important;
            border-width: 0px !important;
            border-style: none !important;
            border-color: currentcolor !important;
            border-image: initial !important;
            background: linear-gradient(131.69deg, rgb(30, 107, 232) 5.15%, rgb(115, 0, 147) 100%) !important;
}
.arfca-hero-signup-form .arfca-hero-signup-row .arf-input.arf-error {
    border-color: #FF0000 !important;
}
.arfca-hero-signup-form #email-error {
            font-size: 13.61px;
            line-height: 150%;
            color: #ff0000;
}
.arfca-hero-signup-form #email-error a { 
            font-size: 13.61px;
            line-height: 150%;
            color: #ff0000;  
            text-decoration: underline;
}
.arf-hero-signup-form .arf-hero-signup-row .arf-input {
    border: none !important;
    background-color: #fff;
}

.hom-sec5 a.elementor-post__read-more:after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 8.51px;
    height: 8.51px;
    background-image: url(/wp-content/uploads/2026/05/arrow-up.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.elementor-widget-text-editor a {
    text-decoration: underline;
}

/*** cookies popup footer ***/

#cookie-notice {
    border-radius: 25px;
    min-width: auto;
    margin: 0 auto;
    width: 95%;
    margin-bottom: 20px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
    right: 0;
    max-width: 1280px;
}
.cookie-notice-container {
    text-align: left;
    padding-block: 42px;
    padding-inline: 70px;
    font-size: 15.46px;
    font-weight: 400;
    line-height: 1.5em;
    gap: 30px;
    color: #222222 !important;
	font-family: "Tahoma";
}
#cookie-notice .cookie-notice-container,
#cookie-notice .cookie-revoke-container {
    display: flex;
}

#cn-notice-buttons {
    display: flex;
    align-items: flex-start;
}
#cn-notice-buttons {
    gap: 5px;
    flex-direction: row-reverse;
    padding-right: 20px;
}
a.more-info, a#cn-more-info {
	font: inherit;
	color: #2a38b8;
	text-decoration: underline;
}
#cookie-notice .cn-button {
    margin: 0 0 0 10px;
    display: inline-block;
    border: 1px solid var(--Neutral-Blue, rgba(42, 105, 208, 1));
    background: #fff;
    color: #2A69D0;
    font-size: 16px;
    font-weight: 400;
	border-radius: 17px;
    padding: 10px 28px !important;
	height: 46px;
}
#cookie-notice button#cn-accept-cookie, #cookie-notice button#cn-accept-cookie:hover {
    font-weight: 700;
	border: none !important;
}
button#cn-accept-cookie.neutral {
    background: linear-gradient(153deg, #1E6BE8, #730093);
    color: white;
}
#cn-close-notice::after {
	content: none;
}
	#cn-close-notice::before {
	background: none;
	content: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2231%22%20viewBox%3D%220%200%2032%2031%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M22.5973%2021.6061L22.1419%2022.0614C21.8904%2022.3129%2021.4827%2022.3129%2021.2312%2022.0614L15.9945%2016.8247L10.7578%2022.0614C10.5064%2022.3129%2010.0986%2022.3129%209.84711%2022.0614L9.39174%2021.606C9.14025%2021.3545%209.14025%2020.9468%209.39174%2020.6953L14.6285%2015.4586L9.39174%2010.2219C9.14025%209.97047%209.14025%209.56271%209.39174%209.31122L9.8471%208.85586C10.0986%208.60437%2010.5064%208.60437%2010.7578%208.85586L15.9945%2014.0926L21.2312%208.85585C21.4827%208.60436%2021.8904%208.60436%2022.1419%208.85585L22.5973%209.31121C22.8488%209.5627%2022.8488%209.97047%2022.5973%2010.2219L17.3606%2015.4586L22.5973%2020.6953C22.8488%2020.9468%2022.8488%2021.3546%2022.5973%2021.6061Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
	transform: translate(-16px, -8px);
}
#cn-close-notice, #cn-close-notice:hover {
	background-image: none !important;
	background: none !important;
}
#cn-close-notice {
	right: 0;
	transform: translateY(-4px) scale(1.13);
	width: 120px;
	opacity: 1;
}

/*** news listing ***/

.news-list-sec a.elementor-post__read-more {
    position: relative;
    padding-right: 15px;
}
.news-list-sec a.elementor-post__read-more:after {
    content: '';
    background-image: url("/wp-content/uploads/2026/06/Vector.png");
    width: 9px;
    height: 9px;
    background-size: contain;
    right: 0;
    bottom: 3px;
    position: absolute;
}
.news-list-sec a#news-load-more-btn {
    margin-top: 30px;
}

/**** Blog Detail ***/

.single.single-post h1, .single.single-post h2, .single.single-post h3 {
    font-family: 'Red Hat Display';
}
.bd-sec3 h3, .bd-sec3 h3 strong {
    font-weight: 700;
    font-family: 'Red Hat Display';
}
.bd-sec3 figure.wp-block-image {
    margin: 60px 0;
}
.bd-sec3 figcaption.wp-element-caption {
    font-size: 14px;
    font-style: normal;
    color: #000;
    border-left: 2px solid;
    padding: 0 10px;
    font-family: "Tahoma";
}
.single.single-post h4 {
    font-family: "Tahoma";
    font-weight: 700;
    margin-top: 40px;
}
.bd-sec4 .arfca-hero-signup-form .arfca-hero-signup-row .arf-input, .bd-sec4 .arfca-hero-signup-form .arfca-signup-submit.arf-btn {
	height: 48px !important;
}
.bd-sec4 .arfca-hero-signup-form .arf-input::placeholder {
	color: #000000;
}


/***/



/**** dark mode color ****/

@media (prefers-color-scheme: dark) {
.dark-mode .logo-light {display: none !important;}
.dark-mode .logo-dark {display: block !important;}

h1, h2, h3, h4, h5, h6, p, .elementor-widget-container, .menu-item a, .elementor-icon-list-text, select, footer span.elementor-icon-list-icon i, .elementor-post__title a, header .elementor-menu-toggle {color: #fff !important;}

.hom-sec1 {background: radial-gradient(45.14% 165.81% at 56.68% 53.02%, #1E6BE8 0%, #8660E7 100%) !important;}
.hom-sec1 input.arf-input {background: #ffffff !important; border-color: #cccccc !important; color: #000000 !important;}
.hom-sec1 #arfHeroSignupForm #email-error {bottom: -14px; padding: 6px 20px 6px 35px; border-radius: 15px; background-image: url("/wp-content/plugins/klm-plugin1/src/core/pages/panelist/shortcodes/close-error.jpg"); background-repeat: no-repeat; background-position: left 16px top 13px; background-color: #FFE4E2; font-size: 16px; display: inline-block;}
.hom-sec1 #arfHeroSignupForm #email-error a {font-size: 16px;}

.hom-sec3 svg path {fill: #8660E7;}
.hom-sec4 {background: linear-gradient(180deg, #1E6BE8 0%, #000000 100%) !important;}
.hom-sec5 {background: #000;}
.hom-sec5 a.elementor-button, .sign-btn a.elementor-button {border-color: #fff !important; color: #fff !important;}
span.lang-icon img, .custom-language-switcher:after {filter: brightness(0) invert(1);}
select option {color: #000 !important;}
.cpr-sec {border-color: #fff !important;}

#cookie-notice {background-color: #000 !important;}
#cookie-notice span#cn-notice-text {color: #fff;}
#cookie-notice span#cn-notice-text a {color: #8660E7;}
#cookie-notice button#cn-refuse-cookie {background: transparent !important; border-color: #fff !important; color: #fff !important;}
#cn-close-notice::before {content: url("/wp-content/uploads/2026/06/wc.svg");}

.news-list-sec a#news-load-more-btn {background: transparent; border-color: #fff; color: #fff;}
.bd-sec1 {background-color: #2A69D0 !important;}
.bd-sec3 figcaption.wp-element-caption {color: #fff; border-color: #fff;}
.bd-sec3 span.elementor-icon-list-icon svg, .bd-sec3 span.elementor-icon-list-icon svg path {color: #fff !important; fill: #fff !important;}
.bd-sec4 {background-color: #8660E7 !important;}
.bd-sec1 i, .bd-sec4 .elementor-widget-container a {color: #fff !important;}
}



/**** media ****/

@media (min-width: 1025px) {
.dark-mode header nav .elementor-nav-menu--dropdown, .dark-mode header nav .elementor-nav-menu--dropdown li a.elementor-sub-item {background: #000 !important;}
.dark-mode header nav li a.elementor-item:hover, .dark-mode header nav li a.elementor-sub-item:hover {color: #8660E7 !important;}
}

@media (min-width: 1200px) {
.hom-sec1 .arfca-hero-signup-form .arfca-hero-signup-row .arf-input, .hom-sec1 .arfca-hero-signup-form .arfca-signup-submit.arf-btn {height: 54px !important;}
}


@media (max-width: 1024px) {
.mobile-extra-btns {display:none !important;}
.elementor-nav-menu--dropdown .mobile-extra-btns {display:block !important; width:100%; padding:20px;}
.fr-mobile-extra-btns {display:none !important;}
.elementor-nav-menu--dropdown .fr-mobile-extra-btns {display:block !important; width:100%; padding:20px;}

nav.elementor-nav-menu--dropdown {box-shadow: none !important; height: 100vh;}
ul.elementor-nav-menu {padding: 0 15px;}
nav li a.elementor-item.highlighted {border-radius: 10px 10px 0 0 !important;}
ul.sub-menu {background: #f3f1f9 !important; border-radius: 0 0 10px 10px !important;}
.hdr-lang .elementor-shortcode {text-align: center;}
.sign-btn a.elementor-button {color: #2A69D0 !important; padding: 8px 16px !important; min-height: 42px;}
.join-btn a.elementor-button {color: #fff !important; padding: 8px 16px !important; min-height: 42px;}
.arf-hero-signup-form .arf-hero-signup-row {flex-direction: column; gap: 14px; margin: 0 0 14px; width: 588px; max-width: 100%;}
.arf-hero-signup-form .arf-hero-signup-row .arf-input {flex: none !important;}
.hom-sec4 .e-con-inner, .cpr-sec {flex-direction: column-reverse !important;}
.cpr-sec ul.elementor-icon-list-items li {display: inline-block; width: 45%; text-align: center !important; padding: 4px 0; margin: 0 0 10px !important;}
.cpr-sec ul.elementor-icon-list-items li a {display: block; text-align: center !important;}
.cpr-sec p {margin: 15px 0 0;}

.dark-mode nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {background: #000 !important;}
.dark-mode .sign-btn a.elementor-button {color: #ffffff !important; border-color: #fff !important;}
.dark-mode nav li a.elementor-item.highlighted, .dark-mode ul.sub-menu {background: #8660E7 !important;}
.dark-mode header .elementor-nav-menu--dropdown a:hover, .dark-mode header .elementor-nav-menu--dropdown a:focus {background-color: #000 !important;}

.cookie-notice-container #cn-notice-buttons {display: flex !important; gap: 10px; flex-direction: column;}
}


@media (max-width: 767px) {
.arfca-hero-signup-form .arfca-hero-signup-row {flex-direction: column; gap: 12px;}
.bd-sec4 .arfca-hero-signup-form .arfca-hero-signup-row .arf-input, .bd-sec4 .arfca-hero-signup-form .arfca-signup-submit.arf-btn {height: 44px !important;}
.arfca-hero-signup-form .arfca-hero-signup-row .arf-input {flex: auto;}
.cookie-notice-container {gap: 10px; padding-block: 20px; padding-inline: 20px; font-size: 14px; flex-direction: column;}
.cookie-notice-container #cn-notice-buttons {gap: 10px; flex-direction: row;}
.cookie-notice-container #cn-notice-text {padding-right: 25px;}
#cn-close-notice {width: auto; right: 00px; transform: none; opacity: 1; position: absolute; top: 25px;}
#cookie-notice .cn-button {font-size: 14px; height: 42px; margin: 0;}

}