@media (max-width: 991.98px) {
  .dropdown-menu .dropdown:hover > .dropdown-menu { display: block; position: unset !important; }
  .dropdown-menu .dropdown:hover > .dropdown-menu li.nav-item { margin: 0px; padding-left: 15px; }
  .navbar-nav li.dropdown:hover > .dropdown-menu {width: 100%; }
  ul.navbar-nav.justify-content-end > li span { color: #fff !important; }
  .menu-btn.active { top: -40px; }
}
.fr-jp-event-video video { max-width: 700px; display: block; cursor: pointer; border-radius: 25px; margin-top: 30px; margin-bottom: 30px; border: 5px solid #01b1ff; }
.fr-jp-event-video { border-top: 1px solid #ccc; padding-top: 25px; margin-top: 30px; }

@media (min-width: 992px) {
.slick__slide .more-button.ectd-workshop-btn { position: absolute; left: 19%; top: 180px; }
}
.page-node-68 .highlighted, .page-node-69 .highlighted
.path-industry-events .highlighted, .path-freyr-events .highlighted, .page-node-type-blogs .highlighted { position: relative; padding: 10px; display: flex ; align-items: flex-end; justify-content: center; text-align: center; width: 100%; }
.page-node-type-industry-events .main-wrapper, .page-node-type-freyr-events .main-wrapper { margin: 0px auto; }
.page-node-type-blogs .main-wrapper { margin: 0px auto 40px; }

.page-node-type-industry-events .main-wrapper ul li, .page-node-type-freyr-events .main-wrapper ul li, .page-node-type-blogs .main-wrapper ul li, .page-node-type-blogs .main-wrapper ol li { list-style: none; margin-left: 0; background-image: url(/themes/custom/japan/images/freyr-ul-arrow.svg); background-repeat: no-repeat; background-size: 7px; background-position: 0px 9px; padding-left: 20px; padding-bottom: 8px; line-height: 20px; }
.region-content .view-industry-events .item-list ul, .region-content .view-freyr-events .item-list ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0; gap: 30px; } 
.region-content .view-industry-events .item-list ul li, .region-content .view-freyr-events .item-list ul li { position: relative; display: grid; flex-basis: 260px; flex-grow: 1; margin: 0; max-width: 300px; margin-bottom: 30px; justify-content: center; } 
.view-industry-events li .fr-resourceses .fr-insight .views-field-view-node { position: absolute; bottom: 0px; right: 0; }
.region-content .view-industry-events .fr-ddate p, .region-content .view-freyr-events .fr-ddate p{ margin-bottom: 0; } 
.region-content .view-industry-events .fr-ddate, .region-content .view-freyr-events .fr-ddate { display: flex; flex-wrap: wrap; align-items: center; } 
.region-content .view-industry-events .item-list h3 { font-weight: 600; margin: 20px 0 40px; } 
.region-content .view-industry-events .fr-resourceses .views-field-thumbnail img { width: 100%; height: 183px; }
.fr-resourceses .views-field-thumbnail img { border-radius: 25px; filter: brightness(65%); }
.fr-resourceses .fr-insight { display: flex ; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; font-size: 11px; font-weight: 400; padding: 20px 0; gap: 4px; }
.page-node-type-industry-events .field--name-field-page-header-banner { border-radius: 25px; position: relative; }
.fr-resourceses .views-field-title a br { display: none; }
.page-node-type-industry-events .highlighted, .page-node-type-freyr-events .highlighted { position: relative; margin-top: 100px; display: flex ; align-items: flex-end; justify-content: flex-start; text-align: center; width: 100%; }

.page-node-type-industry-events .field--name-field-page-header-banner { border-radius: 25px; position: relative; }
.page-node-type-industry-events .block-page-title-block { z-index: 2; position: absolute; color: #000; top: 50%; width: 60%; padding: 0px; transform: translate(-0%, -50%); }

.path-webform .highlighted { position: relative; margin-top: 100px; display: flex ; align-items: flex-end; justify-content: flex-start; text-align: center; width: 100%; }
.accordion-body ol {  margin-left: 20px;}
div#faqAccordion { background: #f5f5f5; padding: 0px; border-radius: 8px; }
.accordion-header br { display: none; }
.accordion-body { padding-top: 0px; }
.accordion-header .accordion-button { padding: 15px; font-size: 20px; font-weight: 600; width: 100%; color: #000; line-height: 25px; cursor: pointer; background: transparent; }
.msc-faq { text-align: center; position: relative;     margin-bottom: 40px;}
/* .msc-faq::after { content: ''; position: absolute; left: 50%; transform: translate(-50%, 0); top: 50px; width: 100px; height: 5px; background: #0064c1; } */
.accordion-item { background: transparent; }
.accordion-button:focus { border: unset; box-shadow: unset !important; }


ul.dropdown-menu.nav-level-2 { display: none !important; }


#block-japan-eventnotificationribbon { position: fixed; top: 0; left: 0; right: 0; background: linear-gradient(135deg, #79001b, #963163); color: #fff; padding: 5px 20px; font-size: 16px; border-bottom: 1px solid #e0e0e0; box-shadow: 0 2px 5px #0000001a; z-index: 10000; }
#notification-ribbon span{flex:1;text-align:center}
div#notification-ribbon { display: flex ; justify-content: space-between; align-items: center; }
#block-japan-eventnotificationribbon button{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#fff;cursor:pointer}
#block-japan-eventnotificationribbon button:hover{color:#0f0}

/* eCTD Japan Event page */

.banner-container{max-width:600px;margin-top: -50px;text-align:center;padding:20px;float:left;}
.banner-heading { font-size: 2.6rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; line-height: 33px; }
.banner-heading span { font-size: 1.8rem; font-weight: 100; }
.banner-subheading { font-size: 1.3rem; font-weight: 400; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 0px; margin-top: 10px; }
.banner-highlight img { width: 455px !important; height: 77px !important; margin: auto; }
.banner-description { font-size: 1.3rem; font-weight: 200; line-height: 25px; color: #ddd; margin-bottom: 20px; }
.banner-info-box{border:1px solid #999;border-radius:20px;padding:20px 20px 50px 20px !important;background-color:#ffffff0d;display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px}
.banner-info-item{display:flex;align-items:center;font-size:.95rem;gap:10px; /*flex:1 1 200px;*/}
.banner-icon{font-size:1.2rem}
.event-spl-btn { margin-top: -30px; }
.register-button{display:inline-block;padding:14px 32px;font-size:1rem;font-weight:600;color:#fff;background: linear-gradient(147deg,rgba(47, 23, 74, 1) 0%, rgba(98, 0, 56, 1) 100%);
  border:1px solid #fff;border-radius:50px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}
.register-button:hover{background-color:#8148d0;box-shadow:0 4px 12px #fff3}
span.banner-icon img { width: 20px !important; height: 20px !important; }

.industery-slider .banner-container { padding-left: 0px; margin-top: 0px; padding-top: 0px; }
.industery-slider .banner-info-box { padding: 10px 0px 0px !important; border-top: 1px solid #fff !important; border-radius: 0px; background: unset !important; display: block; border-left: unset !important; border-right: unset !important; border-bottom: unset !important;}

.event-banner-from textarea { height: 70px; }
.event-banner-from .webform-submission-form .js-form-item-privacy-policy-spani-have-read-a-hrefhttps--wwwfreyrsolutionscom-privacy-policy-target-blankprivacy-policy-a-span { margin-left: 0% !important; }
.event-banner-from .webform-submission-form .form-actions {text-align: left !important;}
.event-banner-from form { background: #fff; padding: 20px; border-radius: 25px; position: relative; }
.event-banner-from .webform-submission-form .form-actions input { width: auto !important; }
.event-banner-from .webform-submission-form input, 
.event-banner-from .webform-submission-form textarea, 
.event-banner-from .webform-submission-form .select-wrapper, 
.event-banner-from .webform-submission-form select { width: 100% !important; border: 1px solid #adadad !important; }
.event-banner-from .iti.iti--allow-dropdown{width: 100% !important;}
.event-banner-from .webform-submission-form input::placeholder, 
.event-banner-from .webform-submission-form textarea::placeholder, 
.event-banner-from .webform-submission-form select::placeholder, 
.event-banner-from .webform-submission-form .select-wrapper::placeholder { color: #c0c0c0 !important; }
.event-banner-from .iti__country-name, .iti__flag-box { color: #000 !important; }
.event-banner-from .iti__country-list { width: 350px !important;}
.event-banner-from h4 { font-size: 17px; text-align: center; margin-top: 0px !important;}
.event-banner-from  { position: relative; }
.event-banner-from img { position: absolute; left: -26%; top: 130px; width: 160px; }
.event-banner-from .webform-submission-form .form-item-privacy-policy-spani-have-read-the-a-hrefhttps--wwwfreyrsolutionscom-privacy-policy-target-blankprivacy-policy-a-span { display: flex ; align-items: center; gap: 10px; }
.event-banner-from .form-item-privacy-policy-spani-have-read-the-a-hrefhttps--wwwfreyrsolutionscom-privacy-policy-target-blankprivacy-policy-a-span label.option { color: #333; width: 100% !important;}

.event-banner-from .webform-submission-form .form-checkbox { width: 16px !important; }
div#webform-submission-ectd-v4-seminar-2025-node-72-form-ajax .form-item--error-message { margin-left: 40% !important; }

.apply-conditions { color: #fff;}
.apply-conditions h4 { font-size: 18px; }
.conditions-apply-pop h4.modal-title { padding: 0px !important; margin: 5px !important; }

.conditions-apply-pop .modal-header.modal-no-border { padding: 0; border-bottom: 0; }
.conditions-apply-pop .modal-content { background: #fff; margin: 10% auto; padding: 0 2rem; border-radius: 16px; position: relative; box-shadow: 0 10px 25px rgba(0,0,0,0.3); text-align: center; } 
.conditions-apply-pop .popup-content h2 { margin-bottom: 1rem; font-size: 24px; color: #004080; } 
.conditions-apply-pop .popup-content p { font-size: 16px; } 
.conditions-apply-pop .popup-content ul { text-align: left; margin-top: 1rem; padding-left: 20px; } 
.conditions-apply-pop .popup-content li { margin: 0.5rem 0; list-style: none; display: flex ; align-items: center; gap: 8px; margin: 0.5rem 0; font-size: 16px; line-height: 22px; }
.conditions-apply-pop .popup-content li span { font-size: 18px; line-height: 1; }
.conditions-apply-pop .modal-header .close { margin-top: 0px; top: 20px; position: relative;z-index: 1; }
div#conditions_apply_desc { padding-top: 5px;  padding-bottom: 25px; } 
.conditions-apply-pop .fr-button:after, .workshop:after { background-position: -2px -160px !important; transform: rotate(90deg) !important; }
.conditions-apply-pop .highlight { color: #e60000; font-weight: bold; } 
.conditions-apply-pop .cta-btn { background-color: #0073e6; color: white; padding: 12px 20px; border: none; margin-top: 1.5rem; font-size: 16px; border-radius: 8px; cursor: pointer; } 
.conditions-apply-pop .cta-btn:hover { background-color: #005bb5; } 

@media (max-width: 600px) {
  .banner-highlight { max-width: 207px; margin: auto; } 
  .banner-highlight img { width: 207px !important; height: 35px !important; }
.banner-container { margin-top: 0px !important; }
.banner-heading { font-size: 1.2rem !important; line-height: 22px !important; }
.banner-heading span { font-size: 1rem !important; }
.banner-subheading { font-size: 0.8rem !important;}
.banner-info-box { padding: 10px 10px 35px 10px !important;}
.banner-description { font-size: 0.8rem !important; line-height: 18px !important;}
.banner-info-item { flex: 1 1 150px !important; text-align: left; font-size: 13px !important;}
}

.ectd-seminar-event .col-md-7 ul li { line-height: 22px !important; margin-bottom: 8px; }
.page-node-72 section.industery-slider  { background: url(/themes/custom/japan/images/banner-5.webp) no-repeat center center; background-size: cover; padding: 70px 0; min-height: 600px; }
.page-node-72 #block-japan-page-title h1 { display: none; }
.page-node-type-industry-events .field--name-field-page-header-banner img { height: 300px; border-radius: 25px; position: relative; object-fit: cover; object-position: center; width: 100% !important; }
.ectd-seminar-event {  margin-top: 50px; }
.page-node-72 .inner-banner { padding-top: 150px; text-align: left; width: auto; }
.page-node-72 .inner-banner img { height: 77px !important; width: 456px !important; border-radius: 0px !important;  margin: 12px 0 0px 0;}
.page-node-type-industry-events .inner-banner h1, .page-node-type-freyr-events .inner-banner h1  { color: #fff !important; font-weight: bold; font-size: 4rem;}
.page-node-type-industry-events .inner-banner h3, .page-node-type-freyr-events .inner-banner h3 { color: #fff !important; font-size: 38px; font-weight: 600; line-height: 116%; margin-bottom: 30px; }
.page-node-type-industry-events .inner-banner h5, .page-node-type-freyr-events .inner-banner h5 { max-width: 620px; font-weight: 300; line-height: 145%; }
.page-node-type-industry-events .inner-banner h3 span, .page-node-type-freyr-events .inner-banner h3 span { font-size: 22px; }
.page-node-type-industry-events .inner-banner h4, .page-node-type-freyr-events .inner-banner h4, .page-node-72 .inner-banner h4 { margin-top: 0px !important; color: #fff !important; font-size: 19px; font-weight: 400;letter-spacing: 1px;}
.page-node-type-industry-events .inner-banner h4 span, .page-node-type-freyr-events .inner-banner h4 span, .page-node-72 .inner-banner h4 span { font-weight: 100; font-size: 17px;}
.page-node-type-industry-events  h4, .page-node-type-freyr-events h4 { margin-bottom: 20px !important; margin-top: 25px !important; }
:root { --primary: #4A90E2; --accent: #50E3C2; --text: #333; --subtext: #666; --bg: #f5f8fa; --card-bg: #ffffff; --radius: 12px; --shadow: 0 8px 20px rgba(0,0,0,0.1); }
.event-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;max-width:500px;width:100%}
.event-header { background: linear-gradient(135deg, #79001b, #963163); color: #fff; padding: 30px !important; text-align: center; }
.event-header h1{font-size:1.7rem;margin-bottom:5px}
header.event-header h5 { font-size: 18px; font-weight: 300; padding: 20px 0; }
.event-header p{font-size:.9rem;opacity:.85}
.event-body{padding:25px}
.details-list{list-style:none;display:grid;grid-template-columns:0.5fr 2fr;row-gap:15px;column-gap:10px}
.details-list li{display:contents}
.details-list li .label{font-weight:600;color:#666;padding-right:10px}
.details-list .value li { display: inline-block; margin-bottom: 0px !important; background-image: unset !important; padding-left: 0px !important; }
.details-list li .value{color:#000}

.details-list .value li span { font-size: 12px; color: #666; }
.page-node-72 .minis-footer { height: 10px; background-image: -webkit-linear-gradient(390deg, #4a47e0 25%, #01b1ff 70%); margin-top: 40px; }

@media (max-width: 480px) {
.details-list{grid-template-columns:1fr}
.details-list li .label{text-align:left;padding-right:0;margin-bottom:4px}
.page-node-72 .inner-banner img { height: 50px !important; width: 300px !important; }
.page-node-type-industry-events .inner-banner h3, 
.page-node-type-freyr-events .inner-banner h3 {font-size: 22px;}
.page-node-72 .inner-banner h3 span { font-size: 16px; }
.details-list { row-gap: 5px !important;}
.details-list > li { display: inline-block; padding-bottom: 10px !important; background-image: unset !important; padding-left: 0px !important; }
.ectd-event-taber .tab-link { line-height: 18px !important; font-size: 16px !important; }


}

.event-body .fr-button:after, .workshop:after { background-position: -2px -160px !important; transform: rotate(90deg) !important; }
.event-form-inpage h4 { padding-bottom: 20px; }
.page-node-type-industry-events .msc-accordion .panel-group { background: #f5f5f5; padding: 20px; border-radius: 20px; }
.page-node-type-industry-events h4.panel-title { margin: 0px !important; }
/* .agenda-register { flex-wrap: wrap; gap: 30px; background: #e9f4ff; padding: 30px; border-radius: 12px; border-left:5px solid #0064c1;}
.agenda h4{color:#0064c1;} */
.let-freyr-help{border:2px dashed #0072CE;background-color:#F5FAFF;color:#036;font-size:18px;font-weight:500;padding:20px;border-radius:12px;margin-top:25px;margin-bottom:20px;text-align:left;display: flex ; gap: 5px;}
.let-freyr-help p { margin-bottom: 0px; }
.form-check-input {border: 1px solid #333 !important;}
.path-webform .highlighted { background: url(/sites/default/files/ectd-japan-webinar.png); background-position: initial; background-size: cover; margin-top: 60px; padding: 60px 0 140px 0; }
.path-webform .highlighted h1 { color: #fff; text-align: left;}
.event-form-inpage { max-width: 800px; margin: 80px auto; border: 1px solid #000; padding: 20px 30px 30px 30px; border-radius: 25px; }

.ectd-banner-container{margin:-100px auto 0px auto;padding:30px}
.headline{font-size:2.6rem;font-weight:800;margin-bottom:15px;line-height:1.3;color: #fff;}
.subheadline{font-size:1.2rem;font-weight:600;color:#e0e0ff;margin-bottom:35px}
.event-info{text-align:left;max-width:600px;margin:20px 0;background:#ffffff1a;border-radius:10px;padding:20px 25px;line-height:1.6;font-size:1rem;backdrop-filter:blur(6px)}
.event-info li{margin-bottom:10px;list-style:none}
.event-info strong{color:#ffeb3b;font-weight:600}
.event-info i{margin-right:6px}
.map-icon{color:#ff4f4f}

.ectd-banner-container .fr-button:after { background-repeat: no-repeat; content: ""; background-position: 10px -121px; background-size: 32px; position: absolute; right: 9px; top: 0px; width: 40px; height: 51px; background-image: url(/themes/custom/japan/images/freyr-icons.png); }
.ectd-banner-container .more-button{margin-top:30px;display:flex;gap:15px;flex-wrap:wrap}
.ectd-banner-container .fr-button { padding: 12px 22px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: all .3s ease; font-size: 1rem; display: inline-block; padding: 10px 40px 12px 20px; font-size: 16px !important; }
.ectd-banner-container .fr-button.primary{border:2px solid #fff;}
.ectd-banner-container .fr-button.primary:hover{border-color:#ffeb3b}
.ectd-banner-container .fr-button.secondary{background:transparent;color:#fff;border:2px solid #fff}
.ectd-banner-container .fr-button.secondary:hover{background:#ffffff1a;color:#ffeb3b;border-color:#ffeb3b}
.modal-page-dialog .webform-submission-ectd-v4-seminar-2025-form label {  width: 39% !important; }
#edit-contact-number::placeholder { color: #9b9999;}

.ectd-event-taber .tab-bar{display:flex;width:100%;background:#f8f9fa;border-bottom:2px solid #dee2e6}
.ectd-event-taber .tab-link{line-height: 24px; flex:1;padding:14px 10px;cursor:pointer;font-weight:500;text-align:center;color:#495057;transition:all .3s ease;font-size: 20px;}
.ectd-event-taber .tab-link.active{color:#fff;background: linear-gradient(135deg, #79001b, #963163);}
.ectd-event-taber .tab-content{display:none;padding:20px;background:#fff;border:1px solid #dee2e6;border-top:none}
.ectd-event-taber .tab-content.active{display:block}


/* Blog Page */
.path-blogs .highlighted { margin-top: 100px; text-align: center;}

.region-content .view-id-blogs .item-list ul { display: flex ; flex-wrap: wrap; align-items: stretch; justify-content: center; margin:0; gap: 30px; }
.region-content .view-id-blogs .item-list ul li { display: grid ; justify-content: center; flex-basis: 330px; flex-grow: 1; max-width: 410px; margin: 0; margin-bottom: 30px; }
.fr-resourceses .blog-red-tm { position: relative; }
.fr-resourceses .views-field-thumbnail { position: relative; overflow: hidden; border-radius: 25px; }
.fr-resourceses .views-field-thumbnail a:before { content: ''; border-radius: 25px; position: absolute; width: 100%; height: 100%; background-color: rgb(10 35 66 / 80%); left: 0; top: 0px; }
.fr-resourceses .views-field-thumbnail img { border-radius: 25px; filter: brightness(65%); }
.fr-resourceses .fr-insight { display: flex ; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; font-size: 11px; font-weight: 400; padding: 20px 0; gap: 4px; }
.fr-resourceses .views-field-title a { font-size: 18px; line-height: 100%; color: #000; font-weight: 400; }

.page-node-type-blogs .region.region-content { display: flex; gap: 15px; flex-wrap: nowrap; }
.page-node-type-blogs .field--name-field-blog-thumbnails img { width: 100%; }
.page-node-type-blogs .field--name-field-blog-thumbnails { height: 350px; width: 100%; overflow: hidden; z-index: -1; display: flex; align-items: center; border-radius: 25px; }
.page-node-type-blogs .field--name-field-blog-thumbnails:before { content: ''; border-radius: 25px; position: absolute; width: 100%; height: 100%; background-color: rgb(10 35 66 / 80%); left: 0; top: 0px; }
.page-node-type-blogs .block-page-title-block { display: flex; flex-wrap: wrap; align-items: center; align-content: center; position: relative; }
.page-node-type-blogs .highlighted .block-page-title-block h1 { text-align: left; padding: 0 30px; color: #fff;font-weight: 500; position: absolute; top: 50%; left: 0; transform: translate(0%, -50%); line-height: 102%; }
@media (max-width: 599.98px) {
.page-node-type-blogs .field--name-field-blog-thumbnails { height: auto !important; }
.page-node-type-blogs .highlighted .block-page-title-block h1 { padding: 0 8px !important; }
}
.page-node-type-blogs .node__content { margin-top: 50px; }
.page-node-type-blogs footer.node__meta { display: none; }
.page-node-type-blogs table tbody tr:nth-child(1) { background: transparent !important; color: #000 !important; }
.page-node-type-blogs table tbody tr:nth-child(1) td { background: transparent; color: #000 !important; }
th p { margin-bottom: 0px; }

.features-container{display:grid;gap:25px;width:100%;margin-bottom: 50px;}
.feature-card{position:relative;padding:30px;background:#fff;border-radius:15px;box-shadow:0 12px 30px #0000000f;border-left:6px solid transparent;transition:transform .3s ease,border-color .3s ease;overflow:hidden; border-left-color:#963163;}
.feature-card:hover{transform:translateY(-6px);}
.feature-card::before{content:'';position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#6a5acd,#a98dfc);z-index:-1;border-radius:17px;opacity:0;transition:opacity .3s ease}
.feature-card:hover::before{opacity:.1}
.feature-title{font-size:18px;font-weight:600;color:#2e2e2e;margin-bottom:5px;display:flex;align-items:center}

.feature-card:nth-child(1) .feature-title::before{content:"🔁";margin-right:10px;font-size:20px}
.feature-card:nth-child(2) .feature-title::before{content:"🌐";margin-right:10px;font-size:20px}
.feature-card:nth-child(3) .feature-title::before{content:"⚙️";margin-right:10px;font-size:20px}
.feature-card:nth-child(4) .feature-title::before{content:"🗂️";margin-right:10px;font-size:20px}

.feature-desc{font-size:15px;color:#555;line-height:1.5;margin-left: 36px;}

.strategic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:0 auto 40px auto;}
.strategy-card{background-color:#fff;padding:30px 25px 25px;border-radius:12px;box-shadow:0 6px 18px #00000014;transition:transform .3s ease;position:relative}
.strategy-card:hover{transform:translateY(-5px)}
.strategy-icon{font-size:30px;color:#6a5acd;margin-bottom:15px}
.strategy-title{font-weight:600;font-size:16px;margin-bottom:10px;color:#333}
.strategy-desc{color:#555;font-size:14px;line-height:1.5}



.blog2-styled-list { list-style: none; padding: 0; margin: 0 auto 20px auto; display: flex ; gap: 30px; justify-content: space-around; }
.blog2-styled-list li { display: flex ; align-items: center; background-image: unset !important; background: linear-gradient(135deg, #4a90e2, #5055e3) !important; min-width: 32%; color: #fff; padding: 15px 20px !important; margin: 10px 0; border-radius: 12px; box-shadow: 0 4px 12px #00000026; transition: transform 0.3s, box-shadow .3s; }
.blog2-styled-list li:hover{transform:translateY(-5px);box-shadow:0 8px 18px #00000040}
.blog2-styled-list .icon{font-size:1.8rem;margin-right:15px;flex-shrink:0}
.blog2-styled-list .text{font-size:1.1rem;font-weight:500}
.page-node-108 .node__content h3 { margin-top: 50px; }
.benefits-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin:0 auto;padding:20px 0;}
.benefit-item{background:#fff;color:#000;border-radius:15px;padding:20px;display:flex;align-items:flex-start;box-shadow:0 6px 16px #0003;transition:transform 0.3s,box-shadow .3s;flex:1 1 32%;}
.benefit-item:hover{transform:translateY(-6px);box-shadow:0 10px 20px #0000004d}
.benefit-icon{font-size:2rem;margin-right:15px;flex-shrink:0}
.benefit-content h3{margin:0 0 8px;font-size:1.2rem;font-weight:600}
.benefit-content p{margin:0;font-size:.95rem;line-height:1.4}

.blog-cta-box{background:#036;color:#fff;padding:20px;margin-top:40px;text-align:center;border-radius:8px;margin-bottom: 70px;}
.blog-cta-box .btn-primary{display:inline-block;background:linear-gradient(90deg,#f05a28,#ec008c);color:#fff;text-decoration:none;padding:10px 20px;border-radius:25px;margin-top:10px;font-weight:600;transition:background .3s ease}
.blog-cta-box .btn-primary:hover{opacity:.9}


.page-node-type-blogs .main-wrapper h2 { margin-top: 20px; margin-bottom: 10px; font-weight: 400; }
.vocab-wrapper{display:flex;gap:20px;flex-wrap:wrap}
.vocab-wrapper .vocab-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1 250px;min-width:270px}
.vocab-wrapper .header{display:flex;align-items:center;color:#fff;font-weight:600;font-size:20px;padding:10px 16px;border-top-left-radius:12px;border-top-right-radius:12px}
.vocab-wrapper .header img{width:20px;height:20px;margin-right:8px}
.vocab-wrapper .jp .header{background:#b0005a}
.vocab-wrapper .ich .header{background:#036}
.vocab-box ul { margin: 20px; }
.ectd-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:0 auto;padding:20px}
.ectd-card{background:#fff;color:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;box-shadow:0 6px 16px #0003;transition:transform 0.3s,box-shadow .3s}
.ectd-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000004d}
.ectd-icon{font-size:2rem;margin-right:15px;flex-shrink:0}
.ectd-content h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#000}
.ectd-content p{margin:0;font-size:.95rem;line-height:1.4;color:#666}

.ectd-best-practices{max-width:1200px;margin:0 auto;padding:0px 5px 40px 5px}
.ectd-best-practices h2{text-align:center;}
.practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}
.practice-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:15px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform 0.3s,box-shadow .3s}
.practice-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}
.practice-icon-circle{background:#e1e8f6;color:#4a90e2;font-size:1.8rem;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.practice-separator{width:30px;height:2px;background:#4a90e2;margin:8px 0 12px;border-radius:2px}
.practice-card h3{font-size:1rem;margin:0 0 10px;font-weight:600;color:#333}
.practice-card ul{padding-left:18px;text-align:left;margin:0}
.practice-card ul li{font-size:.9rem;margin-bottom:6px;line-height:1.4}

.blog-cta-section{background:linear-gradient(90deg,#f05a28,#ec008c);color:#fff;border-radius:12px;padding:40px 20px;max-width:900px;margin:40px auto;text-align:center;box-shadow:0 8px 20px #0003}
.blog-cta-section h3{font-size:1.6rem;margin-bottom:20px;font-weight:600}
.cta-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px}
.cta-item{background:#ffffff26;border-radius:8px;padding:10px 15px;font-size:.95rem;display:flex;align-items:center;gap:8px}
.cta-item i{font-size:1.2rem}
.cta-btn{background:#fff;color:#4a90e2;border:none;padding:10px 20px;border-radius:25px;font-weight:600;cursor:pointer;font-size:1rem;transition:background 0.3s,color .3s;text-decoration:none;display:inline-block}
.cta-btn:hover{background:#f1f5f9;color:#333}
.cta-item a:hover { color: #000000; } 
.cta-item a { color: #fff; }

.fr-jp-grides-container { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; max-width: 1300px; margin: auto; padding: 0px 5px; background-color: #f7f9fb; } 
.fr-jp-phase { flex: 1 1 calc(45% - 30px); background: #ffffff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; justify-content: flex-start; min-width: 300px; } 
.fr-jp-phase ol, .fr-jp-phase ul { margin: 0; }
.fr-jp-phase h2 { font-size: 25px; color: #003366; margin-top: 0 !important; margin-bottom: 12px !important; } 
.fr-jp-highlight { font-weight: 600; color: #005b99; } 
@media (max-width: 900px) { 
  .fr-jp-phase { flex: 1 1 100%; } 
}
 

@media (max-width: 480px) {
.practice-card{padding:15px 10px}
}

@media (min-width: 601px) {
.features-container{grid-template-columns:1fr 1fr}
ul.blog2-styled-list Specificity: (0,1,1) { display: block; }
}

.ectd-pro-section .ectd-pro-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(265px, 1fr)); gap: 25px; } 
.ectd-pro-section .ectd-pro-box { background: #ffffff; border: 1px solid #e0e6ed; border-left: 5px solid #0072ce; border-radius: 8px; padding: 24px 20px; display: flex; flex-direction: column; align-items: flex-start; box-shadow: 0 3px 10px rgba(0,0,0,0.04); transition: border-left-color 0.3s ease; } 
.ectd-pro-section .ectd-pro-box:hover { border-left-color: #66b2ff; } 
.ectd-pro-section .ectd-pro-icon { flex-shrink: 0; display: flex; gap: 8px; align-items: center; } 
.ectd-pro-section .ectd-icon-svg { width: 55px; height: 55px; color: #0072ce; transition: color 0.3s ease; position: relative; background: aliceblue; } 
.ectd-pro-section .ectd-pro-box:hover .ectd-icon-svg { color: #66b2ff; } 
.ectd-pro-section .ectd-pro-content h5 { color: #1a2a3b; } 
.ectd-pro-section .ectd-pro-content p { line-height: 22px; margin-bottom: 0px; } 
a.fr-button.fr-jp-pdf-btn { padding: 10px 25px 12px 50px; font-weight: bold; } 
a.fr-button.fr-jp-pdf-btn:after { background-repeat: no-repeat; content: ""; position: absolute; right: 0px; left: 18px; top: 50%; transform: translate(0px, -50%); width: 40px; height: 50px; background-image: url(/themes/custom/japan/images/fr-jp-pdf-icon.svg); background-position: 0; background-size: 25px; }
@media (max-width: 550px) {
.table-responsive { width: 320px !important; }
}
@media (max-width: 600px) {

  .timeline-list li{padding:15px 15px 15px 50px}
  .timeline-list li::before{font-size:18px;left:15px} 
  .features-container{grid-template-columns:1fr}
  .ectd-banner-container{margin:auto !important;}
.headline{font-size:2rem}
.subheadline{font-size:1.1rem}
.event-info{font-size:.95rem}
.page-node-72 .inner-banner { width: 100% !important; margin: auto;padding-top: 0px;}
.page-node-72 .industery-slider { min-height: 1100px !important; display: block; padding: 0px !important; }
.page-node-72 .menu-btn.active { top: 15px !important; }
}

.ectd-badge { background-color: #f7941e; color: white; padding: 6px 16px; font-size: 14px; border-radius: 30px; margin: 25px auto 15px; display: block; max-width: max-content; }
.ectd-cards-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px; margin-left: auto; margin-right: auto; } 
.ectd-card-box { background-color: white; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); padding: 24px; position: relative; border-top: 6px solid #007bff; transition: all 0.3s ease-in-out; } 
.ectd-card-pink { border-top-color: #b01352; } 
.ectd-card-navy { border-top-color: #0a1e45; } 
.ectd-card-header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } 
.ectd-icon-circle { font-size: 24px; background-color: #eef1f6; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #333; flex-shrink: 0; } 
.ectd-title { font-weight: 600; font-size: 20px; color: #000; margin: 0; } 
.ectd-description { line-height: 22px; } 
.fr-conversion-steps-wrapper { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; } 
.fr-conversion-step-card { flex: 1 1 calc(45% - 20px); background: #fff; border-radius: 18px; padding: 25px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); border-left: 6px solid #a33667; transition: background 0.3s ease; display: flex; gap: 15px; align-items: flex-start; } 
.fr-conversion-step-card:hover { background: #f8f9fa; } 
.fr-conversion-steps-wrapper .fr-step-icon { font-size: 40px; flex-shrink: 0; margin-top: 4px; } 
.fr-conversion-steps-wrapper .fr-step-content { flex: 1; } 
.fr-conversion-steps-wrapper .fr-step-title { font-size: 18px; font-weight: 600; margin-bottom: 6px; color: #1e1e1e; } 
.fr-conversion-steps-wrapper .fr-step-desc {    line-height:22px; }
@media (max-width: 768px) {
.fr-conversion-steps-wrapper .fr-conversion-step-card { flex: 1 1 100%; } 
}
.pmda-icon-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 20px; margin: 25px 0; } 
.pmda-icon-box { background: #fff; border-radius: 14px; padding: 15px; border: 1px solid #e3e3e3; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); transition: 0.3s; text-align: center; } 
.pmda-icon-box:hover { background: #f8f9fb; transform: translateY(-3px); } 
.pmda-icon { font-size: 40px; margin-bottom: 10px; color: #8b2c5c; } 
.pmda-grid-title { font-size: 18px; font-weight: 600; margin-bottom: 6px;line-height: 20px; }
@media (max-width: 600px) { 
.ectd-card-box { padding: 20px; } 
}

@media (max-width: 768px) {
  .agenda-register{flex-direction:column}
  .page-node-type-industry-events .block-page-title-block  {width: 97%; padding-top: 0px;}
   }


@media (max-width: 991.98px) {
    .region.region-nav-branding { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
    #block-japan-branding { width: 130px; float: left; }
    div#block-japan-languageswitchermobilebuttonbtn {text-align: center;display: block;position: absolute; right: 55px; top: 20px;}
    div#block-japan-branding .navbar-brand.d-flex { margin: 0 !important;}
   
}

@media (min-width: 992px) {
  div#block-japan-languageswitchermobilebuttonbtn { display: none; }
  ul.dropdown-menu.nav-level-1 li.nav-item.dropdown .dropdown-item { padding: 3px; cursor: pointer;}
} 
.fr-jp-bog-ectd-box-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); gap: 10px; margin: 15px auto 25px; } 
.fr-jp-bog-ectd-box-item { background-color: #ffffff; border-radius: 12px; padding: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); border-left: 6px solid #3c6fd1; display: flex; flex-direction: column; gap: 5px; } 
.fr-jp-bog-ectd-box-icon { font-size: 28px; color: #3c6fd1; } 
.fr-jp-bog-ectd-box-content { font-size: 15px; color: #333; line-height: 1.6; }
.fr-jp-bog-ectd-box-content strong { color: #1d3557; } 
@media (max-width: 768px) { 
.fr-jp-bog-ectd-box-grid { grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); } 
}
 
.page-node-70 #block-japan-page-title h1 { display: none; }
.page-node-70 .header-banner{position:relative;height:400px;width:100%;overflow:hidden}
.page-node-70 .header-banner video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:left;z-index:1;transition:object-position .3s ease}
.page-node-70 .inner-banner{position:absolute; top: 0px; z-index:3;color:#fff;max-width:800px;text-align:left;padding:40px 0;display:flex;flex-direction:column;justify-content:center;height:100%}
.page-node-70 .inner-banner p{margin:1em 0}

.page-node-type-industry-events .field--name-field-page-header-banner img { max-width: 450px !important; }
@media (max-width: 991px) {
  .page-node-70 .header-banner video{object-position:center}
  .page-node-70 .inner-banner{padding:20px}
  .page-node-70 .inner-banner h3{font-size:1.5em}
  .page-node-70 .inner-banner h4{font-size:1em}
}

@media (max-width: 1399px) {
  .page-node-70  video {
    object-position: center;
  }
}

.page-node-type-industry-events .highlighted, .page-node-type-freyr-events .highlighted, .page-node-type-blogs .highlighted, .path-blogs .highlighted {margin-top: 0px !important; }
 

/* Notification Ribbon */
.page-node-72 .top-nav-bar {display: none;}

.notification-ribbon{position:relative;top:0;left:0;width:100%;background-color:#0f1140;color:#fff;z-index:9;box-shadow:0 2px 4px #0003;padding:10px 20px}
.notification-ribbon .container { display: flex ; align-items: center; justify-content: center; gap: 30px; }
.ribbon-content{display:flex;align-items:center}
.ribbon-content img{height:30px;margin-right:10px}
.ribbon-text{font-size:18px;line-height:1.4}
.ribbon-text strong{color:#b8005d}
.ribbon-text .highlight{font-weight:600;color:#fff}
.ribbon-btn{background:linear-gradient(90deg,#f05a28,#ec008c);border:none;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;cursor:pointer;text-decoration:none;display:flex;align-items:center}
.ribbon-btn:hover{opacity:.9; color: #000;}

.top-nav-bar.sticky div#toggleBtn { display: none; }
.toggle-btn{position:fixed;top:2px;right:10px;width:24px;height:24px;background-color:#f05a28;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition: 1s ease;}
.toggle-btn svg{width:12px;height:12px;stroke:#fff}


/* CSRA New Page */

.rounded-img {border-radius: 25px;}
section.industery-slider { background: url(/sites/default/files/japan-Main-Banner.webp) !important;}
.sustainability-compliance { margin: 0 auto; text-align: center; background-image: url(https://www.freyrsolutions.com/themes/custom/freyr/images/why-partner-with-freyr-for-sustainability-compliance-bg.webp) !important; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 70px 0; }
.sustainability-compliance h2 {color: #fff;}
.sustainability-compliance p.description { font-size: 16px; color: #fff; margin-bottom: 30px; }
.sustainability-compliance .grid { display: flex; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; flex-wrap: wrap; justify-content: center; justify-items: center; }
.sustainability-compliance .card img { width: 100%; min-height: 320px; object-fit: cover; display: block; transition: .3s ease; }
.sustainability-compliance .card { position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px #0000001a; cursor: pointer; transition: transform .3s ease; height: 345px; width: 270px; }
.sustainability-compliance .grid p { margin-bottom: 0px; }
.sustainability-compliance .card-title { min-height: 80px; margin-bottom: 0px; position: absolute; bottom: 0; width: 100%; background: #0082fff2; color: #fff; font-size: 16px; font-weight: 600; padding: 14px 10px; text-align: center; transition: .3s; z-index: 1; }
.sustainability-compliance .card-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000a6; color: #fff; opacity: 0; flex-direction: column; justify-content: space-between; padding: 20px; text-align: center; transition: .3s ease; }
.sustainability-compliance .card-content .text { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
.sustainability-compliance .card-content .btn { display: inline-block; margin: 15px auto 25px; padding: 10px 25px; background: #0078cc; color: #fff; text-decoration: none; border-radius: 25px; font-size: 16px; transition: background .3s ease; }
.reg-unique{padding:70px 20px 0px 20px;background:radial-gradient(circle at top,#f0f6ff,#fff);}
.sustainability-compliance .card:hover{transform:translateY(-5px)}
.sustainability-compliance .card:hover .card-content{opacity:1}
.sustainability-compliance .card:hover img{filter:brightness(60%)}
.reg-subtitle{text-align:center;max-width:900px;margin:15px auto 70px;font-size:18px;color:#555}
.reg-unique-wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.reg-unique-card{width:320px;position:relative;padding-top:70px;border-radius:26px;background:#ffffffb3;backdrop-filter:blur(12px);box-shadow:0 10px 10px #0000001f;transition:.4s ease;border:1px solid #fff9}
.reg-logo-float{position:absolute;top:-45px;left:50%;transform:translateX(-50%);width:140px;height:90px;background:#fff;border-radius:16px;box-shadow:0 10px 10px #00000026;display:flex;align-items:center;justify-content:center}
.reg-logo-float img{max-width:110px;max-height:60px}
.reg-body{padding:30px;text-align:center}
.reg-body h3{font-size:30px;margin-bottom:5px}
.reg-body h4{font-size:16px;color:#444;margin-bottom:15px}
.reg-body p{font-size:15px;color:#555;line-height:1.6}
.reg-pill{display:inline-block;margin-top:18px;padding:8px 18px;border-radius:30px;font-size:13px;font-weight:700}
.reg-unique-card.blue{box-shadow:0 0 0 1px #0b3c8a33 0 30px 80px #0b3c8a40}
.reg-unique-card.blue h3{color:#0b3c8a}
.reg-unique-card.blue .reg-pill{background:#e6f0ff;color:#0b3c8a}
.reg-unique-card.green{box-shadow:0 0 0 1px #00a06433 0 30px 80px #00a06440}
.reg-unique-card.green h3{color:#0b7a45}
.reg-unique-card.green .reg-pill{background:#e7f8ef;color:#0b7a45}
.reg-unique-card.orange{box-shadow:0 0 0 1px #ff8c0040 0 30px 80px #ff8c0040}
.reg-unique-card.orange h3{color:#b85c00}
.reg-unique-card.orange .reg-pill{background:#fff0e6;color:#b85c00}
.reg-unique-card:hover{transform:translateY(-18px) scale(1.04)}
@media (max-width: 768px) {
.reg-unique-card{width:100%;max-width:360px}
}
.do-you-know { background-image: url(https://www.freyrsolutions.com/themes/custom/freyr/images/mocra-small-banner.webp) !important; padding: 5%; text-align: center; color: #fff; }
.do-you-know h4 { text-align: right; font-size: 22px; line-height: 35px; font-weight: bold; max-width: 400px;}
.do-you-know .container { display: flex; align-content: flex-end; justify-content: center; align-items: center; }
.do-you-know h4 span { font-size: 35px; }
.do-you-know p { margin-left: 50px !important; margin-top: 1.5% !important; }
.button-fr { z-index: 1; display: inline-block; padding : 10px 60px 12px 40px; line-height: 108%; border: 1.5px solid #01b1ff; color: #01b1ff; border-radius: 60px; position: relative; font-size: 18px; }
.button-fr:hover { color: #fff; }
section.industery-slider {text-align: center;}
.get-in-touch-section{ background-color: #09f; color: #fff; text-align: center; padding: 40px 20px; }
.consult-button { display: inline-block; background-color: #00334e; color: #fff; text-decoration: none; font-weight: 500; padding: 10px 25px; border-radius: 25px; transition: background-color .3s ease; }
.consult-button:hover { background-color: #001d2a;}
.cosmetovigilance-why { padding: 70px; }


.region-content .view-case-studies .item-list ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; margin: 0px; gap: 30px; }
.region-content .view-case-studies .item-list ul li { display: grid; justify-content: center; flex-basis: 330px; flex-grow: 1; max-width: 270px; margin: 0px 0px 30px; }
.fr-resourceses .views-field-thumbnail { position: relative; overflow: hidden; border-radius: 25px; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; }
.fr-resourceses .views-field-thumbnail img { filter: brightness(65%); border-radius: 25px; }
.fr-resourceses .fr-insight { display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; font-size: 11px; font-weight: 400; padding: 20px 0px; gap: 4px; }
.fr-resourceses .fr-mcateg { display: flex; flex-wrap: wrap; align-items: center; }
.fr-resourceses .views-field-title a { font-size: 18px; line-height: 100%; color: rgb(0, 0, 0); font-weight: 400; }

.page-node-type-case-studies .highlighted .block-page-title-block h1 { margin-bottom: 0px; font-weight: 600; width: 60%; text-align: left; }
.page-node-type-case-studies .main-wrapper .node--type-case-studies .node__content { gap: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.page-node-type-case-studies .field--name-field-case-studies-thumbnail, .page-node-type-case-studies .main-wrapper .field--name-body, .page-node-type-case-studies .field--name-field-case-studies-webform { flex-basis: 330px; flex-grow: 1; max-width: 430px; }
.page-node-type-case-studies .field--name-field-case-studies-thumbnail img { border-radius: 25px; margin: auto; display: block; }

.page-node-type-case-studies .field--name-field-fill-the-form-below-to-dow {border: 1px solid #ccc; border-radius: 25px; padding: 10px; max-width: 400px;position: relative; top: -150px;}
.page-node-type-case-studies .webform-submission-form .js-form-item-privacy-policy-spani-have-read-a-hrefhttps--wwwfreyrsolutionscom-privacy-policy-target-blankprivacy-policy-a-span { margin-left: 0%; }
.page-node-type-case-studies .webform-submission-form input, 
.page-node-type-case-studies .webform-submission-form textarea, 
.page-node-type-case-studies .webform-submission-form .select-wrapper, 
.page-node-type-case-studies .webform-submission-form select {
    width: 100%;
    border-radius: 15px;
    background: transparent;
}

.region-content .view-infographics .item-list ul { margin-top: 60px !important; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; margin: 0; gap: 90px 30px; }
.fr-infograph { border: 1px solid #6b6b6b; border-radius: 25px; padding: 20px; }
.region-content .view-infographics .item-list ul li { display: grid; flex-basis: 415px; flex-grow: 1; margin: 0; max-width: 630px; }
.fr-infograph:hover { border: 1px solid #ccc; transition: 0.6s; background: #f4faff; box-shadow: 0px 5px #afdaf6; }
.fr-graphic { display: flex; position: relative; flex-wrap: nowrap; align-items: flex-end; margin-top: -66px; }
.fr-infographic-title { width: 100%; }
.fr-infograph .fr-infographs { display: flex; padding: 20px 0 0; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 300; }
.fr-infographs .fr-mcateg { display: flex; flex-wrap: wrap; align-items: center; }
.fr-infograph .fa-solid.fa-arrow-right { font-size: 30px; }


.region.region-content .node--type-infographics img { margin: auto; display: block; border: 1px solid #ccc; border-radius: 10px; }

.page-node-type-webinars .highlighted, 
.page-node-type-case-studies .highlighted, 
.path-webform .highlighted, 
.path-infographics .highlighted, 
.page-node-type-infographics .highlighted, 
.page-node-type-blogs .highlighted {
    position: relative;
    margin-top: 0px;
    padding-top: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: center;
    width: 100%;
}


/** Webinars Page**/
.download-pdf-info { text-align: center; font-size: 20px; line-height: 30px; max-width: 900px; float:left; }
.download-pdf-info a:hover { color: #ccc;}  
.col-md-6 .download-pdf-info { float: unset; }
.download-pdf-info a { background-color: #0098df; background-position: 106% -959px; width: 300px !important; display: block; margin: 25px auto 0; border-radius: 5px; padding: 17px 3px 20px 21px; color: #fff; font-size: 25px; text-align: left; }
.webinars2_slides.rtecenter a:hover { color: #ececec; }
.two-events { border: 1px solid #8b8989; display: flex;flex-wrap: wrap; padding: 20px; text-align: center; margin-top: -25px; }
.event h3 { text-align: center; padding: 10px 20px; font-weight: bold; color: #1a96d4; position: relative; left: 27%; background: #ffffff; top: 0px; display: inline-block; font-size: 18px;}
.event.participate { background: rgb(0,152,223); float: left; width: 100%; margin-top: 25px; margin-bottom: 15px; color: #fff; padding: 20px 0px; text-align: center;position:relative;}
.attend h3 { font-size: 24px; color: #fff; padding: 15px 0px 0px 0px; }
.two-events .col-2 {margin-bottom: 0px !important; width: 49%;}
section .view-webinars .view-header h2 { font-size: 32px; font-weight: 500; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; line-height: 42px; vertical-align: middle; color: #4d4d4d; text-align: center; padding: 0px 0px 25px; }
.event { width: 75%; margin: 0 auto; padding:0px 0px 40px 0px; clear: both;}
.page-node-type-industry_events .webinar-btn a { padding: 10px 55px 13px 25px !important;}
.page-node-type-industry_events .fr-button:after { width: 35px !important;}
.page-node-type-industry_events .col-md-5 h4 { text-align: center; margin-bottom: 20px; }


.webinar-cat { display: flex; justify-content: center; margin-bottom: 50px;flex-wrap: wrap;  gap: 20px;}
.page-node-type-webinars .node__content .field--name-field-select-service-category a{color: #565656; font-size: 16px; border-bottom: 2px solid #1a96d4; font-weight: bold; padding-bottom: 5px; }
.page-node-type-webinars .node__content .field--name-field-select-type-of-webinar a { font-size: 15px; background: #000; color: #fff; font-weight: bold; padding: 5px 20px; border-radius: 20px; }
.page-node-type-webinars-sm-pages .node__content .field--name-field-select-service-category a{color: #565656; font-size: 16px; border-bottom: 2px solid #1a96d4; font-weight: bold; padding-bottom: 5px; margin-right:30px;}
.page-node-type-webinars-sm-pages .node__content .field--name-field-select-type-of-webinar a { font-size: 15px; background: #000; color: #fff; font-weight: bold; padding: 5px 20px; border-radius: 20px; }
.page-node-type-webinars-sm-pages .field--name-field-document-section { margin-top: 50px; }
.webinar-btn a { background: #0098df; margin: 0px auto 0; font-weight: bold; border-radius: 50px; padding: 10px 25px 13px 25px; color: #fff; font-size: 20px; text-align: center; }
.past-webinar-date-time .webinar-btn { margin-top: 30px; }
.webinar-btn a.webinar-webform::after { content: "\f062"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 100; margin-left: 10px; }
.past-webinar-date-time a.webinar-webform::after { content: "\f063"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 100; margin-left: 10px; }

.page-node-type-webinars .node__content .col-md-7 h4 { font-size: 20px; color: #000; margin-bottom: 25px; }
.page-node-type-webinars .field--name-field-document-sections { margin-top: 50px; }
.page-node-type-webinars .node__content .col-md-7{padding-right:20px;}

.webinar-participants .accordion { width: 100%; border-left: 1px solid #8b8989; padding-left: 15px; }
.webinar-participants .accordion-item{border:none;margin-bottom:10px}
.webinar-participants .accordion-header{background-color:transparent;padding:10px;cursor:pointer;display:flex;align-items:center;position:relative;}
.webinar-participants .accordion-content{display:none;padding:10px}
.webinar-participants .arrow{font-size:14px;margin-left:5px}

.webinar-participants .accordion-header img { height: 130px; width: 130px; margin: 0 20px; border: 1px solid #000; border-radius: 50%; }
.webinar-participants .accordion-header h2 { font-size: 16px; font-weight: 600; color: #0098df;}
.webinar-participants .accordion-header h3 { font-weight: 600; margin-bottom: 10px; color: #000; font-size: 22px;}
.webinar-participants .accordion-header p, .webinar-participants .accordion-header p strong { font-size: 12px; font-weight: normal;     color: #737373;}

.event h2 { font-size: 35px; line-height: 42px; color: #000; }
.webinar-date-time { display: flex; justify-content: center; color: #000; }
.webinar-date-time p { margin-left: 18px; font-size: 18px;font-family: Century Gothic,Calibri,Arial,sans-serif;}
.two-events .col-2 p:nth-child(1) { font-size: 22px; color: #000; margin-bottom: 5px;font-family: Century Gothic,Calibri,Arial,sans-serif;}
.two-events .col-2 p:nth-child(2) { font-weight: 600; color: #000; font-size: 13px; font-family: Century Gothic,Calibri,Arial,sans-serif;}

#w-profiles-1, #w-profiles-2, #w-profiles-3 { height: 135px; display: table; }
#w-profiles-1 div, #w-profiles-2 div, #w-profiles-3 div { display: table-cell; vertical-align: middle; }

.webinar-participants .accordion-header::before { content: "\f107 "; background-size: 25px; position: absolute; right: 0; top: 28%; color: #000; font-family: 'FontAwesome'; }
.webinar-participants .accordion-header.active::before { content: "\f106" !important;}

.past-webinar-date-time { text-align: center; color: #000; margin-top: 30px;}
.past-webinar-date-time p { margin-bottom: 8px; }

.node--type-webinars ul li, .node--type-webinars-sm-pages ul li { list-style: none; margin-left: 0; background-image: url(../images/freyr-ul-arrow.svg); background-repeat: no-repeat; background-position: 2px 8px; padding-left: 20px; background-size: 7px; padding-bottom: 5px; }


.region-content .view-webinars .item-list ul{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;margin:0;gap:30px}
.region-content .view-webinars .item-list ul li{display:grid;justify-content:center;flex-basis:330px;flex-grow:1;margin:0;margin-bottom:30px;max-width:410px}
.region-content .view-webinars .fr-ddate p{margin:0}
.region-content .view-webinars .fr-ddate{display:flex;align-items:center;flex-wrap:wrap}
.region-content .view-webinars .item-list h3{font-weight:600;margin:20px 0 40px}
.region-content .view-webinars .item-list h3.fr-psta-web{display:none}
.region-content .view-webinars .item-list h3.fr-psta-web:first-of-type{display:block}
.download-webinar-info a:hover{background:#2b3b55f7}
.download-webinar-info a{background:#1a96d4;color:#fff;padding:10px 15px}
.eh{display:flex;flex-wrap:wrap;justify-content:space-around}
.eh .col-3{border-right:1px solid #ccc}
.eh .col-3.last{border-right:0 solid #ccc}
.protected-pages-enter-password{max-width:500px;margin:auto;border:1px solid #ccc;border-radius:25px;padding:10px 25px}