/*!
Theme Name: casioeduho
Theme URI: http://happyonline.gr/
Author: happyonline.gr
Author URI: http://happyonline.gr/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: casioeduho
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

casioeduho is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
     ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
.acceptancefld a , .col-md-12.flexallro a{
    color: white !important;
}
.text-center.p-4.mt-4.mb-5.grmgtssktms h3 {
    font-size: 20px;
}
div#sideModal .choices__inner {
    min-height: 38px;
    padding: 0;
    display: flex;
    align-items: center;
}
h2.font-claude-response-body:after {
    display: none;
  
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background-color:#f1f1f16b;
}
h4.font-claude-response-body {
    font-size: 19px;
}
h3.h5.fw-bold.mb-3.mt-2 a {
    color: #003296;
    text-decoration: none;
}
.col-md-12.flexallro label {
    gap: 7px;
    display: FLEX;
    align-items: center;
}
.feature_image.col-md-6 img {
    border-radius: 1rem;
}
.grmgtssktms h2 {
    font-weight: bold;
    font-size: 22px;
    color: #003397;
}
.single-resource .videoresource {
	z-index: 4;
}
.home .resources {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: hidden;
}
.col-md-12.px-2.pb-5.seo_home_page a , .seokeimenoemulator.pt-4.pb-4 a{
    color: #052d7d;
}
.videoresource {
    position: relative;
    z-index: -1;
    height: 0;
    border-radius: 25px;
    overflow: hidden;
    padding-bottom: 600px;
}

.videoresource iframe {
    top: 0;
    position: ABSOLUTE;
    width: 100%;
    height: 600px;
    object-fit: cover !important;
}
@media(min-width:1240px){
.page-template-gakuganpage	.trstaatutg {
    max-width: 600px;
}
}
/* Sections
     ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
.swipercaps h1 , .swipercaps p, p.viewmorewr , .gakukan h2 , .gakukan p , .swipercaps p.bigtitlesl {
    filter: brightness(100%);
}

.grmgtssktms p {
    text-align: center;
    font: normal normal 500 16px/25px Proxima-nova-wide;
    letter-spacing: -0.54px;
    color: #000000;
}

.pagedescr p {
    margin-bottom: 0;
}

body {
    font-family: "proxima-nova-wide";
    margin: 0;
}

@media(min-width: 1900px) {
    .swipebtns a.graybtn {
        margin-right: 5px;
    }

    .swipercaps {
        left: 110px !important;
    }
}

#openForm {
    align-items: center;
    display: flex;
    height: 50px;
    width: 50px;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

.modal-content select.wpcf7-form-control.wpcf7-select {
    margin: 10px 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

.buttonscalcsgrd a.bluebtndrk:hover {
    background: #3872e3;
}

/* Grouping content
     ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
     ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
     ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *      `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
     ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
     ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*, *::before, *::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}
.search-no-results section.no-results.not-found {
    background: #dedede;
    height: 85vh;
    display: FLEX;
    align-items: CENTER;
    justify-content: center;
    flex-direction: column;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body, button, input, select, optgroup, textarea {
    color: #404040;
    font-family: "proxima-nova-wide";
    font-size: 1rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "proxima-nova-wide";
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

.site-logofooter.col-md-5 img {
    max-width: 240px;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul, li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Links
--------------------------------------------- */
a {
    color: #4169e1;
}

a:visited {
    color: #800080;
}

a:hover, a:focus, a:active {
    color: #191970;
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

header#masthead.scrolled {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 2px 10px #001a4f75;
    position: fixed;
    top: 0;
    background: #002265b3;
}

.site-header {
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

header#masthead.scrolled .topbar {
    display: none;
}

header#masthead.scrolled .menu-item-has-children .sub-menu {
    position: fixed;
    top: 82px;
}

/* Forms
--------------------------------------------- */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 1px solid #ffffff;
    border-radius: 0;
    padding: 3px 10px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    background: #0c2c6d;
    color: #fff;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

/*.main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul {*/
/*  display: block;*/
/*  left: auto;*/
/*}*/
/*.main-navigation ul ul a {*/
/*  width: 200px;*/
/*}*/
/*.main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul {*/
/*  left: auto;*/
/*}*/
.main-navigation li {
    background: transparent;
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid white;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.post, .page {
    margin: 0 0 0em;
}

.updated:not(.published) {
    display: none;
}

.page-content, .entry-content, .entry-summary {
    margin: 0em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

header#masthead {
    TOP: 0;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

#masthead {
    background: transparent linear-gradient(180deg, #0C1133 0%, #0C113300 100%) 0% 0% no-repeat padding-box
}

section.firstslider {
    overflow: hidden;
    height: 100vh;
    /* background: transparent linear-gradient(180deg, #0C1133 0%, #0C113300 100%) 0% 0% no-repeat padding-box; */
    border-radius: 0px 0px 50px 50px;
}

.topbar {
    color: white;
    min-height: 37px;
    background: #0C1133 0% 0% no-repeat padding-box;
    align-items: center;
    display: flex;
}

.topbar .col-md-4.float-start {
    text-align: left;
    font: normal normal bold 14px/17px proxima-nova-wide;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.topbar .col-md-4.text-center {
    font: normal normal bold 14px/17px proxima-nova-wide;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.headctas.col-md-4 {
    gap: 10px;
    align-items: center;
    display: grid;
    grid-template-columns: 80px auto 60px;
}

.ctasandlang.float-end {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 15px;
}

a.bluebtnsmall {
    display: inline-block;
    width: auto;
    height: 45px;
    text-decoration: none;
    font: normal normal 500 14px/45px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #003296;
    border-radius: 100px;
    background: #003296 0% 0% no-repeat padding-box;
}

a.transpbtnsmall {
    display: inline-block;
    width: auto;
    height: 45px;
    text-decoration: none;
    font: normal normal 500 14px/45px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid white;
    border-radius: 100px;
    background: transparent;
}

a.transpbtnsmall:hover {
    border-color: #003296;
    background: #003296;
    transition: all .3s ease-in;
}

a.bluebtnsmall:hover {
    border-color: white;
}

.sitemenu ul li a {
    margin: 0 15px 0px 15px;
    text-align: left;
    font: normal normal 500 15px/19px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #FFFFFF;
}

.headerbar .row {
    align-items: center;
}

section.firstslider {
    position: relative;
}

.fadeswipefe {
    pointer-events: none;
    content: "";
    background: transparent linear-gradient(180deg, #0C1133 0%, #0C113300 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    position: absolute;
    height: 100vh;
    z-index: 1;
}

.topbar .row {
    align-items: center;
}

.headerbar {
    border-top: 1px solid #FFFFFF24;
    min-height: 84px;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #FFFFFF24;
}

button.phoninfo {
    display: flex;
    width: 220px;
    text-align: left;
    font: normal normal bold 14px/17px proxima-nova-wide;
    letter-spacing: 0px;
    color: #FFFFFF;
    background: transparent;
    border: none;
    align-items: center;
    justify-content: space-between;
}

#contactBox {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 0 10px;
}

#contactBox.open {
    z-index: 9;
    max-height: 290px;
    padding: 11px;
}

.phoninfo.active {
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 3px 15px #00000029;
    background: #fff;
    color: #003296;
}

#contactBox {
    position: absolute;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 0px 0px 5px 5px;
    min-width: 220px;
}

#contactBox p {
    text-align: left;
    font: normal normal bold 13px/16px proxima-nova-wide;
    letter-spacing: 0px;
    color: #003296;
    text-transform: uppercase;
}

.calc-card img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

p.viewmorewr {
    transform: translateY(10px);
    text-decoration: underline;
    font: normal normal 600 16px/42px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #858585;
    text-align: center;
    margin-bottom: 0;
    opacity: 0;
}

.calc-card.d-flex:hover p.viewmorewr {
    opacity: 1;
    transform: translateY(0px);
    transition: all .3s ease;
}

.buttonscalcsgrd a.bluebtn:hover {
    background: #003296;
    color: white;
}

@media(min-width: 1800px) {
    .container-fluid {
        max-width: 1730px;
    }

    .swipercaps {
        left: 100px;
    }
}

.swipercaps {
    left: 50px;
    max-width: 766px;
    z-index: 4;
    position: absolute;
}

.swipercaps h1 ,  .swipercaps p.bigtitlesl{
    text-align: left;
    font: normal normal bold 60px/70px proxima-nova-wide;
    letter-spacing: -2.28px;
    color: #FFFFFF;
}

.mySwiper .swiper-slide {
    background-size: cover !important;
    background-position: center !important;
}

.mySwiper {
    width: 100%;
    height: 100%;
}

.mySwiper .swiper-slide {
    text-align: left;
    font: normal normal 500 20px/36px proxima-nova-wide;
    letter-spacing: -0.6px;
    color: #FFFFFF;
}

.mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mySwiper .swiper-slide {
    display: flex;
    align-items: center;
}

.swipercaps p {
    max-width: 540px;
    text-align: left;
    font: normal normal 500 20px/36px proxima-nova-wide;
    letter-spacing: -0.6px;
    color: #FFFFFF;
}

.swipebtns {
    margin-top: 4rem;
}

.mySwiper .swiper-pagination-bullet-active {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: 23px !important;
    border-radius: 0px;
    height: 3px;
}

.mySwiper span.swiper-pagination-bullet {
    margin: 0 2px !important;
    height: 3px;
    width: 16px;
    background: white;
    border-radius: 0;
}

button.phoninfo.active path#phone {
    fill: #003296 !important;
}

#contactBox a.btnblue {
    height: 35px;
    background: #003296 0% 0% no-repeat padding-box;
    border-radius: 5px;
    color: white;
    font-family: 'proxima-nova-wide';
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    font-weight: normal;
}

#contactBox a.btnwhiteblue {
    margin-top: 5px;
    height: 35px;
    background: #E3F0F8 0% 0% no-repeat padding-box;
    border: 1px solid #003296;
    border-radius: 5px;
    color: #003296;
    font-family: 'proxima-nova-wide';
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    font-weight: normal;
}

.whdvs span {
    text-align: left;
    font: normal normal normal 13px/16px proxima-nova-wide;
    letter-spacing: -0.39px;
    color: #0C1133;
}

.whdvs p {
    margin-bottom: 0;
}

.whdvs {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
}

button.phoninfo.active .fa-solid {
    transform: rotate(180deg);
    transition: all .3s;
}

button.phoninfo svg {
    width: 18px;
}

.mySwiper .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    align-items: center;
    justify-content: start;
    bottom: 55px;
    left: 50px;
}

a.graybtn {
    display: inline-block;
    width: 187px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    font: normal normal 500 16px/49px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #FFFFFF;
    background: #e3f0f86e 0% 0% no-repeat padding-box;
    border: 1px solid #70707000;
    border-radius: 100px;
}

a.graybtn:hover {
    transition: all .3s ease-in;
    background: #003296;
}

a.bluebtn {
    right: 0px;
    position: relative;
    display: inline-block;
    width: 190px;
    height: 50px;
    text-decoration: none;
    font: normal normal 500 16px/50px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #003296;
    text-align: center;
    background: #0032960A 0% 0% no-repeat padding-box;
    border: 1px solid #003296;
    border-radius: 100px;
}

a.bluebtndrk {
    right: 0px;
    position: relative;
    display: inline-block;
    width: 190px;
    height: 50px;
    text-decoration: none;
    font: normal normal bold 16px/50px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #FFFFFF;
    color: #fff;
    text-align: center;
    background: #003296 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 100px;
}

.menuaboutus a {
    margin: 0 0 0 30px;
    text-decoration: none;
    text-align: left;
    font: normal normal bold 14px/17px Proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #FFFFFF;
}

.hometwo {
    margin-bottom: 100px;
    margin-top: 100px;
}

.textstwo h2 {
    text-align: left;
    font: normal normal bold 42px/50px Proxima-nova-wide;
    letter-spacing: -1.26px;
    color: #0C1133;
}

.textstwo p {
    text-align: left;
    font: normal normal 500 18px/28px Proxima-nova-wide;
    letter-spacing: -0.54px;
    color: #4B4B4B;
}

.textstwo span {
    text-align: left;
    font: normal normal 600 20px/35px Proxima-nova-wide;
    letter-spacing: -0.6px;
    color: #003296;
    opacity: 1;
    display: block;
}

/* =========================
   PARENT FIX
========================= */
.menu-item-has-children {
    position: static;
}

.main-navigation li ul li {
    height: auto;
    border: none !important;
}

.main-navigation li {
    background: transparent;
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ffffff00;
}

.main-navigation li:hover {
    border-bottom: 2px solid #ffffff;
}

/* =========================
   MEGA MENU FULL WIDTH
========================= */
.menu-item-has-children .sub-menu {
    position: fixed;
    top: 119px;
    left: 0;
    width: 100%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 10px 10px;
    max-height: 65px;
    padding: 10px 80px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    display: flex !important;
    flex-wrap: wrap;
    gap: 30px;
    /* animation */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 9999;
}

ul.sub-menu a {
    text-align: left;
    font: normal normal 500 14px/17px proxima-nova-wide !important;
    margin: auto !important;
    color: #0C1133 !important;
}

/* =========================
   SHOW ON HOVER
========================= */
.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* =========================
   SUBMENU ITEMS
========================= */
.sub-menu li {
    list-style: none;
    width: auto;
}

.sub-menu li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    font-size: 14px;
    transition: 0.2s;
}

.sub-menu li a:hover {
    color: #007bff;
}

/* =========================
   ARROW ICON (OPTIONAL)
========================= */
.menu-item-has-children > a::after {
    content: "\f078";
    /* chevron-down */
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    margin-left: 6px;
    font-size: 10px;
    transition: transform 0.3s;
}

.sub-menu li a:hover {
    padding: 0 !important;
    border: none !important;
    color: #003296 !important;
}

.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

/* =========================
   FIX OVERFLOW ISSUES
========================= */
header, .navbar, .menu, .container {
    overflow: visible !important;
}

/*.resourcefilters {
    position: sticky;
    top: 25px;
}*/
.flexab .fa-solid {
    color: #0c1f4c;
}

.compare-table tr {
    font: normal normal bold 14px/19px Proxima-Nova-wide;
    letter-spacing: -0.42px;
    color: #000000;
}

.tr.compare-group-row td {
    text-align: left;
    font: normal normal bold 16px/22px Proxima-Nova-wide;
    letter-spacing: -0.48px;
    color: #003296 !important;
}

.compareimageprodus {
    padding: 15px;
    background: #ECECEC 0% 0% no-repeat padding-box;
    border-radius: 15px;
    margin-bottom: 15px;
}

.compare-product-header {
    position: relative;
}

button.btn-remove-compare {
    border-color: transparent !important;
    color: #E43333;
    position: absolute;
    right: 5px;
    top: 5px;
}

span.compare-pricevp {
    width: 152px;
    height: 32px;
    display: block;
    margin: 10px auto;
    text-align: center;
    font: normal normal bold 13px/32px Proxima-nova-wide;
    letter-spacing: -0.39px;
    color: #003296;
    background: #E3F0F8 0% 0% no-repeat padding-box;
    border-radius: 100px;
}

span.compare-pricevp a {
    text-decoration: none;
    text-align: center;
    font: normal normal bold 13px/32px Proxima-nova-wide;
    letter-spacing: -0.39px;
    color: #003296;
}

/* =========================
   MOBILE (basic)
========================= */
@media (max-width: 768px) {
    .compare-bar-inner {
        max-width: 100% !important;
        flex-wrap: wrap;
    }

    .compare-bar-item {
        font-size: 11px;
    }

    .compare-bar-inner {
        font-size: 13px;
        font-family: 'proxima-nova-wide';
        gap: 10px;
    }

    .menu-item-has-children .sub-menu {
        position: static;
        width: 100%;
        transform: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        padding: 15px;
        display: none !important;
    }

    .menu-item-has-children.open > .sub-menu {
        display: block !important;
    }
}

.resources {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #E5EAF4 0% 0% no-repeat padding-box;
}

section.homefour {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

section.homethree {
    padding-top: 180px;
    padding-bottom: 180px;
}

section.homefour {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.row.gakukan:After {
    content: "";
    background: transparent linear-gradient(86deg, #0C1133E6 0%, #0C113300 100%) 0% 0% no-repeat padding-box;
    border-radius: 25px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 0;
}

.gakukan .col-md-6 {
    padding: 3rem;
    z-index: 99;
    position: relative;
}

.gakukan h2 {
    text-align: left;
    font: normal normal bold 42px/79px proxima-nova-wide;
    letter-spacing: -1.26px;
    color: #FFFFFF;
}

a.bluebtn:hover {
    background: #003296 0% 0% no-repeat padding-box;
    border: 1px solid #003296;
    border-radius: 100px;
    color: white;
    transition: all .3s ease-in;
}

.gakukan a.bluebtn {
    color: white;
    border-color: #003296;
    background: #0032963D 0% 0% no-repeat padding-box;
}

section.homefour .gakukan {
    text-align: left;
    font: normal normal 500 18px/36px proxima-nova-wide;
    letter-spacing: -0.54px;
    color: #FFFFFF;
    color: white;
    background-position: center center;
    background: url('/wp-content/uploads/2026/04/img-gakuhan.png');
    height: 725px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    align-items: center;
}
section.homeseven ul, section.homesevenol {
    margin: 0 0 1.5em 0.5em;
}
.homesix {
    margin: 3rem 0 100px 0;
}

.embed-container {
    position: relative;
    z-index: -1;
    height: 0;
    border-radius: 25px;
    overflow: hidden;
    padding-bottom: 600px;
}

.embed-container video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.service-card.d-flex.flex-column {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 15px;
    align-items: start;
    padding: 12px;
}

h3.h5.fw-bold.mb-3.mt-2 {
    min-height: 58px;
    text-align: left;
    font: normal normal bold 20px/28px proxima-nova-wide;
    letter-spacing: -0.6px;
    color: #003296;
}

a.text-primary.fw-bold.text-decoration-none.small {
    text-decoration: underline !important;
    font: normal normal bold 16px/19px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #003296 !important;
}

.text-muted.small.mb-4.flex-grow-1 {
    min-height: 100px;
}

.progressnextprev {
    margin-top: 15px;
    grid-template-columns: 80% 20%;
    background: transparent;
    display: grid;
    position: RELATIVE;
    height: 40px;
}

.gakukan a.bluebtn:hover {
    background: #003296 0% 0% no-repeat padding-box;
    border: 1px solid #003296;
}

.extraarrowswiper {
    top: 50%;
    width: 115px;
    position: absolute;
    right: 0;
    display: grid;
    grid-template-columns: 50% 50%;
}

.my-prev, .my-next {
    line-height: 36px;
    height: 36px;
    text-align: center;
    width: 53px !important;
    color: #003296;
    background: #00329638 0% 0% no-repeat padding-box;
    border-radius: 100px;
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
    background: #70707070;
    max-width: calc(100% - 150px);
    overflow: hidden;
}

section.homethree:after {
    transform: translateX(115px);
    content: "";
    background: url('/wp-content/uploads/2026/04/particles-1.png');
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center right;
    background-repeat: no-repeat;
    z-index: -1;
}

section.homethree {
    margin-bottom: 6rem;
    overflow-x: hidden;
    position: relative;
}

.extraarrowswiper svg.swiper-navigation-icon {
    width: 10px;
}

.site-footermenus {
    display: grid;
    grid-template-columns: repeat(5 , 1fr);
}

.swiper-scrollbar-drag {
    background: #004cb7 0% 0% no-repeat padding-box;
}

.swiper.resourceSwiper {
    padding-bottom: 30px;
}

.container-fluid.copyrights {
    border-top: 1px solid #FFFFFF24;
    padding-top: 40px;
    margin-top: 40px;
    padding-bottom: 40px;
}

.site-footermenus ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footermenus h2.widget-title {
    text-align: left;
    font: normal normal 800 15px/33px proxima-nova-wide;
    letter-spacing: -0.28px;
    color: #FFFFFF;
}

.site-footermenus ul li a {
    text-align: left;
    font: normal normal normal 14px/38px proxima-nova-wide;
    letter-spacing: -0.28px;
    color: #FFFFFF;
    text-decoration: none;
}

footer#colophon {
    padding-top: 72px;
    font: normal normal 400 13px/16px proxima-nova-wide;
    letter-spacing: -0.26px;
    color: #FFFFFF;
    background: #080D2A 0% 0% no-repeat padding-box;
    border-radius: 35px 35px 0px 0px;
}

.custom-tabs {
    width: 100%;
}

.row.align-center {
    margin-bottom: 50px;
    align-items: center;
}

.tab-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.calc-card.d-flex.flex-column {
    padding: 40px 0;
    background: #ECECEC 0% 0% no-repeat padding-box;
    border-radius: 15px;
}

.calc-card a {
    text-decoration: none;
}

.calc-card.d-flex.flex-column h3 {
    font: normal normal bold 20px/53px proxima-nova-wide;
    letter-spacing: -0.6px;
    color: #000000 !important;
    text-decoration: none !important;
    padding-top: 2rem;
}

.tab-btn {
    height: 56px;
    padding: 10px 30px;
    font: normal normal 600 16px/22px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #003296;
    background: #0032960A 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    cursor: pointer;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.tab-btn.active {
    background: #003296 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    color: #fff;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.tab-buttons.col-md-4.float-end {
    justify-content: end;
    align-items: center;
}

section.homefive {
    margin-bottom: 180px;
    margin-top: 100px;
}

.newletterfooter {
    position: relative;
    background: #001D58 0% 0% no-repeat padding-box;
    border-radius: 25px 25px 0px 0px;
    transform: translateY(35px);
    z-index: 0;
}

.newletterfooter {
    padding: 50px;
}

.newsletterform .fa-regular {
    font-size: 40px;
    background: #122d64;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    line-height: 75px;
}

.newsletterform {
    padding-bottom: 30px;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.newsletterform p {
    text-align: center;
    font: normal normal 400 13px/28px proxima-nova-wide;
    letter-spacing: -0.39px;
    color: #FFFFFF;
}

.newsletterform h3 {
    text-align: center;
    font: normal normal bold 25px/53px proxima-nova-wide;
    letter-spacing: -0.5px;
    color: #FFFFFF;
}

footer#colophon {
    position: relative;
    z-index: 99;
}

.formnewsfooter input.wpcf7-form-control.wpcf7-email {
    padding: 3px 10px;
    width: 100%;
    font: normal normal normal 13px/53px proxima-nova-wide;
    letter-spacing: -0.26px;
    color: #FFFFFF;
    font-family: proxima-nova-wide;
    height: 50px;
    background: #090E3D 0% 0% no-repeat padding-box;
    border: 1px solid #0B4AC8;
    border-radius: 7px;
}

.formnewsfooter button#submit {
    line-height: 20px;
    border: none;
    position: absolute;
    width: 48px;
    height: 41px;
    background: #003296 0% 0% no-repeat padding-box;
    border-radius: 7px;
    right: 4px;
    top: 4px;
    text-align: center;
    padding: 0;
}

.formnewsfooter p {
    position: relative;
}

/*contact us*/
.page-template.page-template-contactpage {
    padding-top: 125px;
    background: transparent linear-gradient(100deg, #002265 0%, #000C23 100%) 0% 0% no-repeat padding-box;
}

input.wpcf7-form-control.wpcf7-file {
    background: transparent !important;
    border: none !important;
}

.page-template.page-template-contactpage .newletterfooter {
    display: none;
}

.page-template.page-template-contactpage .floating-contact {
    display: none;
}

.contactpageho h3.h4.mb-2 {
    font: normal normal 600 16px/24px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #FFFFFF;
}

.contactpageho p.text-muted.mb-0 , .contactpageho p {
    font: normal normal normal 15px/24px proxima-nova-wide;
    letter-spacing: -0.45px;
    color: #FFFFFF !important;
}

.contactpageho span.wpcf7-form-control.wpcf7-acceptance {
    color: white;
    text-align: right;
    font: normal normal normal 12px/21px proxima-nova-wide;
    letter-spacing: -0.33px;
    float: right;
}

.contactpageho input.wpcf7-form-control, .contactpageho select.wpcf7-form-control.wpcf7-select {
    padding: 0 15px;
    background: #0c275d 0% 0% no-repeat padding-box;
    border: 1px solid #ACACAC7D;
    border-radius: 10px;
    height: 50px;
    width: 100%;
    font: normal normal bold 14px/11px proxima-nova-wide;
    color: white;
}

.contactpageho input::placeholder, .contactpageho textarea::placeholder {
    padding: 10px;
    text-align: left;
    font: normal normal bold 14px/11px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #FFFFFF;
}

.col-md-6.float-end.tokoympi {
    text-align: right;
    margin: 0 0 0 auto;
    max-width: 226px;
}

.col-md-6.float-end.tokoympi input {
    background: #003296 0% 0% no-repeat padding-box;
    border-radius: 100px;
}

.contactpageho textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 5px;
    background: #E3F0F80D 0% 0% no-repeat padding-box;
    border: 1px solid #ACACAC7D;
}

body.page-id-19 #primary {
    height: 100vh;
}

.page-id-19 header.entry-header {
    background: transparent;
    display: flex;
    position: relative;
    align-items: center;
    min-height: 190px;
    padding-top: 130px;
    color: white;
}

.single-resource .single-head {
    overflow: hidden;
    color: #fff;
    background: transparent linear-gradient(92deg, #002265 0%, #000C23 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 50px 50px;
    height: 586px;
    padding-top: 135px;
}

p#breadcrumbs {
    text-align: left;
    font: normal normal normal 12px/17px proxima-nova-wide;
    letter-spacing: -0.36px;
    color: #FFFFFF;
}

p#breadcrumbs span, p#breadcrumbs a {
    text-decoration: none;
    color: #FFFFFF;
}

span.breadcrumb_last {
    text-decoration: underline !important;
}

.single-resource h1.entry-title {
    text-align: left;
    font: normal normal bold 32px/36px proxima-nova-wide;
    letter-spacing: -0.96px;
    color: #FFFFFF;
}

.single-resource .single-title {
    max-width: 417px;
}

.miniresourcedesc {
    text-align: left;
    font: normal normal 500 16px/25px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #FFFFFF;
    max-width: 375px;
}

.col-md-6.imageresces-end {
    text-align: right;
    position: relative;
    overflow: hidden;
    padding-bottom: 420px;
}

.col-md-6.imageresces-end img {
    object-fit: cover;
    right: 10px;
    position: absolute;
    height: auto;
    width: auto;
}

.resource-keypoints {
    position: relative;
    padding-top: 7rem;
    background: #E5EAF4 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 35px 35px;
    padding-bottom: 5rem;
    transform: translateY(-50px);
    z-index: -1;
}

.resource-keypoints h3 {
    text-align: left;
    font: normal normal bold 25px/35px proxima-nova-wide;
    letter-spacing: -0.75px;
    color: #003296;
}

ul.resourcekeypoints li {
    font: normal normal 500 16px/28px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #4B4B4B;
}

ul.resourcekeypoints {
    margin: 0;
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 15px;
}

ul.resourcekeypoints li::marker {
    color: #003296;
}

.Frequentlyasked h3 {
    padding-bottom: 40px;
    font: normal normal bold 25px/28px proxima-nova-wide;
    letter-spacing: -0.75px;
    color: #000000;
    text-align: center;
}

.feature_text h2 {
    text-align: left;
    font: normal normal bold 32px/50px proxima-nova-wide;
    letter-spacing: -0.96px;
    color: #003296;
}

.row.escalaedfeat {
    max-width: 1580px;
    align-items: center;
    margin: auto;
}

.row.escalaedfeat:nth-child(even) {
    flex-direction: row-reverse;
}

.row.escalaedfeat:nth-child(even) .feature_image.col-md-6 {
    text-align: right;
}

.feature_text p {
    font: normal normal 500 18px/32px proxima-nova-wide;
    letter-spacing: -0.54px;
    color: #4B4B4B;
}

.single-resource #single-content {
    padding-top: 1rem;
    padding-bottom: 150px;
}

.faq-accordion {
    max-width: 1178px;
    margin: 20px auto;
}

.faq-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.faq-question {
    width: 100%;
    background: #f7f7f7;
    border: none;
    padding: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-question:hover {
    background: #eee;
}

.faq-icon {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #fff;
}

button.faq-question:hover , .faq-item.active button.faq-question {
    background: #003296 0% 0% no-repeat padding-box;
    border: 1px solid #00329659;
    border-radius: 7px;
    color: white;
}

button.faq-question {
    background: #0032961A 0% 0% no-repeat padding-box;
    border: 1px solid #00329659;
    border-radius: 7px;
    text-align: left;
    font: normal normal bold 18px/28px proxima-nova-wide;
    letter-spacing: -0.54px;
    color: #000000;
}

.Frequentlyasked {
    margin-bottom: 150px;
}

.faq-content {
    font: normal normal 600 14px/36px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #0C1133;
    padding: 15px 20px;
    font-size: 15px;
    /* color: #444; */
}

.colmoreresources {
    transform: translateY(40px);
    background: #0032961A 0% 0% no-repeat padding-box;
    border-radius: 25px 25px 0px 0px;
    padding-top: 5rem;
    padding-bottom: 8rem;
}

.colmoreresources h3 {
    text-align: left;
    font: normal normal bold 25px/28px proxima-nova-wide;
    letter-spacing: -0.75px;
    color: #000000;
}

.single-resource .newletterfooter {
    display: none;
}

.resource-categories a {
    text-align: center;
    padding: 0 10px;
    font: normal normal bold 13px/28px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #FFFFFF;
    background: #FFFFFF38 0% 0% no-repeat padding-box;
    border: 1px solid #E3F0F8;
    border-radius: 15px;
    text-decoration: none;
}

.resource-categories {
    display: grid;
    grid-template-columns: repeat(7 , 1fr);
    gap: 10px;
}

.service-card.d-flex.flex-column .resource-categories {
    left: 20px;
    flex-direction: column;
    position: absolute;
    display: flex;
    top: 20px;
}

.resource-item .service-card {
    position: relative;
}

.service-card.d-flex.flex-column .resource-categories a {
    font-size: 12px !important;
    padding: 0 10px;
    font-weight: 500;
}

a.transpbtnsmall.newbtnff {
    width: 210px;
    background: #FFFFFF4F 0% 0% no-repeat padding-box;
    border-radius: 100px;
    border-color: #4f6490;
    margin-right: 10px;
}

.tax-resource-type .general-title {
    padding-top: 125px;
    color: white;
    border-radius: 0px 0px 50px 50px;
    height: 400px;
}

.tax-resource-type .general-title h1.entry-title {
    text-align: left;
    font: normal normal bold 28px/79px proxima-nova-wide;
    letter-spacing: -0.84px;
    color: #FFFFFF;
}

.resource-item .service-card {
    border: 1px solid #D8D8D8;
    border-radius: 15px;
}

.page-id-142 .general-title {
    height: 400px;
    color: white;
    padding-top: 135px;
}

.pagegridtitle {
    padding-right: 3rem;
    display: grid;
    grid-template-columns: 300px 1fr;
    align-items: center;
    gap: 10px;
}

.pagegridtitle h1.entry-title {
    text-align: left;
    font: normal normal bold 28px/79px proxima-nova-wide;
    letter-spacing: -0.84px;
    color: #FFFFFF;
}

.resourcefilters {
    z-index: 9;
    position: relative;
    background: #E5EAF4 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 50px 50px;
    padding-top: 6rem;
    padding-bottom: 4rem;
    transform: translateY(-50px);
}

.page-id-142 .general-title {
    border-radius: 0 0 50px 50px;
    overflow: hidden;
    z-index: 10;
    position: relative;
}

.filters select {
    height: 43px;
    text-align: left;
    font: normal normal bold 14px/79px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #003296;
    background: #00329617 0% 0% no-repeat padding-box;
    border: 1px solid #0032964F;
    border-radius: 5px;
}

.filters input[type="text"] {
    height: 46px;
    text-align: left;
    font: normal normal bold 14px/79px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #003296;
    background: #00329617 0% 0% no-repeat padding-box;
    border: 1px solid #0032964F;
    border-radius: 5px;
}

form.resource-filters {
    display: grid;
    grid-template-columns: 22% 22% 14% 26% 12%;
    gap: 15px;
}

li.current_page_item {
    border-color: white;
}

.filters input[type="text"]::placeholder {
    font: normal normal bold 14px/79px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #003296;
}

.filters h2 {
    text-align: left;
    font: normal normal bold 22px/29px proxima-nova-wide;
    letter-spacing: -0.66px;
    color: #000000;
}

a.reset-filters {
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 13px/29px proxima-nova-wide;
    letter-spacing: -0.39px;
    color: #000000;
}

.flexab {
    display: flex;
    align-items: center;
    gap: 20px;
}

button.bluebtn {
    background: #003397;
    border-radius: 100px;
    color: white;
}

.Frequentlyasked h1 {
    padding-bottom: 40px;
    font: normal normal bold 25px / 28px proxima-nova-wide;
    letter-spacing: -0.75px;
    color: #000000;
    text-align: center;
}

.pagedescr p {
    text-align: left;
    font: normal normal 500 16px/32px proxima-nova-wide;
    letter-spacing: -0.48px;
    color: #FFFFFF;
}

.single-head.bakugan {
    color: white;
    border: 1px solid #707070;
    border-radius: 0px 0px 25px 25px;
    height: 700px;
    background-size: cover !important;
    background-repeat: no-repeat;
    padding-top: 135px;
}

.single-head.bakugan {
    position: relative;
}

.single-head.bakugan:after {
    pointer-events: none;
    content: "";
    background: transparent linear-gradient(86deg, #0C1133E6 0%, #0c11338a 100%) 0% 0% no-repeat padding-box;
    border-radius: 25px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 0;
}

.single-head.bakugan .container-fluid {
    z-index: 9;
    position: relative;
}

.single-head.bakugan h1.entry-title {
    text-align: left;
    font: normal normal bold 36px/42px proxima-nova-wide;
    letter-spacing: -1.08px;
    color: #FFFFFF;
}

.page-template-gakuganpage .pagedconetent.col-md-8 h2 {
    text-align: left;
    font: normal normal bold 36px/42px proxima-nova-wide;
    letter-spacing: -1.08px;
    color: #003296;
}

body.wp-singular.page-template.page-template-gakuganpage {
    background: #f9f9f9;
}

.page-template-gakuganpage .pagedconetent.col-md-8 p {
    color: #0C1133
}

.trstaatutg {
    max-width: 400px;
}

.trstaatutg p.bolder {
    font-weight: bold;
    font-size: 26px;
}

/*calculators*/
body.wp-singular.calculator-template-default.single.single-calculator {
    background: #F9F9F9 0% 0% no-repeat padding-box;
}

.container-fluid.keyfeaturescapabilites h2 {
    padding: 90px 0;
    text-align: center;
    font: normal normal bold 32px/36px proxima-nova-wide;
    letter-spacing: -0.96px;
    color: #003296;
}

.container-fluid.keyfeaturescapabilites {
    margin: 75px auto;
    padding: 3rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 25px;
}

.bigdescription {
    font: normal normal 500 14px/27px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #4B4B4B;
    padding: 2rem;
    margin: 75px auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 25px;
}

.bigdescription h2 {
    text-align: center;
    font: normal normal bold 18px/36px proxima-nova-wide;
    letter-spacing: -0.54px;
    color: #003296;
}

.single-calculator h1.entry-title {
    text-align: left;
    font: normal normal bold 36px/36px proxima-nova-wide;
    letter-spacing: -1.08px;
    color: #003296;
}

.single-calculator .single-head {
    background: transparent linear-gradient(92deg, #002265 0%, #000C23 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 50px 50px;
    height: 180px;
    padding-top: 135px;
}

.calculator-f-desc {
    text-align: left;
    font: normal normal 500 14px/25px proxima-nova-wide;
    letter-spacing: -0.42px;
    color: #0C1133;
}

.single-calculator .entry-image {
    text-align: center;
    /* background: #ECECEC 0% 0% no-repeat padding-box; */
    border-radius: 15px;
    padding: 1rem;
}

body.search.search-results header.page-header {
    height: 250px;
    background: #001d58;
    margin-bottom: 30px;
    border-radius: 0 0 25px 25px;
    color: white;
    display: FLEX;
    align-items: CENTER;
    padding-top: 60px;
    justify-content: center;
}

label.pseydoupld {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: start;
    /* width: 151px; */
    overflow: hidden;
}

label.pseydoupld svg {
    width: 67px;
    height: 48px;
    background: #223e72 0% 0% no-repeat padding-box;
    border-radius: 100px;
    padding: 10px;
}

label.pseydoupld span.wpcf7-form-control-wrap {
    visibility: hidden;
    background: purple;
    width: 100%;
    position: absolute;
}

label.pseydoupld {
    line-height: 30px;
    position: relative;
}

label.pseydoupld span em {
    text-align: left;
    font: normal normal normal 13px/13px Proxima-Nova-wide;
    letter-spacing: -0.39px;
    color: #FFFFFF;
    opacity: 0.39;
    display: block;
}

label.pseydoupld {
    color: white;
    gap: 8px;
}

label.pseydoupld:hover {
    opacity: 0.5;
    cursor: pointer;
}

.steptitle {
    text-align: left;
    font: normal normal bold 18px/30px Proxima-Nova-wide;
    letter-spacing: -0.54px;
    color: #003296;
}

.stepdescr {
    text-align: left;
    font: normal normal 500 14px/28px Proxima-Nova-wide;
    letter-spacing: -0.42px;
    color: #6A6A6A;
}

h3.htreg {
    text-align: center;
    font: normal normal bold 25px/39px Proxima-Nova-wide;
    letter-spacing: -0.75px;
    color: #003296;
}

.itemlicence h2 {
    font: normal normal bold 25px / 39px Proxima-Nova-wide;
    letter-spacing: -0.75px;
    color: #003296;
}

.licenceprods {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 15px;
    align-items: center;
}

.itemlicence {
    height: 370px;
    background: #e5edfa;
    border-radius: 25px;
    padding: 1rem 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 40px;
}

.imgumulat {
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

.itemlicence {
    position: relative;
}

.licenceprods.container-fluid {
    transform: translateY(-20px);
}

.calcinsrowser h2 {
    text-align: left;
    font: normal normal bold 28px/79px Proxima-Nova-wide;
    letter-spacing: -0.84px;
    color: #003296;
}

.gridtitxtsp {
    display: grid;
    grid-template-columns: 300px 1fr;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 30px;
}

.page-template.page-template-calculatorspage .general-title {
    border-radius: 0px 0px 50px 50px;
    height: 400px;
}

.page-template-calculatorspage .page-header {
    padding-top: 135px;
}

.gratxts {
    text-align: left;
    font: normal normal 500 15px/25px Proxima-Nova-wide;
    letter-spacing: -0.45px;
    color: #4B4B4B;
}

.page-template-calculatorspage .newletterfooter {
    display: none;
}

.search-form {
    position: absolute;
    width: 0;
    opacity: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    top: 45px;
}

button.search-submit {
    border-color: #003296;
    background: #003296;
    color: white;
    text-align: center;
}

.search-wrapper.active .search-form {
    display: grid;
    width: 268px;
    opacity: 1;
    grid-template-columns: 1fr 50px;
    background: white;
    align-items: CENTER;
    border-radius: 1rem;
}

.search-wrapper {
    top: 1px;
    background: transparent;
    width: 90px;
    position: relative;
    left: 0;
}

.headctas.col-md-4 {
    position: relative;
}

span.search-icon svg {
    cursor: pointer;
    fill: white;
    width: 23px;
}

.search-wrapper {
    display: flex;
    align-items: CENTER;
    justify-content: CENTER;
}

form#searchform {
    border: 0px solid white;
    box-shadow: 1px 1px 10px lightsteelblue;
}

button#openForm {
    background: #003296 0% 0% no-repeat padding-box;
}

/* Floating icon */
.floating-contact {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

#openForm {
    background: #0073aa;
    color: #fff;
    border: none;
    padding: 15px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
}

/* Modal panel */
.side-modal {
    display: none;
    position: fixed;
    top: 15%;
    left: auto;
    width: 631px;
    height: 686px;
    background: #002265 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFFA6;
    border-radius: 15px;
    box-shadow: 2px 0 10px rgba(0,0,0,0.2);
    transition: 0.3s;
    z-index: 9999;
}

.side-modal.active {
    display: block;
    right: 15px;
}

.modal-content {
    padding: 20px;
}

.modal-content .row {
    align-items: center;
}

.modal-content select.wpcf7-form-control.wpcf7-select {
    height: 40px;
    background: #0c2c6d 0% 0% no-repeat padding-box;
    border: 1px solid #ACACAC7D;
    border-radius: 10px;
    width: 100%;
    color: white;
}

.modal-content textarea.wpcf7-form-control.wpcf7-textarea {
    height: 150px;
}

#closeForm {
    right: 20px;
    font-size: 40px;
    cursor: pointer;
    float: right;
    position: absolute;
}

.modal-content h3 {
    font: normal normal bold 28px/55px Proxima-Nova-wide;
    letter-spacing: -0.84px;
    color: #FFFFFF;
}

/* Form */
.modal-content input, .modal-content textarea {
    font: normal normal normal 14px/18px Proxima-Nova-wide;
    letter-spacing: -0.24px;
    color: #FFFFFF;
    background: #E3F0F80D 0% 0% no-repeat padding-box;
    border: 1px solid #ACACAC7D;
    border-radius: 10px;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
}

.modal-content button {
    background: #0073aa;
    color: #fff;
    border: none;
    padding: 10px;
    width: 100%;
}

.modal-content span.wpcf7-list-item label {
    display: flex;
}

.modal-content span.wpcf7-list-item label input[type="checkbox"] {
    width: 70px;
}

.modal-content input::placeholder, .modal-content textarea::placeholder , .modal-content select.wpcf7-form-control.wpcf7-select {
    text-align: left;
    font: normal normal normal 12px/18px Proxima-Nova-wide;
    letter-spacing: -0.24px;
    color: #FFFFFF;
}

form.wpcf7-form {
    position: relative;
}

.specs-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    font: normal normal bold 16px/19px Proxima-Nova-wide;
    letter-spacing: -0.48px;
    color: #000000;
}

.container-fluid.satistics {
    padding: 2rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 25px
}

.container-fluid.satistics h2 {
    font: normal normal bold 18px/36px Proxima-Nova-wide;
    padding: 30px 0;
    letter-spacing: -0.54px;
    color: #003296;
    text-align: CENTER;
}

.container-fluid.satistics h3 {
    text-align: left;
    font: normal normal bold 16px/22px Proxima-Nova-wide;
    letter-spacing: -0.48px;
    color: #FFFFFF;
    background: #003296 0% 0% no-repeat padding-box;
    border-radius: 9px;
    padding: 15px;
}

.specs-table td {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}

.specs-table tr:nth-child(even) {
    background: #f9f9f9;
}

.specs-table td:first-child {
    font-weight: bold;
    width: 60%;
}

.yes::before {
    content: "✔";
    color: #00aa00;
    font-weight: bold;
}

.no::before {
    content: "✘";
    color: red;
    font-weight: bold;
}
.single-calculator .no::before {
	content: "-";
	  color: gray;
}
a.viewerrorcodes {
    padding: 0 15px;
    text-decoration: underline;
    font: normal normal bold 14px/17px Proxima-Nova-wide;
    letter-spacing: -0.42px;
    color: #003296;
}

.acccompareandercodes {
    opacity: 0.68;
    DISPLAY: FLEX;
    ALIGN-ITEMS: CENTER;
    JUSTIFY-CONTENT: START;
    GAP: 30PX;
}

.calc-gallery-wrapper svg {
    width: 14px;
}

.bigdescription h2:after , .container-fluid.satistics h2:After {
    width: 99px;
    height: 4px;
    background: #0C1133;
    margin: auto;
    content: "";
    display: block;
}

.buttonscalcsgrd a.bluebtndrk {
    font-size: 13px;
    width: auto;
    padding: 0 20px;
}

.buttonscalcsgrd {
    display: grid;
    grid-template-columns: 240px 20px;
    gap: 10px;
}

.buttonscalcsgrd a.bluebtn {
    font: normal normal bold 14px/49px Proxima-Nova-wide;
    letter-spacing: -0.42px;
    color: #003296;
    background: #E3F0F8 0% 0% no-repeat padding-box;
}

.calc-gallery-wrapper {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.calc-swiper-main {
    flex: 1;
    min-width: 0;
}

.swiper.calc-swiper-main {
    background: #ECECEC 0% 0% no-repeat padding-box;
    border-radius: 15px;
}

.calc-swiper-main .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

/* Thumbs — κάθετη στήλη δεξιά */
.calc-swiper-thumbs {
    width: 80px;
    height: 400px;
    /* ίδιο ύψος με main */
    flex-shrink: 0;
}

.calc-swiper-thumbs .swiper-slide img {
    height: auto;
}

.calc-swiper-thumbs .swiper-slide {
    padding: 10px;
    max-width: 50px;
    height: 56px;
    opacity: 0.5;
    cursor: pointer;
    border: 2px solid transparent;
    transition: opacity 0.2s, border-color 0.2s;
}

.calc-swiper-thumbs .swiper-slide img {
    width: 100%;
    height: 55px;
    object-fit: cover;
    display: block;
}

.calc-swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 7px;
}

button.btn-compare {
    text-decoration: underline;
    font: normal normal bold 14px/17px Proxima-Nova-wide;
    letter-spacing: -0.42px;
    color: #003296;
    border: none;
    background: transparent;
}

.acccompareandercodes {
    padding-top: 20px;
}

/* Floating Bar */
.compare-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #001848;
    color: #fff;
    padding: 12px 20px;
    z-index: 9999;
    box-shadow: 0 -3px 15px rgba(0,0,0,0.3);
    transition: transform 0.3s;
}

.compare-bar.hidden {
    transform: translateY(100%);
}

.compare-bar-inner {
    font-family: 'proxima-nova-wide';
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto;
}

.compare-bar-items {
    display: flex;
    gap: 10px;
    flex: 1;
}

.compare-bar-item {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.1);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
}

.compare-bar-item img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.remove-compare {
    background: none;
    border: none;
    color: #ff6b6b;
    cursor: pointer;
}

.btn-go-compare {
    font-family: 'proxima-nova-wide';
    background: #003296;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}

.btn-clear-compare {
    font-family: 'proxima-nova-wide';
    background: none;
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    padding: 10px 14px;
    border-radius: 6px;
    cursor: pointer;
}

.footermenu li a {
    background-image: linear-gradient(var(--color-2),var(--color-2));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    position: relative;
    text-decoration: none;
    -webkit-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
    -moz-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
    -ms-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
    -o-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
    transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s
}

.footermenu li a:hover {
    background-image: linear-gradient(#ffffff,#e1e1e3);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    text-decoration: none;
    -webkit-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
    -moz-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
    -ms-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
    -o-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
    transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s
}

/* Compare Table */
.compare-page {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}
@media(min-width: 1000px) {
.page-template-contactpage .col-md-6.acceptancefld {
    display: flex;
    align-items: center;
    justify-content: end;
}
.page-template-contactpage .choices__item.choices__placeholder.choices__item--selectable{
   background: #0c2659 !important;
    color: white;
    font-weight: normal;
 
    font:   normal normal bold 14px/17px proxima-nova-wide !important
}
.page-template-contactpage .choices__list.choices__list--single	{

 
    font:   normal normal bold 14px/17px proxima-nova-wide !important
}
}

@media(min-width: 1580px) {
    button.phoninfo:Hover {
        background: white;
        color: #003296;
    }

    button.phoninfo:Hover svg path {
        fill: #003296;
    }

    section.resources .col-md-3.textstwo {
        align-items: start;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        text-align: left;
        justify-content: center;
    }

    section.hometwo .col-md-6.textstwo {
        background: transparent;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
    }

    button.btn-compare {
        width: 250px;
    }

    .compare-page {
        max-width: 1480px;
    }
}

.compare-table-wrapper {
    overflow-x: auto;
}

.compare-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.compare-product-header h3 , .compare-product-header h3 a {
    text-align: center;
    font: normal normal bold 15px/10px Proxima-Nova-wide;
    letter-spacing: 0px;
    color: #000000;
}

.compare-table th, .compare-table td {
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
    text-align: center;
    min-width: 160px;
}

.compare-table .compare-label-col {
    text-align: left;
    font-weight: 500;
    text-align: left;
    font: normal normal bold 14px/19px Proxima-Nova-wide;
    letter-spacing: -0.42px;
    color: #000000;
    min-width: 180px;
    background: #fafafa;
}

.compare-group-row td {
    background: #f0f4ff;
    font-weight: 700;
    text-align: left;
    text-align: left;
    font: normal normal bold 16px/22px Proxima-Nova-wide;
    letter-spacing: -0.48px;
    color: #003296;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.compare-product-header img {
    width: 160px;
    height: 150px;
    object-fit: contain;
    display: block;
    margin: 0 auto 8px;
}

.compare-product-header h3 {
    font-size: 15px;
    margin: 0 0 4px;
}

.compare-price {
    color: #e94560;
    font-weight: 700;
    font-size: 16px;
}

.icon-yes {
    color: #27ae60;
    font-size: 16px;
    font-weight: 700;
}

.icon-no {
    color: #ccc;
    font-size: 16px;
}

.cell-yes {
    background: #f0fff4;
}

.cell-no {
    background: #fff;
}

.btn-remove-compare {
    margin-top: 8px;
    background: none;
    border: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    color: #999;
}

.btn-remove-compare:hover {
    border-color: #e94560;
    color: #e94560;
}

/* Add to Compare button */
.btn-compare {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 2px solid #333;
    background: #fff;
    padding: 8px 18px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s;
}

.btn-compare:hover, .btn-compare.in-compare {
    background: transparent;
    color: #333;
}

header#masthead-mobile.scrolled {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: #00246bab;
}

header#masthead-mobile .headerbar {
    border-top: 1px solid #FFFFFF24;
    min-height: 70px;
}

@media(max-width: 960px) {
    button.search-submit {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .single-calculator .single-head {
        padding-top: 100px;
    }

    .resource-categories {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .site-info.col-md-6 div {
        text-align: left;
        float: left !important;
    }

    .container-fluid.keyfeaturescapabilites {
        padding: 1rem;
    }

    .newletterfooter {
        padding: 30px;
    }

    .container-fluid.keyfeaturescapabilites h3 {
        font: normal normal bold 16px/50px proxima-nova-wide;
        letter-spacing: -0.48px;
        color: #0C1133;
    }

    .container-fluid.keyfeaturescapabilites h2 {
        padding: 30px 0;
        text-align: left;
        font: normal normal bold 20px/36px proxima-nova-wide;
        letter-spacing: -0.6px;
        color: #003296;
    }

    .bigdescription {
        text-align: left;
        font: normal normal 500 14px/25px proxima-nova-wide;
        letter-spacing: -0.42px;
        color: #0C1133;
    }

    button.btn-compare {
        text-decoration: underline;
        font: normal normal bold 13px / 17px Proxima-Nova-wide;
    }

    .contactpageho h3.h4.mb-2 {
        font: normal normal 600 14px/24px proxima-nova-wide;
        letter-spacing: -0.48px;
        color: #FFFFFF;
    }

    .single-calculator h1.entry-title {
        text-align: left;
        font: normal normal bold 20px/25px proxima-nova-wide;
        letter-spacing: -0.6px;
        color: #003296;
    }

    .single-calculator .entry-content.col-md-6.px-5 {
        padding: 0 15px !important;
    }

    .contactpageho p.text-muted.mb-0 , .contactpageho p {
        font: normal normal normal 13px/24px proxima-nova-wide;
        letter-spacing: -0.45px;
        color: #FFFFFF !important;
    }

    .page-template.page-template-contactpage {
        padding-top: 100px;
    }

    .page-template-faqpage .single-breadcrumb.col-xs-12.col-sm-12.text-left {
        padding-top: 100px !important;
    }

    .page-template-faqpage .general-title {
        height: 160px !important;
    }

    .faq-content {
        text-align: left;
        font: normal normal 600 14px/25px proxima-nova-wide;
        letter-spacing: -0.42px;
        color: #4B4B4B;
    }

    .single-head.bakugan h1.entry-title {
        text-align: left;
        font: normal normal bold 20px/27px Proxima-Nova-wide;
        letter-spacing: -0.6px;
        color: #FFFFFF;
    }

    .page-template-gakuganpage .pagedconetent.col-md-8 p {
        text-align: left;
        font: normal normal medium 14px/25px proxima-nova-wide;
        letter-spacing: -0.42px;
        color: #4B4B4B;
    }

    .page-template-gakuganpage .pagedconetent.col-md-8 h2 {
        text-align: left;
        font: normal normal bold 20px/36px proxima-nova-wide;
        letter-spacing: -0.6px;
        color: #003296;
    }

    .single-head.bakugan {
        background-position: center center !important;
        position: relative;
        background-size: cover !important;
    }

    section.resources {
        OVERFLOW-X: HIDDEN;
    }

    .trstaatutg p.bolder {
        text-align: left;
        font: normal normal bold 17px/29px Proxima-Nova-wide;
        letter-spacing: -0.51px;
        color: #FFFFFF;
    }

    section.resources a.bluebtn {
        display: block;
        margin: 20px auto;
    }

    .gridtitxtsp {
        display: grid;
        grid-template-columns: 1fr;
    }

    .site-footermenus {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .formnewsfooter input.wpcf7-form-control.wpcf7-email {
        padding: 3px 10px;
        width: 100%;
    }

    .newsletterform h3 {
        text-align: center;
        font: normal normal bold 20px / 35px proxima-nova-wide;
    }

    .licenceprods {
        display: grid;
        grid-template-columns: 100%;
    }

    form.resource-filters {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 5px;
    }

    .pagegridtitle {
        padding-right: 2rem;
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 10px;
    }

    .page-id-142 .general-title {
        height: 100%;
        color: white;
        padding-top: 135px;
    }

    .pagedescr p {
        text-align: left;
        font: normal normal 500 14px / 30px proxima-nova-wide;
        letter-spacing: -0.48px;
        color: #FFFFFF;
    }

    .swipercaps h1 ,  .swipercaps p.bigtitlesl{
        text-align: left;
        font: normal normal bold 40px / 50px proxima-nova-wide;
        letter-spacing: -2.28px;
        color: #FFFFFF;
    }

    .swipercaps {
        right: auto;
        left: auto;
        max-width: 100%;
        padding: 30px;
    }

    .swipebtns a {
        width: calc(100% - 15px);
        margin-bottom: 5px;
    }

    .contactpageho .row.gx-4.gx-lg-5 {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .row.g-4.mainresources {
        margin: auto;
    }

    .buttonscalcsgrd {
        display: grid;
        grid-template-columns: 1fr;
    }

    .buttonscalcsgrd a.bluebtn {
        width: 100%;
    }

    .side-modal {
        top: 19%;
        left: auto;
        width: 90vw;
        height: auto;
    }

    .calc-gallery-wrapper {
        flex-direction: column-reverse;
    }

    .calc-gallery-wrapper .swiper {
        width: 100%;        
        min-width: 0;      
        flex: 1;
    }

    .swiper.calc-swiper-thumbs .swiper-wrapper {
        flex-direction: row;
    }

    .calc-swiper-thumbs {
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }
}

@media(max-width: 1600px) {
    section.resources {
        overflow-x: hidden;
    }

    .swipercaps h1 ,  .swipercaps p.bigtitlesl{
        text-align: left;
        font: normal normal bold 53px / 59px proxima-nova-wide;
        letter-spacing: -2.28px;
        color: #FFFFFF;
    }

    .search-wrapper {
        left: 0;
    }

    .sitemenu ul li a {
        margin: 0 5px 0px 5px !important;
        text-align: left;
        font: normal normal 500 14px / 19px proxima-nova-wide;
    }
}

@media(max-width: 1300px) {
    .sitemenu ul li a {
        margin: 0 5px 0px 5px;
        text-align: left;
        font: normal normal 500 13px / 19px proxima-nova-wide;
    }
}

/* Desktop - κρύβεται σε mobile */
.site-header {
    display: block;
}

/* Mobile - κρύβεται σε desktop */
.site-header-mobile {
    display: none;
}

.mobilemegamenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobilemegamenu ul li a {
    text-align: left;
    font: normal normal 500 20px/24px Proxima-Nova-wide;
    letter-spacing: -0.6px;
    color: #FFFFFF;
    text-decoration: none;
}

.mobilemegamenu ul li {
    line-height: 40px;
    text-align: left;
}

@media (max-width: 1191px) {
    .search-wrapper {
        top: 0px;
        background: transparent;
        width: 90px;
        position: relative;
        left: 0;
    }

    header#masthead-mobile {
        background: transparent;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    .site-searngmends {
        position: relative;
    }

    #masthead-mobile .col-6.text-right.float-end {
       font: normal normal normal 11px / 1px Proxima-Nova-wide;
        letter-spacing: -0.3px;
        color: #FFFFFF;
        text-align: right;
    }

    .site-header {
        display: none;
    }

    .site-header-mobile {
        display: block;
    }

    .ctasandlangmobile {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 10px;
    }

    .ctasandlangmobile a {
        width: 100%;
    }

    .ctasandlangmobile {
        background: #0C1133 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        border-radius: 25px 25px 0px 0px;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        min-height: 48vh;
        padding-top: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .menuaboutus.float-start {
        padding-bottom: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .menuaboutus.float-start a {
        font-size: 16px;
    }
}

@media screen and (max-width: 1890px) and (min-width:1650px) {
    section.homethree .container-fluid {
        max-width: 1580px;
        margin: AUTO;
    }

    section.homefour .row.gakukan {
        border-radius: 2rem;
    }

    section.homefour .container-fluid {
        max-width: 1580px;
        margin: AUTO;
    }
}

@media screen and (max-width: 1650px) and (min-width:1420px) {
    section.homethree .container-fluid {
        max-width: 1380px;
        margin: AUTO;
    }

    section.homefour .row.gakukan {
        border-radius: 2rem;
    }

    section.homefour .container-fluid {
        max-width: 1380px;
        margin: AUTO;
    }
}

@media screen and (max-width: 1420px) and (min-width:1200px) {
    section.homethree .container-fluid {
        max-width: 1280px;
        margin: AUTO;
    }

    section.homefour .row.gakukan {
        border-radius: 2rem;
    }

    section.homefour .container-fluid {
        max-width: 1180px;
        margin: AUTO;
    }
}

@media screen and (max-width: 1090px) and (min-width:750px) {
    .swipercaps {
        max-width: 100%;
    }

    .swipebtns {
        text-align: center;
    }

    .site-searngmends.relative.col-5 {
        background: transparent;
        display: grid;
        grid-template-columns: 75px 60px;
        justify-content: end;
    }

    .search-wrapper.active .search-form {
        right: 0;
    }

    .gakukan .col-md-6 {
        width: 100%;
    }

    section.homefive .col-md-8.textstwo {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    section.homefive .col-md-8.textstwo h2 {
        text-align: center;
    }

    section.homefour .gakukan {
        border-radius: 25px;
        text-align: left;
        font: normal normal 500 18px / 36px proxima-nova-wide;
        letter-spacing: -0.54px;
        color: #FFFFFF;
        color: white;
        background-position: 40% 50% !important;
        background: url(/wp-content/uploads/2026/04/img-gakuhan.png);
        height: 725px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        align-items: center;
    }

    .home section.homethree .col-md-6 {
        justify-content: center;
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: column;
    }

    .row.g-4.mainresources.mt-4 .resource-item.col-md-3 {
        width: 50%;
    }

    .Frequentlyasked {
        padding: 1rem 2rem;
    }

    .swipercaps h1 ,  .swipercaps p.bigtitlesl {
        text-align: center;
        font: normal normal bold 40px / 49px proxima-nova-wide;
    }

    .swipercaps p {
        max-width: 100%;
        text-align: center;
    }

    section.homefive .row.align-center {
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
    }

    .tab-buttons.col-md-4.float-end button {
        padding: 0 25px;
    }

    .home .resources .row {
        flex-wrap: WRAP;
        flex-direction: column;
    }

    .home .resources .row .col-md-3.textstwo {
        width: 100%;
    }

    .home .resources .row .col-md-9 {
        width: 100%;
    }

    .tab-buttons.col-md-4.float-end button {
        font-size: 13px;
        min-width: 170px;
        padding: 0 15px;
    }

    div#scientific .col-6.col-md-3.col-lg-3 {
        width: 50%;
    }

    div#offers .col-6.col-md-3.col-lg-3 {
        width: 50%;
    }

    .home section.hometwo .row {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 791px) {
	.compare-bar {
	z-index: 999999999999999;
	}
	.compare-bar-item span {

    display: none;
}
    .faq-icon {
        font-size: 12px;
    }

    footer#colophon {
        padding: 40px 17px 5px 17px;
        position: relative;
        z-index: 9;
    }

    .site-footermenus.col-md-7.float-end {
        border-top: 1px solid #161e4f;
        padding-top: 15px;
        margin-top: 15px;
    }

    .site-logofooter.col-md-5 img {
        max-width: 193px;
    }

    .flexallro {
        flex: 0 0 100% !important;
    }

    .modal-content h3 {
        font: normal normal bold 23px / 38px Proxima-Nova-wide;
        letter-spacing: -0.84px;
    }

    section.homethree:after {
        background-size: 300px !important;
        transform: none;
        content: "";
        background: url(/wp-content/uploads/2026/04/particles-1.png);
        width: 300px;
        height: 300px;
        position: absolute;
        right: 0;
        top: 120px;
        background-position: center center !important;
        background-repeat: no-repeat;
        z-index: -1;
    }

    section.homethree {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    section.homethree .row {
        flex-direction: column-reverse;
    }

    div#sideModal .col-md-6 {
        flex: 0 0 50%;
        padding: 0 10px;
    }

    section.homesix {
        padding: 0 20px;
    }

    .embed-container {
        padding-bottom: 300px;
    }

    .row.gakukan:After {
        content: "";
        background: transparent linear-gradient(0deg, #0C1133 0%, #0C113300 100%) 0% 0% no-repeat padding-box;
    }

    .modal-content textarea.wpcf7-form-control.wpcf7-textarea {
        height: 164px;
    }

    .swipebtns a {
        max-width: 340px;
        width: calc(100% - 15px);
        margin-bottom: 5px;
        margin: 5px auto !important;
        align-items: CENTER;
        justify-content: CENTER;
        display: flex;
    }

    .search-wrapper {
        top: 0px;
        background: transparent;
        width: auto;
        position: relative;
        left: 0;
    }

    .search-wrapper.active .search-form {
        right: 0;
    }

    section.firstslider {
        overflow: hidden;
        height: 740px;
    }

    .site-branding img {
        max-width: 182px;
    }

    .fadeswipefe {
        pointer-events: none;
        content: "";
        background: -webkit-gradient(linear, left top, left bottom, from(rgb(12, 17, 51)), color-stop(50%, rgba(12, 17, 51, 0.5116421569)), to(rgb(12, 17, 51)));
        background: -webkit-linear-gradient(top, rgb(12, 17, 51) 0%, rgba(12, 17, 51, 0.5116421569) 50%, rgb(12, 17, 51) 100%);
        background: linear-gradient(180deg, rgb(12, 17, 51) 0%, rgba(12, 17, 51, 0.5116421569) 50%, rgb(12, 17, 51) 100%);
        width: 100%;
        position: absolute;
        height: 100%;
        z-index: 1;
    }

    .topbar .col-6.float-start {
        padding: 0;
    }

    button.phoninfo {
        display: flex;
        width: auto;
        text-align: left;
        font: normal normal bold 14px / 17px proxima-nova-wide;
        letter-spacing: 0px;
        color: #FFFFFF;
        background: transparent;
        border: none;
        align-items: center;
        justify-content: start;
    }

    .textstwo p {
        text-align: center;
        font: normal normal 500 14px/25px proxima-nova-wide;
        letter-spacing: -0.42px;
        color: #4B4B4B;
    }

    .textstwo h2 {
        text-align: center;
        font: normal normal bold 25px/33px proxima-nova-wide;
        letter-spacing: -0.75px;
        color: #0C1133;
    }

    .textstwo span {
        text-align: center;
        font: normal normal 600 18px/35px proxima-nova-wide;
        letter-spacing: -0.54px;
        color: #003296;
        margin: auto;
        display: block;
    }

    .gakukan a.bluebtn {
        margin: auto;
        color: white;
        border-color: #003296;
        background: #0032963D 0% 0% no-repeat padding-box;
        display: block;
    }

    .tab-btn {
        height: 46px;
        padding: 10px 19px;
        font: normal normal 600 14px / 22px proxima-nova-wide;
        letter-spacing: -0.48px;
    }

    .tab-buttons.col-md-4.float-end {
        justify-content: center;
        align-items: center;
    }

    .gakukan .col-md-6 {
        width: 100%;
        padding: 1rem;
    }

    .gakukan h2 {
        text-align: center;
        font: normal normal bold 20px/79px proxima-nova-wide;
        letter-spacing: -0.6px;
        color: #FFFFFF;
    }

    .row.gakukan p {
        text-align: center;
        font: normal normal 500 14px/25px proxima-nova-wide;
        letter-spacing: -0.42px;
        color: #FFFFFF;
    }

    header#masthead-mobile .headerbar {
        border-top: 1px solid #FFFFFF24;
        min-height: 55px;
    }
}

/* ===== HAMBURGER ===== */
button#hamburger {
    height: 100%;
    position: absolute;
    right: 15px;
    top: 0;
}

button#hamburger span {
    background: white;
}

.hamburger {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 32px;
}

.hamburger span {
    display: block;
    height: 2px;
    background: #0a1f5c;
    border-radius: 2px;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center;
}

.hamburger span:nth-child(1) {
    width: 100%;
}

.hamburger span:nth-child(2) {
    width: 70%;
}

.hamburger span:nth-child(3) {
    width: 100%;
}

.hamburger.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    width: 100%;
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.hamburger.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    width: 100%;
}

/* ===== FULLSCREEN MENU ===== */
.fullscreen-menu {
    position: fixed;
    top: 38px;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #0a1f5c;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    /* Animation - κλειστό */
    clip-path: inset(0 0 100% 0);
    transition: clip-path 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    pointer-events: none;
}

.fullscreen-menu.open {
    clip-path: inset(0 0 0% 0);
    pointer-events: all;
}

/* Header του menu */
.menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    flex-shrink: 0;
}

.menu-logo-text {
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -1px;
}

.menu-close {
    background: none;
    border: none;
    cursor: pointer;
    color: #fff;
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 32px;
}

.menu-close span {
    display: block;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center;
    width: 100%;
}

.menu-close span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.menu-close span:nth-child(2) {
    opacity: 0;
}

.menu-close span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* Content του menu */
.menu-body {
    flex: 1;
    overflow-y: auto;
    padding: 30px 24px;
    display: flex;
    flex-direction: column;
}

/* Placeholder για το content */
.menu-placeholder {
    color: rgba(255,255,255,0.4);
    font-size: 13px;
    text-align: center;
    margin-top: 25px;
    line-height: 1.8;
}

header#masthead-mobile ul.sub-menu.mm-initialized.active li a {
    padding: 0 !important;
    opacity: 1 !important;
    color: white !important;
    border: none !important;
    line-height: 1 !important;
}

header#masthead-mobile ul.sub-menu.mm-initialized.active {
    height: 60vh !important;
    display: flex !important;
    flex-wrap: wrap;
    padding-bottom: 40vh;
}

header#masthead-mobile ul.sub-menu.mm-initialized.active li {
    max-height: max-content;
    max-width: 45%;
    flex: 0 0 50%;
    height: auto !important;
    transform: none !important;
    opacity: 1 !important;
}

header#masthead-mobile .mm-back-header {
    flex: 0 0 100%;
}

.menu-placeholder strong {
    display: block;
    color: rgba(255,255,255,0.7);
    font-size: 15px;
    margin-bottom: 8px;
}

/* Staggered animation για items */
.fullscreen-menu .menu-item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.fullscreen-menu.open .menu-item:nth-child(1) {
    opacity: 1;
    transform: none;
    transition-delay: 0.3s;
}

.fullscreen-menu.open .menu-item:nth-child(2) {
    opacity: 1;
    transform: none;
    transition-delay: 0.35s;
}

.fullscreen-menu.open .menu-item:nth-child(3) {
    opacity: 1;
    transform: none;
    transition-delay: 0.4s;
}

.fullscreen-menu.open .menu-item:nth-child(4) {
    opacity: 1;
    transform: none;
    transition-delay: 0.45s;
}

.fullscreen-menu.open .menu-item:nth-child(5) {
    opacity: 1;
    transform: none;
    transition-delay: 0.5s;
}

.fullscreen-menu.open .menu-item:nth-child(6) {
    opacity: 1;
    transform: none;
    transition-delay: 0.5s;
}

@media(max-width: 760px) {
    .swipercaps h1  ,  .swipercaps p.bigtitlesl{
        text-align: center;
        font: normal normal bold 25px/35px Proxima-Nova-wide;
        letter-spacing: -0.75px;
        color: #FFFFFF;
    }

    .swipercaps p {
        text-align: center;
        font: normal normal 500 13px/25px proxima-nova-wide;
        letter-spacing: -0.39px;
        color: #FFFFFF;
    }

    .colmoreresources h3 {
        padding: 30px 10px;
        text-align: left;
        font: normal normal bold 23px / 28px proxima-nova-wide;
    }

    .Frequentlyasked h3 {
        padding-bottom: 20px;
        font: normal normal bold 20px / 28px proxima-nova-wide;
    }

    .page-id-142 .general-title , .single-resource .single-head , .page-template-calculatorspage .page-header {
        padding-top: 100px;
    }

    .calcinsrowser h2 {
        text-align: left;
        font: normal normal bold 20px/59px proxima-nova-wide;
        letter-spacing: -0.6px;
        color: #003296;
    }

    .Frequentlyasked {
        padding: 0 16px;
    }

    button.faq-question {
        text-align: left;
        font: normal normal bold 14px/20px proxima-nova-wide;
        letter-spacing: -0.42px;
        color: #000000;
    }

    .gratxts {
        text-align: left;
        font: normal normal normal 14px/25px Proxima-Nova-wide;
        letter-spacing: -0.42px;
        color: #4B4B4B;
    }

    .page-template.page-template-calculatorspage .general-title {
        background-size: cover !important;
        border-radius: 0px 0px 50px 50px;
        height: auto;
        background-position: CENTER center !important;
    }

    .miniresourcedesc p {
        font-size: 14px;
    }

    .feature_text p {
        text-align: left;
        font: normal normal 500 14px/25px Proxima-nova-wide;
        letter-spacing: -0.42px;
        color: #4B4B4B;
    }

    .feature_text h2 {
        text-align: left;
        font: normal normal bold 18px/50px Proxima-Nova-wide;
        letter-spacing: -0.54px;
        color: #0C1133;
    }

    .single-resource a.transpbtnsmall {
        margin-top: 10px;
        display: inline-block;
        width: 210px;
    }

    .single-resource .ctasandlangmobile a.transpbtnsmall {
        width: auto;
    }

    .single-resource h1.entry-title {
        padding-right: 3rem;
        text-align: left;
        font: normal normal bold 20px / 25px proxima-nova-wide;
        letter-spacing: -0.96px;
        color: #FFFFFF;
    }

    ul.resourcekeypoints {
        grid-template-columns: 1fr;
    }

    .resource-keypoints h3 {
        text-align: left;
        font: normal normal bold 18px/35px Proxima-Nova-wide;
        letter-spacing: -0.54px;
        color: #003296;
    }

    ul.resourcekeypoints li {
        text-align: left;
        font: normal normal 500 14px/28px Proxima-Nova-wide;
        letter-spacing: -0.42px;
        color: #4B4B4B;
    }

    .row.g-4.mainresources {
        padding: 0;
        margin: auto;
    }

    h3.h5.fw-bold.mb-3.mt-2 {
        min-height: auto;
        text-align: left;
        font: normal normal bold 16px/24px Proxima-Nova-wide;
        letter-spacing: -0.48px;
        color: #003296;
    }

    .pagegridtitle h1.entry-title {
        text-align: center;
        font: normal normal bold 20px/35px proxima-nova-wide;
        letter-spacing: -0.6px;
        color: #FFFFFF;
    }

    .pagedescr p {
        text-align: center;
        font: normal normal 500 13px/25px proxima-nova-wide;
        letter-spacing: -0.39px;
        color: #FFFFFF;
    }
}

.calc-card.d-flex.flex-column img {
    max-height: 300px;
    width: AUTO;
    margin: AUTO;
    display: block;
}

@media(min-width: 780px) {
    .mobileibexams {
        display: none;
    }
}

@media(max-width: 780px) {
    .Frequentlyasked h1 {
        padding-top: 20px;
        padding-bottom: 20px;
        font: normal normal bold 20px / 28px proxima-nova-wide;
    }

    .desktopibexams {
        display: none;
    }

    .home .col-md-6.textstwo {
        padding: 20px 5px;
    }

    section.homefour {
        padding: 0 15px;
    }

    section.homefour .gakukan {
        border-radius: 25px;
        text-align: left;
        font: normal normal 500 18px / 36px proxima-nova-wide;
        letter-spacing: -0.54px;
        color: #FFFFFF;
        color: white;
        background-position: 40% 50% !important;
        background: url(/wp-content/uploads/2026/04/img-gakuhan.png);
        height: 650px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        align-items: center;
    }

    .home .textstwo a.bluebtn {
        margin-top: 30px;
    }

    .calc-card.d-flex.flex-column img {
        max-height: 160px;
    }
    .calc-card.d-flex.flex-column {
    padding: 25px 0;
    }
    h3.h5.fw-bold.mb-3.mt-2 {
        padding-top: 3px !important;
        margin-top: 0 !important;
    }
    p.viewmorewr {
        font:normal normal 600 14px/22px proxima-nova-wide;
    height: 20px;
}

    .col-md-6.imageresces-end img {
        pointer-events: none;
        object-fit: cover;
        right: 40px;
        position: absolute;
        height: auto;
        width: 120px;
        transform: rotate(10deg);
    }
}

@media(min-width: 1190px) {
    li.viewallmenu {
        height: 40px !important;
        background: transparent;
        text-align: right;
        position: absolute;
        right: 50px;
        top: 10px;
    }
}

@media(max-width: 1190px) {
    .container-fluid.bigdescription ul, .bigdescription ol {
        margin: 0 0 1.5em 0em;
    }

    /* Submenu - κρυφό by default */
    .mobilemegamenu .sub-menu {
        display: none !important;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* Ανοιχτό submenu - slide in από δεξιά */
    .mobilemegamenu .sub-menu.active {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: inherit;
        z-index: 10;
        overflow-y: auto;
        animation: mmSlideIn 0.3s ease;
    }

    @keyframes mmSlideIn {
        from {
            transform: translateX(100%);
        }

        to {
            transform: translateX(0);
        }
    }

    /* Back header */
    .mm-back-header {
        border-bottom: 1px solid rgba(255,255,255,0.15);
        margin-bottom: 8px;
    }

    .mm-back-btn {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 16px 0;
        background: none;
        border: none;
        color: inherit;
        font-size: 17px;
        font-weight: 600;
        cursor: pointer;
    }

    .mm-back-btn:hover {
        opacity: 0.7;
    }

    /* Arrow */
    .mobilemegamenu .mm-arr {
        margin-left: auto;
        font-size: 20px;
        opacity: 0.5;
    }

    /* Sub-menu links */
    .mobilemegamenu .sub-menu li a {
        display: block;
        padding: 13px 0;
        color: inherit;
        text-decoration: none;
        font-size: 16px;
        opacity: 0.8;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .mobilemegamenu .sub-menu li a:hover {
        opacity: 1;
    }

    .mobilemegamenu .sub-menu.active {
        z-index: 0 !important;
    }

    .mobilemegamenu .sub-menu li a {
        text-align: left;
        font: normal normal 500 14px/17px Proxima-Nova-wide !important;
        letter-spacing: -0.42px;
        color: #FFFFFF !important;
    }

    .mobilemegamenu .sub-menu li a:hover {
        line-height: 40px !important;
    }

    /* li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-18 {
    opacity: 1;
    transform: none;
} */
    .menu-item-has-children > a::after {
        visibility: hidden;
    }

    span.mm-arr {
        margin-left: 10px !important;
        opacity: 1 !important;
    }

    ul.sub-menu.active {
        background: #002265 0% 0% no-repeat padding-box !important;
        width: 100vw;
        height: 100vh;
        padding: 16px;
        max-height: 100vh;
        display: block !important;
        overflow: VISIBLE !important;
        position: absolute !important;
        z-index: 9 !important;
        top: 64px !important;
    }
}

.calc-card.d-flex.flex-column:hover {
    background: #ECECEC 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 15px;
    transition: all .2s ease;
}

th.compare-label-col {
    background: white !important;
}

.calc-card.d-flex.flex-column {
    border: 1px solid transparent;
}

p.nocalcelected {
    background: #003296;
    height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

button.search-submit {
    display: flex;
    align-items: center;
}

.lang-wrapper {
    position: relative;
    display: inline-block;
}

.lang-toggle {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

ul.wpm-language-switcher.wpm-switcher-list {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: 'proxima-nova-wide';
    text-align: center;
}

.lang-dropdown {
    border-radius: 5px;
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    background: #ffffffc4;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    padding: 10px;
    z-index: 999;
}

.single-resource .single-head a.transpbtnsmall {
    min-width: 175px;
}

.lang-dropdown.active {
    display: block;
}

ul.wpm-language-switcher.wpm-switcher-list li a , ul.wpm-language-switcher.wpm-switcher-list li span {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}

ul.wpm-language-switcher.wpm-switcher-list li {
    margin-bottom: 5px;
}

.lang-dropdown.active {
    min-width: 75px;
}

.site-logofooter.col-md-5 a.transpbtnsmall {
    min-width: 180px;
}

.textstwo p.spaner {
    text-align: left;
    font: normal normal 600 20px / 25px Proxima-nova-wide;
    letter-spacing: -0.6px;
    color: #003296;
    opacity: 1;
    display: block;
}

.modal-content span.wpcf7-list-item label input[type="checkbox"] {
    width: 70px;
    height: 18px;
}

body.language-el button.phoninfo {
    width: 244px;
}

section.homefive a.bluebtn {
    min-width: 220px;
}

.langsmobile a , .langsmobile span {
    text-align: center;
    color: white;
    align-items: CENTER;
    margin: AUTO;
    justify-content: center;
}

.langsmobile ul {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: CENTER;
    justify-content: center;
    margin: 10px auto;
}

.langsmobile img {
    display: none !important;
}

ul.wpm-language-switcher.wpm-switcher-list img {
    display: none;
}

.langsmobile ul.wpm-language-switcher.wpm-switcher-list li {
    text-align: center !important;
    display: block !important;
    margin: auto;
}

.textstwo p.spaner {
    margin-bottom: 0;
    text-align: left;
}

@media(max-width: 780px) {
    .compare-bar-item {
        display: flex;
        align-items: center;
        gap: 4px;
        background: rgba(255, 255, 255, 0.1);
        padding: 4px 6px;
        border-radius: 6px;
        font-size: 11px;
    }

    .textstwo p.spaner {
        text-align: center;
    }

    .langsmobile .fa-solid {
        float: left;
        margin: 7px 9px;
        color: white;
    }

    ul.wpm-language-switcher.wpm-switcher-list {
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-family: 'proxima-nova-wide';
        text-align: center;
    }

    .langsmobile ul {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        justify-content: start;
        gap: 15px;
    }

    .langsmobile {
        padding-top: 5px;
    }
}

.single-calculator .feature_text h3 {
    text-align: left;
    font: normal normal bold 20px/40px Proxima-nova-wide;
    letter-spacing: -0.6px;
    color: #0C1133;
}

@media(min-width: 1440px) {
    .single-resource .row.escalaedfeat:nth-child(even) {
        margin-top: 5rem;
    }

    .resourcefilters {
        padding-bottom: 3rem;
        position: sticky;
        top: 14px;
    }
}

@media(min-width: 1140px) {
    .calc-gallery-wrapper img {
        max-width: 636px;
        margin: auto;
    }

    .swiper.calc-swiper-main {
        padding: 2rem 0;
    }
}

.swiper-slide-active .swipercaps {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

body.language-el .sitemenu ul li a {
    margin: 0 10px 0px 10px;
}

@media (max-width: 491px) {
    .row.g-4.formaepik .col-md-6 {
        width: 50%;
        padding: 0 5px;
    }

    .row.g-4.formaepik .col-md-12 {
        padding: 0 5px;
    }

    .contactpageho select.wpcf7-form-control.wpcf7-select {
        padding: 0 3px;
        font-size: 12px;
        font-weight: 500;
    }

    .row.g-4.formaepik .col-md-6 input::placeholder {
        padding: 0;
        font-size: 12px;
        font-weight: 500;
    }

    .contactpageho textarea.wpcf7-form-control.wpcf7-textarea {
        height: 150px;
    }

    section.homefour .gakukan {
        background-position: 45% 50% !important;
    }

    .gakukan .col-md-6 {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: end;
    }

    .gakukan a.bluebtn {
        margin: 10px 0;
    }

    .modal-content .col-md-6.flexallro span {
        font-size: 11px;
    }

    .modal-content .col-md-6.flexallro input {
        width: 17px !important;
        height: 14px !important;
    }

    .modal-content textarea.wpcf7-form-control.wpcf7-textarea {
        height: 110px;
    }

    .langsmobile li.active {
        text-decoration: underline;
        text-decoration-color: #2480d1;
    }

    .homesix {
        margin: 3rem 0 90px 0;
    }

    .newsletterform {
        padding-bottom: 60px;
    }

    .pagegridtitle {
        padding: 10px 10px;
    }
}

@media (max-width: 494px) {
    .page-template.page-template-contactpage.page-template-contactpage-php .col-md-6.acceptancefld {
    width: 100% !important;
    text-align: left !important;
}
.col-md-6.cafcf {
    width: 100% !important;
}
.page-template.page-template-contactpage.page-template-contactpage-php .col-md-6.acceptancefld label {
    text-align: left;
}
    .single-calculator .specs-table td:nth-child(even) {
        text-align: right;
        FONT-SIZE: 13px;
    }

    .single-calculator .container-fluid.satistics {
        padding: 1.5rem;
    }

    .specs-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 30px;
        font: normal normal bold 14px / 19px Proxima-Nova-wide;
    }

    .gakukan .col-md-6 {
        padding: 10px 0;
    }

    .row.gakukan p {
        text-align: center;
        font: normal normal 500 13px / 25px proxima-nova-wide;
        letter-spacing: -0.42px;
        color: #FFFFFF;
    }
}

.col-md-6.acceptancefld input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.col-md-6.acceptancefld input[type="checkbox"]:checked {
    background-color: #001643;
    border-color: #007bff;
}

.col-md-6.acceptancefld input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.col-md-6.acceptancefld label {
    display: flex;
    align-items: center;
    gap: 9px;
}

.modal-content span.wpcf7-list-item label input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 19px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.modal-content span.wpcf7-list-item label input[type="checkbox"]:checked {
    background-color: #002265;
    border-color: #007bff;
}

.col-md-6.flexallro span.wpcf7-list-item-label {
    padding-left: 10px;
}

.modal-content span.wpcf7-list-item label input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.col-md-12.acceptancefld {
    font-size: 12px;
    margin: 10px auto;
}
.col-md-12.acceptancefld input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.col-md-12.acceptancefld input[type="checkbox"]:checked {
    background-color: #001643;
    border-color: #007bff;
}

.col-md-12.acceptancefld input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.col-md-12.acceptancefld label {
    display: flex;
    align-items: center;
    gap: 9px;
}
footer#colophon .addressinfo.mt-2.pt-4 a{
  text-decoration:none;
    font: normal normal 400 13px / 16px proxima-nova-wide;
    letter-spacing: -0.26px;
	color: #FFFFFF;
}
a.bluebtnsmall.gtketkp {
    display: block;
    margin: auto;
    min-width: 200px;
}
section.homeseven {
    text-align: left;
    font: normal normal 500 16px / 28px Proxima-nova-wide;
    letter-spacing: -0.54px;
    color: black;
}
footer#colophon .addressinfo.mt-2.pt-4 a.transpbtnsmall {
    display: inline-block;
    width: auto;
    height: 45px;
    text-decoration: none;
	font: normal normal 500 14px/45px proxima-nova-wide !important;
}
.container-fluid.satistics summary {
    padding: 0.75rem;
    background: #003296 0% 0% no-repeat padding-box;
    border: 1px solid #00329659;
    border-radius: 7px;
    color: white;
}

.container-fluid.satistics summary::marker {
    position: absolute !important;
    right: 0 !important;
    float: RIGHT;
}
details.specs-accordion > summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    cursor: pointer;
}

details.specs-accordion > summary::-webkit-details-marker {
    display: none;
}

details.specs-accordion > summary::after {
        content: "\25B8";
    font-size: 1.5rem;
    transition: transform 0.2s;
    flex-shrink: 0;
}

details.specs-accordion[open] > summary::after {
    transform: rotate(90deg);
}

@media (max-width: 660px) {
    section.homeseven {
    padding: 0 20px;
}
.calc-gallery-wrapper .swiper {
    padding: 2rem 0;
}
.floating-contact {
    position: fixed;
    bottom: 20px;
	right: 15px;
}	
.formnewsfooter .col-md-12.acceptancefld {
    text-align: left;
}
.formnewsfooter .acceptancefld input[type="checkbox"] {
  
    width: 25px !important;
}
    .swiper.calc-swiper-thumbs.swiper-initialized.swiper-vertical {
    display: none;
}
.container-fluid.satistics summary {
    padding: 0.5rem;
}
span.compare-bar-title {
    flex: 0 0 100%;
}
div#compare-bar-items {
    width: 100%;
    flex: 0 0 100%;
}
div#compare-bar-items {
    padding-right: 50px;
}
.compare-product-header h3, .compare-product-header h3 a {
    text-align: center;
    font: normal normal bold 14px / 10px Proxima-Nova-wide;
}
    .single-head.bakugan {
        padding-bottom: 45px;
        height: AUTO;
    }
	
.single-resource #single-content {
    padding-top: 1rem;
    padding-bottom: 80px;
}	
}
input[type="search"]:focus {
    outline: none;
    background: white;
    color: #001848;
}
.col-md-12.acceptanceflde {
    color: white;
    font-size: 13px;
    margin: 15px 0;
    text-align: left;
}
.my-custom-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.my-custom-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #001e59;
    font-weight: 500;
    transition: all 0.3s ease;
}

.my-custom-pagination .page-numbers:hover {
    background-color: #001e59;
    color: #fff;
    border-color: #001e59;
}

.my-custom-pagination .current {
    background-color: #001e59;
    color: #fff;
    border-color: #001e59;
}

.my-custom-pagination .prev,
.my-custom-pagination .next {
    width: auto;
    padding: 0 15px;
    border-radius: 20px;
}
.choices__placeholder{
	opacity:1 !important;
}
.choices__inner {
    color: #003296;   
    background: #00329617 0% 0% no-repeat padding-box !important;
    border: 1px solid #0032964F !important;
    font-family: 'proxima-nova-wide';
    font-weight: 700;
}

.choices__list.choices__list--dropdown .choices__list{    color: #003296;
    background: #dae4f5 0% 0% no-repeat padding-box;}
@media(min-width:1400px){
.stikmobctascalc.show {
    top: unset !important;
    bottom: 20px;
}
}
@media(min-width:800px){
    .buttonscalcsgrd.stikmobctascalc {box-shadow: none !important;max-width: 450px !important;align-items: CENTER;justify-content: CENTER;left: 50%;transform: translateX(-50%);}
}

.buttonscalcsgrd.stikmobctascalc {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 0 10px;
    background: transparent;
    max-width: Calc(100% - 0px);
    margin: auto;
}
.stikmobctascalc a.bluebtndrk {
    font-size: 12px;
    width: auto;
    padding: 0 10px !important;
}
    /* όταν ενεργοποιηθεί */
.stikmobctascalc.show {
    top: 100px;
}
.stikmobctascalc {
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    padding: 10px;
    background: #fff;
    box-shadow: 0 -4px 10px rgba(0,0,0,0.1);
    display: flex;
    gap: 10px;
    justify-content: center;
    z-index: 999;
    transition: bottom 0.3s ease;
}
@media(max-width:768px){

h3.h5.fw-bold.mb-3.mt-2 {
        min-height: auto;
        text-align: left;
		font: normal normal bold 15px / 20px Proxima-Nova-wide;
}
section.homeseven {
    text-align: left;
	font: normal normal 500 14px / 28px Proxima-nova-wide;
}
	
}
.resourcefilters button.bluebtn {
    height: 45px;
}
.seokeimenoemulator h2 {
    font: normal normal bold 25px / 39px Proxima-Nova-wide;
    letter-spacing: -0.75px;
    color: #003296;
}

.seokeimenoemulator p {
    color: black;
    font-family: 'proxima-nova-wide';
}



/* ==================== MOBILE RESPONSIVE ==================== */
@media (max-width: 768px) {
    /* ============================================= */
/* COMPARE TABLE - RESPONSIVE WITH THEAD */
/* ============================================= */

.compare-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    margin: 20px 0 40px 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}

.compare-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    background: #fff;
    font-size: 15.5px;
}

.compare-table th,
.compare-table td {
    padding: 12px 10px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
}

/* ==================== HEADER (THEAD) ==================== */
.compare-product-header {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 10px 8px 8px;
}

.compareimageprodus img {
    max-height: 100px;
    width: auto;
    object-fit: contain;
    margin-bottom: 10px;
}

.compare-product-header h3 {
    font-size: 16.5px;
    margin: 6px 0 5px 0;
    line-height: 1.25;
}

.compare-product-header h3 a {
    color: #002265;
    text-decoration: none;
}

.compare-pricevp a {
    font-size: 14px;
    color: #0066cc;
}

.btn-remove-compare {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #c3c2c2;
    color: white;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 17px;
    cursor: pointer;
}

/* ==================== LABEL COLUMN ==================== */
.compare-label-col {
    position: sticky;
    left: 0;
    background: #f8f9fa;
    font-weight: 600;
    text-align: left !important;
    z-index: 10;
    min-width: 165px;
    box-shadow: 3px 0 8px rgba(0,0,0,0.12);
    padding-left: 16px !important;
}

/* ==================== GROUP HEADERS ==================== */
.compare-group-row td {
    background: linear-gradient(92deg, #002265, #001a4d);
    color: white;
    font-size: 17px;
    font-weight: 700;
    padding: 14px 12px !important;
    text-align: left;
}

/* Yes / No */
.cell-yes { background: #e6f4ea; }
.cell-no  { background: #fce8e6; }

.icon-yes { color: #34a853; font-size: 14px; font-weight: bold; }
.icon-no  { color: #ea4335; font-size: 14px; font-weight: bold; }

    .compare-table {
        min-width: 100%;
        font-size: 15px;
    }

    .compare-table th,
    .compare-table td {
        padding: 10px 8px;
    }

    .compare-product-header {
        min-height: 160px;
        padding: 8px 6px;
    }

    .compareimageprodus img {
        max-height: 78px;
    }

    .compare-product-header h3 {
        font-size: 15.2px;
    }

    .btn-remove-compare {
        width: 32px;
        height: 32px;
        font-size: 18px;
        top: 6px;
        right: 6px;
    }

    /* Κάνουμε τις στήλες πιο στενές */
    .compare-table td:not(.compare-label-col),
    .compare-table th {
        min-width: 110px;
    }

    /* Καλύτερο scroll */
    .compare-table-wrapper {
        margin: 15px 0 30px 0;
    }
}

/* Πολύ μικλές οθόνες */
@media (max-width: 580px) {
    .compare-table th,
    .compare-table td {
        font-size: 12.5px;
        padding: 9px 6px;
    }
.compare-table .compare-label-col{
	font-size: 12.5px;
	}
    .compareimageprodus img {
        max-height: 70px;
    }

    .compare-label-col {
        min-width: 145px;
        font-size: 12.8px;
    }
	p.viewmorewr {
    display: none;
}
	.hometwo {
		margin-bottom: 50px;
	}
}
.choices__inner {    border-radius: 5px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    color: white;
}

.modal-content .col-md-12.flexallro label {
    font-size: 12px;
    display: FLEX;
    align-items: CENTER;
}
@media screen and (max-width: 1699px) and (min-width:1590px) {
.sitemenu ul li a {
	margin: 0 12px 0px 12px;
}
}
@media screen and (max-width: 1350px) and (min-width:1190px) {
.topbar .col-md-4.text-center {
	padding:0;
	font: normal normal normal 12px / 17px proxima-nova-wide;
}
    .sitemenu ul li a {
        margin: 0 5px 0px 5px !important;
        text-align: left;
        font: normal normal 500 13px / 19px proxima-nova-wide;
    }	
}
@media screen and (max-width: 1190px) and (min-width:550px) {
.acceptancefld span {
    letter-spacing: 0;
    font-size: 10px !important;
}

.col-md-6.acceptancefld {
    padding: 0;
}
}
.page-template-contactpage .choices__inner {
    background: #0c2659 !important;
}
.page-template-contactpage .choices__item.choices__placeholder.choices__item--selectable{
   background: #0c2659 !important;
    color: white;
    font-weight: normal;
    font-size: 12px;
}
div#sideModal .choices ,  .page-template-contactpage .choices{
 font: normal normal normal 14px / 18px Proxima-Nova-wide;
    letter-spacing: -0.24px;
    color: #FFFFFF;
    background: #E3F0F80D 0% 0% no-repeat padding-box;
    border: 1px solid #ACACAC7D;
    border-radius: 10px;
}
div#sideModal .choices__inner {
    background: #0c2c6d;
}

div#sideModal .choices__list.choices__list--single , .page-template-contactpage .choices__list.choices__list--single{
    color: white;
    font-weight: normal;
    font-size: 12px;
}


div#sideModal .choices[data-type*=select-one]::after , .page-template-contactpage  .choices[data-type*=select-one]::after{
    
	border-color: #ffffff transparent transparent transparent !important;
}

div#sideModal .choices__item.choices__placeholder.choices__item--selectable {
	background: #0c2c6d;
    color: white;
    font-weight: normal;
    font-size: 12px;
}

@media(max-width:480px){
	div#sideModal .choices__item.choices__placeholder.choices__item--selectable {
    background: #0c2c6d;
    color: white;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: -0.5px;
}
div#sideModal .choices__inner {
    padding: 0;
    background: #0c2c6d !important;
    display: flex;
    align-items: CENTER;
    justify-content: CENTER;
    min-height: 39px;
}
.page-template-contactpage .choices__item.choices__placeholder.choices__item--selectable {
    background: #0c2659 !important;
    color: white;
    font-weight: normal;
    font-size: 11px;
}
.page-template-contactpage .choices__inner {
    padding: 0;
    
    display: flex;
    align-items: CENTER;
    justify-content: CENTER;
    min-height: 48px;
}
}
 

.page-template-contactpage input:-webkit-autofill,
.page-template-contactpage input:-webkit-autofill:hover,
.page-template-contactpage input:-webkit-autofill:focus,
.page-template-contactpage textarea:-webkit-autofill,
.page-template-contactpage textarea:-webkit-autofill:hover,
.page-template-contactpage textarea:-webkit-autofill:focus {

    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: white; !important;

    transition: background-color 9999s ease-in-out 0s;
}

.modal-content input:-webkit-autofill,
.modal-content input:-webkit-autofill:hover,
.modal-content input:-webkit-autofill:focus,
.modal-content textarea:-webkit-autofill,
.modal-content textarea:-webkit-autofill:hover,
.modal-content textarea:-webkit-autofill:focus {

    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: white; !important;

    transition: background-color 9999s ease-in-out 0s;
}

@media (max-width: 444px) {
	.resourcefilters {
		z-index: 8;
	}
	    .page-id-142 .general-title {
        z-index: 9;
	}
    h3.h5.fw-bold.mb-3.mt-2 {
        min-height: auto;
        margin-bottom: 0 !important;
        font: normal normal bold 13px / 18px Proxima-Nova-wide;
    }
	.modal-content p {
    font-size: 12px;
}
section.resources h3.h5.fw-bold.mb-3.mt-2 {
    font-size: 18px;
    padding: 10px 0;
    margin-top: 10px !important;
}
.page-template-resourcespage h3.h5.fw-bold.mb-3.mt-2 {
    font-size: 15px;
    padding-bottom: 10px;
}	
.colmoreresources h3.h5.fw-bold.mb-3.mt-2 {
    padding: 5px 0px;
    font-size: 15px;
    margin-top: 5px !important;
}	
}
.videoresource {
    display: FLEX;
    align-items: CENTER;
    justify-content: center;
    margin-bottom: 40px;
}
.page-id-539 a.transpbtnsmall.newbtnff {
    display: none;
}
.choices.is-flipped .choices__list--dropdown {
    top: 100% !important;
    bottom: auto !important;
}
.pagedescr {
	filter:brightness(100%);
    color: white;
}
.home .videoresource , .page-template-emulatorpage .videoresource{
    z-index:4;
}
@media(max-width:460px){
	.home .videoresource , .page-template-emulatorpage .videoresource{
		padding-bottom: 600px;
	}
	.pagedescr {
    font-size: 14px;
    text-align: center;
    padding: 5px 10px 20px 10px;
}
	.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    font-size: 11px !important;
}
    div#sideModal .col-md-6 {
        flex: 0 0 50%;
        padding: 0 5px;
    }
        div#sideModal .col-md-12 {
       
        padding: 0 5px;
    }
}