@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


:root {
    --body-background-color: #ffffff;
    --body-text-color: #000;
    --body-font-family: "Open Sans", sans-serif;

    --anchor-color: #007CB0;
    --anchor-hover-color: #125d7c;

    --placeholder-color: #53565A;
    
    --btn-bg-color: #007CB0;
    --btn-border-color: #007CB0;
    --btn-text-color: #ffffff;
    --btn-bg-hover-color: #ffffff;
    --btn-hover-border-color: #007CB0;
    --btn-hover-text-color: #007CB0;
    
    --white-btn-bg-color: #ffffff;
    --white-btn-border-color: #007CB0;
    --white-btn-text-color: #007CB0;
    --white-btn-bg-hover-color: #007CB0;
    --white-btn-hover-border-color: #007CB0;
    --white-btn-hover-text-color: #ffffff;

    --body_font_size: 18px;
    --body_line_height: 1.4;
    --h1_font_size: 40px;
    --h1_line_height: 1.35;
    --h2_font_size: 40px;
    --h2_line_height: 1.35;
    --h3_font_size: 30px;
    --h3_line_height: 1.3;
    --h4_font_size: 24px;
    --h4_line_height: 1.35;
    --h5_font_size: 20px;
    --h5_line_height: 1.2;
    --h6_font_size: 14px;
    --h6_line_height: 1.2;
}

/* #General Styles
================================================== */
* {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.eu html,body.eu,.eu div,.eu span,.eu applet,.eu object,.eu iframe,.eu a,.eu img,.eu select,.eu input,.eu option {margin: 0;padding: 0;border: 0;outline: 0;}
.eu html {-webkit-text-size-adjust: none;}
.eu button,.eu input,.eu select,.eu textarea {font-size: 100%;margin: 0;vertical-align: baseline;box-shadow: none;}
.eu input[type="button"],.eu input[type="submit"] {-webkit-appearance: none !important;}
.eu img {border: 0 none;max-width: 100%;vertical-align: top;}
.eu a {outline: none;cursor: pointer;text-decoration: underline;}
.eu a:hover {text-decoration: none;}
.eu a:focus {text-decoration: none !important;outline: none !important;}
.eu .clear {clear: both;}
.eu img {max-width: 100%;}
.eu button:focus {outline: 0;}

/*Placeholder opacity cross browsers*/
.eu .mktoForm input[type="text"]::placeholder, .eu .mktoForm input[type="url"]::placeholder, .eu .mktoForm input[type="email"]::placeholder, .eu .mktoForm input[type="tel"]::placeholder, .eu .mktoForm input[type="number"]::placeholder, .eu .mktoForm input[type="date"]::placeholder, .eu .mktoForm textarea.mktoField::placeholder, .eu .mktoForm select.mktoField::placeholder { color: var(--placeholder-color) !important;font-size: 14px;line-height: 19px; }

/* #Page Structure
================================================== */
body.eu {overflow-x:hidden;margin: 0;padding: 0;font-size: var(--body_font_size);line-height: var(--body_line_height);color: var(--body-text-color);background: var(--body-background-color);font-family:var(--body-font-family);font-weight: 400;-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;background-color: #000000}
.eu .wrapper {transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.eu .main {max-width: 1168px;margin: 0 auto;padding-left: 24px;padding-right: 24px;}
.eu a,.eu button {transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;}
.eu .flw {width: 100%;}

.eu h1,.eu h1,.eu h2,.eu h3,.eu h4,.eu h5,.eu h6 {margin: 0 0 24px;font-family: var(--body-font-family);font-weight: 300;padding:0;}
.eu h1,.eu h1 div {font-size: var(--h1_font_size);line-height: var(--h1_line_height);}
.eu h2,.eu h2 div {font-size: var(--h2_font_size);line-height: var(--h2_line_height);}
.eu h3,.eu h3 div {font-size: var(--h3_font_size);line-height: var(--h3_line_height);}
.eu h4,.eu h4 div {font-size: var(--h4_font_size);line-height: var(--h4_line_height);}
.eu h5,.eu h5 div {font-size: var(--h5_font_size);line-height: var(--h5_line_height);font-weight: 400;}
.eu h6,.eu h6 div {font-size: var(--h6_font_size);line-height: var(--h6_line_height);}


.eu ul,.eu ol {padding-left: 18px;padding-right: 18px;}
.eu .p_class > div {margin-bottom: 16px;}
.eu a {color: var(--anchor-color);word-break: break-word;}
.eu a:hover {color: var(--anchor-hover-color);}
.eu strong {font-weight: 700;}

.eu .blue_btn,.eu .white_btn {border-radius: 100px; padding: 15px 32px;text-align: center;font-weight: 700;font-size: 16px;line-height: 22px;text-decoration: none;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border:1px solid;}

.eu .white_btn {background-color: var(--white-btn-bg-color);border-color: var(--white-btn-border-color);color: var(--white-btn-text-color); }
.eu .white_btn:hover {background-color: var(--white-btn-bg-hover-color);border-color:var(--white-btn-hover-border-color);color: var(--white-btn-hover-text-color); }

.eu .blue_btn {background-color: var(--btn-bg-color);border-color: var(--btn-border-color);color: var(--btn-text-color); }
.eu .blue_btn:hover {background-color: var(--btn-bg-hover-color);border-color:var(--btn-hover-border-color);color: var(--btn-hover-text-color); }

.eu .d_flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.eu .flex_wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.eu .justify_center {-webkit-justify-content: center;-ms-flex-justify: center;justify-content: center;}
.eu .justify_space {-webkit-justify-content: space-between;-ms-flex-justify: space-between;justify-content: space-between;}
.eu .justify_end {-webkit-justify-content: end;-ms-flex-justify: end;justify-content: end;}
.eu .align_center {align-items: center;-webkit-align-items: center;-ms-flex-align: center;}
.eu .align_end {align-items: end;-webkit-align-items: end;-ms-flex-align: end;}
.eu .flex_end {-webkit-justify-content: flex-end;-ms-flex-justify: flex-end;justify-content: flex-end;}

.eu .lc_margin > *:last-child {margin-bottom: 0 !important;}
.eu .ml_auto {margin-left: auto;margin-right: auto;}
.eu .text_uppercase {text-transform: uppercase;}
.eu .text_center {text-align: center;}

.eu .set_bg {background-repeat: no-repeat;background-size: cover;background-position: center;}

.eu .btn_grp > div { margin: 0 12px 10px;}
.eu .btn_grp {width: calc(100% + 24px);margin: 0 -12px -10px;}
.eu .btn_wrp {overflow: hidden;}


/** Form style start here **/
.eu .mktoForm select::-ms-expand {display: none !important; }
.eu .mktoGen.mktoImg {display: inherit !important; line-height: inherit !important;}

.eu .mktoForm { width: 100% !important; padding:0;}
.eu .mktoForm .mktoFormRow { width: 100% !important; margin-bottom:0 !important; }
.eu .mktoForm > .mktoFormRow {margin-bottom: 25px !important;}
.eu .mktoForm .mktoFormCol { border: 0px; width: 100% !important; margin-bottom: 0 !important; padding-right: 0 !important;min-height: auto !important; }
.eu .mktoForm .mktoFieldWrap { width: 100% !important; }
.eu .mktoForm .mktoAsterix, .mktoForm .mktoGutter, .mktoForm .mktoOffset { float: right !important;display: none !important; }
.eu .mktoForm .mktoLabel { width:auto !important;float:left;font-size: 16px !important; line-height: 22px !important;color: var(--body-text-color) !important; font-family: var(--body-font-family) !important; padding: 0px 0 16px 0 !important; margin: 0px !important;font-weight: 600 !important; }
.eu .mktoForm input[type="text"], .mktoForm input[type="url"], .mktoForm input[type="email"], .mktoForm input[type="tel"], .mktoForm input[type="number"], .mktoForm input[type="date"], .mktoForm textarea.mktoField, .mktoForm select.mktoField { width: 100% !important; font-size: 16px !important; line-height:22px !important;color: var(--body-text-color) !important; font-family: var(--body-font-family) !important; font-weight: 400 !important; background: #fff !important; border: 1px solid #75787B !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; padding: 12.5px 16px !important; height: auto !important; margin-bottom: 0 !important;appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.eu .mktoForm textarea.mktoField {height: 100px !important;}
.eu .mktoForm select.mktoField{ cursor:pointer!important;background-image:url(http://699-PUC-979.mktoweb.com/rs/699-PUC-979/images/LP_thoughtleadersystems_select_arrow.svg) !important;background-repeat: no-repeat !important;background-size: 12px !important;background-position: right 19px center !important;padding-right: 40px !important;}
.eu .mktoForm .mktoButtonRow {width: 100% !important;margin-top: 9px !important;display: inline-block;clear: both;}
.eu .mktoForm .mktoButtonRow .mktoButtonWrap { width: 100% !important; margin: 0px !important; }
.eu .mktoForm .mktoButtonRow button,.eu .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {cursor: pointer; font-family: var(--body-font-family) !important; -webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; -ms-border-radius: 100px !important; -o-border-radius: 100px !important; border-radius: 100px !important; width: auto !important; display: inline-block; background: var(--btn-bg-color) !important; color: var(--btn-text-color) !important;border: 1px solid var(--btn-border-color);  font-size: 16px !important; line-height: 22px !important;font-weight: 700 !important; padding: 15px 32px !important; }
.eu .mktoForm .mktoButtonRow button:hover,.eu .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover { background: var(--btn-bg-hover-color) !important;border-color: var(--btn-hover-border-color) !important; color: var(--btn-hover-text-color) !important;}


.eu .mktoForm .mktoHtmlText {font-size: var(--body_font_size);font-weight: 400 !important;width: 100% !important;line-height: var(--body_line_height);font-family: var(--body-font-family);color: var(--body-text-color);margin-bottom: 15px;}
.eu .mktoForm .mktoHtmlText hr {border-top: 1px solid #D0D0CE;margin: 10px 0 30px;padding: 0;}
.eu .mktoForm fieldset .mktoLabel {float: none !important;display: block;padding-bottom: 8px !important;}
.eu .mktoForm fieldset.mktoFormCol .mktoFormRow {    margin-bottom: 24px !important;}
.eu .mktoForm fieldset.mktoFormCol .mktoFormRow > .mktoFormCol .mktoFieldWrap {max-width: 459px;}
.eu .mktoForm fieldset.mktoFormCol .mktoFormRow:last-child {margin-bottom: 6px !important;}

.eu .mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList {padding: 0 !important;float: left;width: 100% !important;margin: 5px 0 0px 0 !important;}
.eu .mktoForm input[type="checkbox"].mktoField + label,.mktoForm input[type="radio"].mktoField + label {position: relative !important;cursor: pointer !important;padding-left: 40px !important;width: auto !important;margin: 0 0 16px !important;line-height: 24px !important; font-size: 16px !important;  font-family: var(--body-font-family)!important; color: var(--body-text-color) !important;font-weight: 400 !important;float: left;clear: both;}
.eu .mktoForm input[type="checkbox"].mktoField { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; z-index: -99999; height: 0; padding: 0 !important; border: 0px; }
.eu .mktoForm input[type="checkbox"].mktoField + label .cb-item_marker  { position: relative; cursor: pointer; padding-left: 25px; width: auto; }
.eu .mktoForm input[type="checkbox"].mktoField + label .cb-item_marker {position: relative; left: 12px;top: -2px;content: '';width: 22px;height: 22px;background-repeat: no-repeat; background-position: left;background-size: 22px;}
.eu .mktoForm input[type="radio"].mktoField { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; z-index: -99999; }
.eu .mktoForm input[type="radio"].mktoField + label .cb-item_marker  { position: relative; cursor: pointer; padding-left: 32px; margin-bottom: 0 !important; width: auto; }
.eu .mktoForm input[type="radio"].mktoField + label .cb-item_marker {position: relative;left: 12px;top: 0;content: '';width: 20px;height: 20px; background-repeat: no-repeat;background-position: center;background-size: 20px;}

.eu .mktoForm .mktoCheckboxList > label::before {content: "";position: absolute;left: 0;top: 0;height: 24px;width: 23px;border: 1px solid #007CB0;}
.eu .mktoForm .mktoCheckboxList input:checked + label::after {content: "";position: absolute;left: 5px;top: 6px;height: 6px;width: 13px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-57deg);}
.eu .mktoForm .mktoCheckboxList input:checked + label::before {    border-color: #007CB0; background: #007CB0;color: #fff;}

.eu .mktoForm fieldset.mktoFormCol .mktoFormRow > .mktoFormCol {width: calc(50% - 5px) !important;}
.eu .mktoForm fieldset.mktoFormCol .mktoFormRow {display: flex;flex-wrap: wrap;justify-content: space-between;}
.eu .mktoForm fieldset.mktoFormCol .mktoFormRow >  .mktoClear {display: none;}
.eu span.error {color: red;display: block;font-size: 13px;margin-top: 5px;line-height: 20px;}
.eu .mktoForm fieldset legend {margin:0;padding:0;}

.eu .mktoForm input[type="checkbox"].mktoField + label {width: 33.33% !important;padding-right: 20px;}
.eu .mktoForm .mktoRadioList, .eu .mktoForm .mktoCheckboxList {display: flex;flex-wrap: wrap;}

.eu .mktoForm .mktoRadioList > label::before {content: "";position: absolute;left: 0;top: 0;height: 23px;width: 23px;border: 1px solid #007CB0;border-radius: 100%;}
.eu .mktoForm input[type="radio"].mktoField + label {padding: 0 40px 0 35px !important;}
.eu .mktoForm .mktoRadioList input:checked + label::after {content: "";position: absolute;left: 4.5px;top: 4.5px;width: 16px;height: 16px;background-color: #007CB0;border-radius: 100%;}
.eu .mktoForm .mktoRadioList { margin-bottom: -27px !important;}
.eu .mktoForm > .mktoFormRow.last_form_row {margin-top: 8px;display: inline-block !important;}
.eu .mktoForm > .mktoFormRow.last_form_row input[type="checkbox"].mktoField + label {width: 100% !important;font-size: 12px !important;line-height: 16px !important;padding-left: 33px !important;margin-bottom: 13px !important;}
.k-widget.k-combobox.mktoField.mktoTextField.mktoHasWidth.mktoRequired.k-combobox-clearable {
  width: 100% !important;
}
.k-animation-container .k-list-container .k-list-scroller .k-list .k-item {
  padding: 0.3rem .6rem;
}
.k-list {
  font-size: 14px;
}
.k-list-scroller{
    border: solid!important;
    border-width: 1px!important;
}
.k-item {
    min-height: 2.5em!important;
    line-height: 2.5em!important;
    font-size: 16px!important;
}
/* Add styling to each dropdown option */
.k-list-container .k-item {
  border: 1px solid #ccc; /* Add a light gray border around each item */
  border-radius: 4px; /* Optional: rounded corners */
  margin: 5px 0; /* Add vertical spacing between items */
  padding: 10px; /* Add padding inside each item for better readability */
  background-color: #f9f9f9; /* Optional: light background for visibility */
  cursor: pointer; /* Ensure the cursor changes to indicate it's clickable */
}

/* Add hover effect */
.k-list-container .k-item:hover {
  background-color: #007CB0; /* Slightly darker background on hover */
  border-color: #007CB0; /* Highlight border color on hover */
}
.k-combobox > .k-state-focused{
    box-shadow: none!important;
    border-bottom: none!important;
}
.mktoFieldWrap:has(.mktoCheckboxList) {
  max-width: 1200px !important;
}
#mktoForm_10725 .mktoFormCol:has(.mktoCheckboxList) {
  width: 100% !important;
}
.mktoCheckboxList {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between;
/*  gap: 15px;*/
  padding: 10px 0 !important;
  width: 100% !important;
}
#mktoForm_10725 label.permission-box {
  width: 100% !important;
}
legend {
  font-size: 18px;
  font-weight: 600;
}
/*Make sure values are saved as NULL if no boxes are checked*/
INPUT[type="checkbox"][value="NULL"],
OPTION[value="NULL"],
INPUT[type="checkbox"][value="NULL"] + LABEL {
    display: none !important;
}

/* Home Page Style
================================================== 


/***** header styles goes here *****/

.eu header {position: fixed;width: 100%;top: 0;z-index: 100;}
.eu .header_inner_grp {padding: 23.5px 0;}
.eu .header_logo {vertical-align: middle;display: inline-block;width: 11%;}
.eu .header_logo a {display: inline-block;line-height: 1;}
.eu .header_logo img {width: 100%;}
/***** header styles end *****/ 

/***** mid container styles goes here *****/
.eu .mid-container {width: 100%;display: flex;flex-direction: column;}

.eu .padd_tb_45 {padding: 45px 0;}
.eu .padd_tb_20 {padding: 20px 0 60px;}
.eu .padd_tb_65 {padding: 65px 0;}
.eu .padd_tb_80 {padding: 80px 0 40px;}
.eu .sec_btm_border {position: relative;}
.eu .sec_btm_border:after {content: '';background-color: #D0D0CE;width: calc(100% - 40px); max-width: 1120px;position: absolute;left: 0;right: 0;margin: 0 auto; height: 1px;bottom: -1px;}

/* Section1 CSS Start */
.eu .sec1_left {width: 58%;margin-top:-3px;}
.eu .sec1_right {width: 32.5%;margin-right: 3.6%;}
.eu .sec1_right video {width: 100%;}
.eu .mb_24 > * {margin-bottom: 23px;}
.eu .mb_40 > * {margin-bottom: 39px;}


/* Section2 CSS Start */
.eu .sec2_top_content {width: 72%;}
.eu .filter-buttons .slick-list button {cursor:pointer;border: 1px solid #007CB0;background: #fff;margin-right: 24px;font-size: 16px;line-height: 22px;font-weight: 700;font-family: var(--body-font-family);color: #007CB0;padding: 15px 23.5px;transition: all ease 0.3s;}

.eu .filter-buttons .slick-list button.active {background-color: #007CB0;color: #fff;}


.eu .news_item {width: 25%;padding-bottom: 25%;height: 0;overflow: hidden;}
.eu .news_overlay {position: absolute;background: #000000;opacity: 0.65;top: 0;height: 100%;width: 100%;}
.eu .news_title {position: absolute;width: 100%;height: 100%;padding: 10px;top: 0;text-decoration: none;z-index: 1;}
.eu .news_title h5 {color: #fff;max-width: 221px;margin: 0 auto; text-align: center;}
.eu .news_desc {background-color: #000000;position: absolute;width: 100%;height: 100%;padding: 10px;visibility: hidden;opacity: 0;transition: opacity 0.01s;font-size: 16px;line-height: 1.4em;z-index: 2;color: #fff;text-align: center;pointer-events: none;overflow: auto;}

.eu ul.slick-dots {padding: 0;margin: 24px auto 0;     width: max-content;list-style: none;height: 4px;border-radius: 4px;display: flex !important;align-items: center;justify-content: center;overflow: hidden;}
.eu ul.slick-dots li {display: flex;width: 25%;}
.eu ul.slick-dots button {    border-radius: 4px;cursor:pointer;margin: 0;padding: 0;font-size: 0;line-height: 0;height: 4px;width: 100%;background: #D0D0CE;border: 0;}
.eu ul.slick-dots li.slick-active button, .eu ul.slick-dots li:hover button, .eu ul.slick-dots li.active button  {border-radius: 4px;background: #26890D;}

.eu .news_desc .btn_item > * {margin-bottom: 10px;display: block;}
.eu .news_desc .btn_item > *:last-child {margin-bottom: 0;}
.eu .news_desc .news_btn {width: 100%;text-decoration: none;border: 1px solid #fff;font-size: 18px;line-height: 27px;text-align: center;padding: 10px 20px;color: #fff;background-color: #000;}
.eu .news_desc > div > * {margin-bottom: 25px;}
.eu .news_desc .news_btn:hover {color: #007CB0;border-color: #007CB0;background-color: #000;}

/* Section3 CSS Start */


/* Section4 CSS Start */
.eu .sec4_text > * {margin-bottom: 16px;}
.eu .se4_inner_grp {width: 60%;}
.eu .se4_inner_grp > * {margin-bottom: 34px;}
.eu .sec4_btn h5 {font-weight: 700;}
/* Section4 CSS End */


/***** mid container styles end *****/

/***** footer styles goes here *****/
.eu footer {padding: 30px 0;font-size: 12px;line-height: 18px;color: #fff;background-color: #000!important}
/***** footer styles end *****/
