/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#signup-popup #gform_wrapper_2[data-form-index="0"].gform-theme, 
#signup-popup [data-parent-form="2_0"],
.contact-form-col #gform_wrapper_1[data-form-index="0"].gform-theme,
.contact-form-col [data-parent-form="1_0"] {
    --gf-color-primary: #193557;
    --gf-color-primary-rgb: 32, 76, 229;
    --gf-color-primary-contrast: #fff;
    --gf-color-primary-contrast-rgb: 255, 255, 255;
    --gf-color-primary-darker: rgb(25, 53, 87);
    --gf-color-primary-lighter: rgba(25, 53, 87,0.7);
    --gf-color-secondary: #fff;
    --gf-color-secondary-rgb: 255, 255, 255;
    --gf-color-secondary-contrast: #193557;
    --gf-color-secondary-contrast-rgb: 17, 35, 55;
    --gf-color-secondary-darker: #F5F5F5;
    --gf-color-secondary-lighter: #FFFFFF;
    --gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);
    --gf-color-out-ctrl-light-rgb: 17, 35, 55;
    --gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);
    --gf-color-out-ctrl-light-lighter: #F5F5F5;
    --gf-color-out-ctrl-dark: #585e6a;
    --gf-color-out-ctrl-dark-rgb: 88, 94, 106;
    --gf-color-out-ctrl-dark-darker: #193557;
    --gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);
    --gf-color-in-ctrl: #f9fafb;
    --gf-color-in-ctrl-rgb: 255, 255, 255;
    --gf-color-in-ctrl-contrast: #112337;
    --gf-color-in-ctrl-contrast-rgb: 17, 35, 55;
    --gf-color-in-ctrl-darker: #F5F5F5;
    --gf-color-in-ctrl-lighter: #FFFFFF;
    --gf-color-in-ctrl-primary: #193557;
    --gf-color-in-ctrl-primary-rgb: 32, 76, 229;
    --gf-color-in-ctrl-primary-contrast: #fff;
    --gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;
    --gf-color-in-ctrl-primary-darker: #193557;
    --gf-color-in-ctrl-primary-lighter: rgba(25, 53, 87,0.7);
    --gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);
    --gf-color-in-ctrl-light-rgb: 17, 35, 55;
    --gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);
    --gf-color-in-ctrl-light-lighter: #F5F5F5;
    --gf-color-in-ctrl-dark: #585e6a;
    --gf-color-in-ctrl-dark-rgb: 88, 94, 106;
    --gf-color-in-ctrl-dark-darker: #112337;
    --gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);
    --gf-radius: 8px;
    --gf-font-size-secondary: 14px;
    --gf-font-size-tertiary: 13px;
    --gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
    --gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
    --gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
    --gf-ctrl-border-color: #dae0e7;
    --gf-ctrl-label-color-primary: #132439;
    --gf-ctrl-label-color-secondary: #132439;
    --gf-ctrl-btn-border-color-secondary: #42a5d7;
    --gf-ctrl-file-btn-bg-color-hover: #EBEBEB;
    --gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);
    --gf-ctrl-border-color-focus:#dae0e7;
    --gf-ctrl-label-color-req:#132439;
}
body{
    font-size: 14px;
    color: #132439;
    line-height: 1.5;
}
.overflow-hidden {
    overflow: hidden;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.sticky {
    position: sticky;
}
.top-28 {
    top: 7rem;
}
.opacity-50 {
    opacity: .5;
}
.opacity-90 {
    opacity: .9;
}
.bg-muted {
    background-color: #ecf0f4;
}
.bg-primary-10 {
    background-color: rgba(25, 53, 87,0.1);
}
.bg-accent {
    background-color: #d0e6f1;
}
.bg-primary {
    background-color:var(--fs-color-primary);
}
.bg-secondary {
    background-color:var(--fs-color-secondary);
}
.dark .text-primary,
.text-primary {
    color: var(--fs-color-primary);
}
.text-primary-30 {
    color: rgba(25, 53, 87,0.3);
}
.dark .text-secondary,
.text-secondary {
    color: var(--fs-color-secondary);
}
.dark .text-primary-foreground-80,
.text-primary-foreground-80 {
    color: rgba(255, 255, 255, 0.8);
}
.dark .text-primary-foreground-60,
.text-primary-foreground-60 {
    color: rgb(255, 255, 255,0.60);
}
.dark .text-foreground,
.text-foreground {
    color: #132439;
}
.text-primary-foreground {
    color:#fff;
}
.text-secondary-foreground {
    color:#fff;
}
.dark .text-muted-foreground,
.text-muted-foreground {
    color: #506f95;
}
.border-color {
    color: #dae0e7;
}
.font-bold {
    font-weight: 700;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.font-display {
    font-family: Playfair Display, Georgia, serif;
}
.font-inter {
    font-family: Inter, sans-serif;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-center {
    text-align: center;
}
.w-full {
    width: 100%;
}
.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.25rem;
}
.w-6 {
    width: 1.5rem;
}
.w-10 {
    width: 2.5rem;
}
.h-4 {
    height: 1rem;
}
.h-5 {
    height: 1.25rem;
}
.h-6 {
    height: 1.5rem;
}
.h-10 {
    height: 2.5rem;
}

.h-full {
    height: 100%;
}
.max-w-3xl {
    max-width: 48rem;
}
.max-w-2xl {
    max-width: 42rem;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.max-w-200 {
    max-width: 200px;
}
body .row .max-w-4xl,
.max-w-4xl {
    max-width: 56rem;
}
.tracking-wide {
    letter-spacing: .025em;
}
.tracking-wide-minus {
    letter-spacing: -.025em;
}
.p-3 {
    padding: .75rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-8 {
    padding: 2rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
} 
.mt-05 {
    margin-top: .125rem;
}
.mt-1 {
    margin-top: .25rem;
}
.mt-2 {
    margin-top: .5rem;
}
.mt-3 {
    margin-top: .75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-6 {
    margin-top: 1.5rem
}
.mt-8{
    margin-top: 2rem
}
.mb-1 {
    margin-bottom: .25rem;
}
.mb-2 {
    margin-bottom: .5rem;
}
.mb-3 {
    margin-bottom: .75rem
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-6 {
    margin-bottom: 1.5rem
}
.mb-8 {
    margin-bottom: 2rem
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.grid {
    display: grid;
}
.gap-1 {
    gap: .25rem;
}
.gap-2 {
    gap: .5rem;
}
.gap-3 {
    gap: .75rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.bg-card {
    background-color: #fff;
}
.shadow-card {
    box-shadow:rgba(25, 53, 87, 0.1) 0px 4px 20px -4px;
}
.shadow-card-hover{
    box-shadow:rgba(25, 53, 87, 0.1) 0px 4px 20px -4px;
}
.shadow-card-hover:hover{
    box-shadow: 0 12px 32px -8px rgba(25, 53, 87, 0.18);
}
.border {
    border: 1px solid #dae0e7;
}
.rounded {
    border-radius: .25rem;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: .625rem;
}
.rounded-xl {
    border-radius: .75rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.h-44 {
    height: 11rem;
}
h1, h2, h3 {
    letter-spacing: -0.025em;
}
body .container-width,body .full-width .ubermenu-nav, body .container, body .row {
    max-width: 1280px
}
.container {
    padding-right: 2rem;
    padding-left: 2rem;
}
.gradient-hero {
    background: linear-gradient(135deg, hsl(213 55% 22%) 0%, hsl(213 45% 32%) 50%, hsl(200 55% 40%) 100%);
}
.header-main .header-nav.header-nav-main{
    justify-content: center;
}
.header-main .header-nav.nav>li>a {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}
.header-main .header-nav.nav>li{
    margin: 0 1rem;
}
.header-main .header-nav.nav>li.has-dropdown .icon-angle-down{
    opacity: 1;
    line-height: 1;
    width: 16px;
    text-align: center;
}
.header-main .header-nav .header-button .secondary.is-outline{
    background: #f9fafb !important;
    border-width: 1px;
    border-color: #dae0e7 !important;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    color:  var(--fs-color-primary) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-main .header-nav .header-button .secondary.is-outline:hover{
    background: #d0e6f1 !important;
    border-color: #dae0e7 !important;
    color:  var(--fs-color-primary) !important;
}
.header-main .header-nav .header-button .secondary.is-outline:hover span{
    color:  var(--fs-color-primary) !important;
}
.header-nav-main .nav-dropdown{
    padding: .25rem;
    color: #132439;
    border-radius: 8px;
    border-width: 1px;
}
.header-nav-main .nav-dropdown.nav-dropdown-default>li>a{
    color: #132439;
    border: 0;
    margin: 0;
    padding: .375rem 0.5rem;
    border-radius: 6px;
}
.header-nav-main .nav-dropdown.nav-dropdown-default>li>a:hover{
    background-color: #d0e6f1;
    color: var(--fs-color-primary);
}

.icon-user:before{
    content: '';
    background: url(images/user-icon.svg) no-repeat center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: block;
}
.footer-logo img{
    border-radius: .25rem;
    max-height: 48px;
    width: auto;
}
.footer-col-title{
    margin-bottom: 1rem;
}
.footer-col-title h2,.footer-col-title h4{
    margin-bottom: 0;
}
.footer-cont-col .icon-box-img svg{
    fill: none;
    width: 18px;
    height: 18px;
}
.footer-cont-col .icon-box-img svg path{
    fill: none;
}
.footer-cont-col .icon-box-text p,
.footer-cont-col .icon-box-text h5{
    font-family: Inter, sans-serif;
    color: rgba(255, 255, 255, 0.8);
    text-transform: unset;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
}
.footer-cont-col a.plain:hover .icon-inner,
.footer-cont-col a.plain:hover p,
.footer-cont-col a.plain:hover .icon-box-text h5{
    color: #fff !important;
}
.footer-cont-col .icon-box{
    margin-bottom: 10px !important;
}
.footer-cont-col .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0.4rem;
}
.dark .footer-linkuntili-col .ux-menu-link__link{
    color: rgba(255, 255, 255, 0.8);
    min-height: unset;
    padding: 0;
    margin-bottom: 8px;
}
.dark .footer-linkuntili-col .ux-menu-link__link:hover{
    color: rgba(255, 255, 255, 1);
}
.footer-follow-col .social-icons .icon:after{
    content: attr(data-label);
    color: rgba(255, 255, 255);
    margin-left: .5rem;
    font-size: 14px;
}
.footer-follow-col .social-icons .icon{
    opacity: 0.8;
    display: flex;
    align-items: center;
    font-size: 17px;
}
.footer-follow-col .social-icons .icon:hover{
    opacity: 1;
}
.tooltipster-base{
    display: none !important;
}
.footer-top-sect{
    padding-bottom: 0.5rem !important;
}
.absolute-footer.dark {
    color: hsla(0, 0%, 100%, .6);
    padding: 0;
}
.absolute-footer .footer-primary{
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.copyright-footer{
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    font-weight: 400;
}
.col-inner-full .col-inner{
    width: 100%;
}
.col-pb-0 > .col {
    padding-bottom: 0;
}
.col-p-0 > .col {
    padding: 0;
}
.margin-15minus > .col{
    margin-left: -15px;
    margin-right: -15px;
}
.w-unset > .col > .col-inner{
    width: unset;
}
.button, button, input[type=button], input[type=reset], input[type=submit]{
    font-size: 1rem;
    letter-spacing: 0;
}
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline{
    border-width: 1px;
}
.hero-action-btn{
    font-weight: 600;
    padding: 2px 2rem;
    box-shadow: none;
    line-height: 2.4em;
    font-size: 1rem;
}
.hero-action-btn:hover{
    background-color: rgba(66,165,215,0.8);
    border-color: rgba(66,165,215,0.8);
    box-shadow: none;
}
.hero-action-btn.button:not(.icon)>span+i{
    margin-left: 0.6em;
}
.hero-banner .arrow-right-new .icon-angle-right:before{
    background: url(images/arrow-right-icon-white.svg) no-repeat center center;
    background-size: cover;
}
.arrow-right-new .icon-angle-right:before{
    content: '';
    background: url(images/arrow-right-icon.svg) no-repeat center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: block;
}
.button.white.is-outline,
.button.white-border-btn{
    font-weight: 500;
    padding: 2px 2rem;
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    line-height: 2.19em;
}
.button.white.is-outline:hover,
.button.white-border-btn:hover{
     color: #fff !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5);
}
.choose-interse-row > .col{
    display: flex;
}
.choose-interse-row  > .col > .col-inner{
    display: flex;
    width: 100%;
}
.choose-interse-row > .col > .col-inner > *{
    display: flex;
    width: 100%;
}
.course-category-card{
    display: flex;
    width: 100%;
}
.course-cat-box{
    background: #fff;
    border: 1px solid #dae0e7;
    padding: 1.5rem;
    border-radius: 1rem;
    align-items: center;
    transition: all 0.3s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.course-cat-box:hover{
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(59, 130, 246, 0.5) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    border-color: rgba(25, 53, 87,0.3);
}
.course-cat-box .icon{
    background: rgba(25, 53, 87, 0.1);
    border-radius: .75rem;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.course-cat-box .icon .icon-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.course-cat-box .icon svg{
    padding-top: 0;
    width: 28px;
    height: 28px;
    color: var(--fs-color-primary);
}
.course-cat-box .icon svg,
.course-cat-box .icon svg path{
    fill: none;
}
.course-cat-title{
    margin: 0;
    letter-spacing: -.025em;
}
.course-cat-desc{
    margin: .25rem 0 0;
}
.course-cat-count{
    margin: .5rem 0 0;
}

.course-cat-box:hover .course-cat-arrow{
    transform: translateX(.25rem);
    color: var(--fs-color-primary);
}
.course-cat-box .course-cat-arrow{
    padding-left: 1.25rem;
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    color: #506f95;
}
.course-cat-box .course-cat-arrow svg{
    width: 20px;
    height: 20px;
}
.course-wrapper {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap: 1.5rem;
}
.course-card {
    background: #fff;
    border: 1px solid #dae0e7;
    border-radius: .625rem;
    box-shadow: 0 4px 20px -4px rgba(25, 53, 87, 0.1);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    align-self: self-start;
}
.course-card:hover{
    box-shadow: 0 12px 32px -8px rgba(25, 53, 87, 0.18);
}
.course-img-wrapper {
    /* background: linear-gradient(135deg, #cfe7f3, #b7dced); */
    background-image: linear-gradient(to right bottom, rgba(25, 53, 87, 0.1), rgba(66, 165, 215, 0.2));
    position: relative;
    width: 100%;
}
.course-img-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.course-badge-box{
    position: absolute;
    top: .75rem;
    left: .75rem;
    gap: 0.5rem;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.course-badge {
    background: var(--fs-color-secondary);
    color: #fff;
    padding: .125rem .625rem;
    font-size: .75rem;
    line-height: 1rem;
    border-radius: 9999px;
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.course-badge:hover{
    background: rgba(25, 53, 87, 0.8);
}
.course-card-details {
    padding: 1.25rem;
    width: 100%;
}
.course-card-title{
    font-size: 18px;
    margin-bottom: 14px;
    color: #0b2545;
    letter-spacing: -.025em;
}
.course-card-cont{
    margin-top: 8px;
}
.course-cont-row {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #506f95;
    gap: .5rem;
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.course-cont-icon{
    line-height: 1;
}
.course-cont-icon svg{
    width: 16px;
    height: 16px;
    color: var(--fs-color-secondary);
}
.course-actions {
    display: flex;
    gap: .5rem;
    margin-top: 16px;
    padding-top: .5rem;
}
.course-actions .button{
    width: 100%;
    margin: 0;
}
.button.white{
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.44rem .75rem;
    background-color: #fff !important;
    border-color: #dae0e7 !important;
    color: var(--fs-color-primary) !important;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}
.button.white.is-large{
     padding: .5rem 1rem;
}
.button.white:hover{
    background-color: #d0e6f1 !important;
    border-color: #d0e6f1 !important;
    color: var(--fs-color-primary) !important;
    box-shadow: none;
}
.button.primary{
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.44rem .75rem;
    background-color: var(--fs-color-primary) !important;
    border-color:  var(--fs-color-primary) !important;
    color: #fff !important;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}
.button.primary:hover{
    background-color: rgba(25, 53, 87,0.9) !important;
    border-color:  rgba(25, 53, 87,0.9) !important;
    color: #fff !important;
    box-shadow: none;
}
.button.primary.arrow-right-new .icon-angle-right:before{
    background: url(images/arrow-right-icon-white.svg) no-repeat center center;
    background-size: cover;
}
.button.primary.is-large{
     padding:.62rem 2rem;
}
.sect-head-action .button{
    margin-right: 0;
}
.whatget-course-box{
    background: #fff;
    border: 1px solid #dae0e7;
    box-shadow: rgba(25, 53, 87, 0.1) 0px 4px 20px -4px;
    padding: 1.5rem;
    width: 100%;
}
.whatget-course-box .icon{
    background: #d0e6f1;
    border-radius: 9999px;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatget-course-box .icon-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatget-course-box .icon svg{
    padding-top: 0;
    width: 28px;
    height: 28px;
}
.whatget-course-box .icon svg,
.whatget-course-box .icon svg path{
    fill: none;
}
.what-get-course-sect .col{
    display: flex;
}
.what-get-course-sect .col-inner{
    display: flex;
    width: 100%;
}
.propose-course-sect .propose-title{
    margin: 0 0 24px;
}
.propose-course-sect .propose-desc{
    margin: 0 0 24px;
}
.contact-btn{
    margin: 0;
}
.left-icon-box{
    background: #fff;
    border: 1px solid #dae0e7;
    box-shadow: rgba(25, 53, 87, 0.1) 0px 4px 20px -4px;
    padding: 1.25rem;
    width: 100%;
    border-radius: .75rem;
}
.left-icon-box .icon{
    background: #d0e6f1;
    border-radius: .625rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-icon-box .icon-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-icon-box .icon svg{
    padding-top: 0;
    width: 24px;
    height: 24px;
}
.left-icon-box .icon svg,
.left-icon-box .icon svg path{
    fill: none;
}
.mission-points-col .icon-box{
    margin-bottom: 1rem;
}
.mission-points-col .icon-box:last-child{
    margin-bottom: 0;
}
.founder-box{
    width: 100%;
    font-size: 1rem;
}
.founder-box .founder-name-box,
.founder-box .founder-name-box h2,
.founder-box h5{
    background-color: #d0e6f1;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    margin:0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    font-family: Playfair Display, Georgia, serif;
    text-transform: uppercase;
    color: var(--fs-color-primary);
}
.founder-box .founder-name-box h2,
.founder-box .founder-name-box p{
    margin: 0;
    color: var(--fs-color-primary);
}
.founder-sect-row > .col{
    display: flex;
}
.founder-sect-row > .col > .col-inner{
    display: flex;
}
.founder-card-center > .col-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.document-box{
    background: #fff;
    border: 1px solid #dae0e7;
    box-shadow: rgba(25, 53, 87, 0.1) 0px 4px 20px -4px;
    padding: 1.25rem;
    width: 100%;
    border-radius: .75rem;
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.document-box .icon{
    background: #d0e6f1;
    border-radius: .625rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.document-box .icon-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.document-box .icon svg{
    padding-top: 0;
    width: 24px;
    height: 24px;
}
.document-box .icon svg,
.document-box .icon svg path{
    fill: none;
}
.document-box .icon-box-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.download-icon-box{
    color: #506f95;
    padding-left: 1rem;
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.download-icon-box svg{
    width: 20px;
    height: 20px;
}
.document-box-title{
    font-size: 1rem;
    font-weight: 500;
}
.document-box:hover{
    box-shadow: 0 12px 32px -8px rgba(25, 53, 87, 0.18);
    color: var(--fs-color-primary);
}
.document-box:hover .download-icon-box{
    color: var(--fs-color-primary);
}
.fill-none .icon-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.fill-none .icon svg,
.fill-none .icon svg path{
    fill: none;
    padding-top: 0;
}
.creditcard-box{
    background: rgba(66,165,215,0.2);
    padding: 0.63rem 1rem;
    color: var(--fs-color-secondary);
    border-radius: 50rem;
    display: inline-flex;
    align-items: center;
    width: auto;
}
.creditcard-box h5{
    text-transform: none;
    margin: 0;
    font-weight: 500;
    font-size: 1rem;
    color: var(--fs-color-secondary);
    font-family: Inter, sans-serif;
    letter-spacing: 0;
}
.creditcard-box.icon-box-left .icon-box-img+.icon-box-text{
    padding-left: 0.5rem;
}
.howwork-card-col > .col-inner{
    display: flex;
}
.top-left-icon-box{
    width: 100%;
}
.top-left-icon-box .icon-box-img{
        margin-bottom: .75rem;
}
.top-left-icon-box .icon{
    background-color: #d0e6f1;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-left-icon-box .icon-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-left-icon-box .icon svg,
.top-left-icon-box .icon svg path{
    fill: none;
    padding-top: 0;
}
.top-left-icon-box h3{
    letter-spacing: -.025em;
    font-size: 1rem;
}
.miracard-list-row .col-inner{
    background-color: #d0e6f1;
    padding: 2rem;
    border-radius: 1rem;
}
.list-icon-box{
    align-items: center;
    margin-bottom: 1rem;
}
.list-icon-box:last-child{
    margin-bottom: 0;
}
.list-icon-box .icon{
    background-color: var(--fs-color-secondary);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-icon-box .icon-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-icon-box .icon svg{
    width: 16px;
    height: 16px;
    padding-top: 0;
}
.list-icon-box .icon svg,
.list-icon-box .icon svg path{
    fill: none;
}
.list-icon-box .list-icon-label,
.list-icon-box h5{
    text-transform: none;
    margin: 0;
    font-weight: 400;
    font-size: 1rem;
    font-family: Inter, sans-serif;
    letter-spacing: 0;
}
.list-icon-box .list-icon-label p{
    margin: 0;
}
.sect-head p{
    font-size: 1rem;
}
.contact-detail-box.left-icon-box .icon svg{
    width: 20px;
    height: 20px;
}
.contact-detail-box{
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.contact-detail-box .box-label{
transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.contact-detail-box:hover{
    box-shadow: rgba(25, 53, 87, 0.18) 0px 12px 32px -8px;
}
.contact-detail-box:hover .box-label{
    color: var(--fs-color-primary);
}
.work-withus-box{
    background-color: #d0e6f1;
    border: 1px solid #dae0e7;
    border-radius: .75rem;
    padding: 1.5rem;
    margin-top: 2.5rem;
}
.work-withus-box .icon{
    background: var(--fs-color-primary);
    border-radius: .625rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.work-withus-box .icon-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.work-withus-box .icon svg{
    padding-top: 0;
    width: 20px;
    height: 20px;
}
.work-withus-box .icon svg,
.work-withus-box .icon svg path{
    fill: none;
}
.contact-form-col .gform_title{
    display: none;
    margin-bottom: 1.5rem;
    font-family: Playfair Display, Georgia, serif;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -.025em;
    font-weight: 700;
    color: #132439;
}
.contact-form-col .gform_validation_errors,
.contact-form-col .gform_heading .gform_required_legend{
    display: none;
}
.contact-form-col input[type=email]:focus, 
.contact-form-col input[type=number]:focus, 
.contact-form-col input[type=password]:focus, 
.contact-form-col input[type=search]:focus, 
.contact-form-col input[type=tel]:focus, 
.contact-form-col input[type=text]:focus, 
.contact-form-col select:focus, 
.contact-form-col textarea:focus{
    color: #132439;
    background-color: #f9fafb;
    box-shadow: rgb(249, 250, 251) 0px 0px 0px 2px, rgb(66, 165, 215) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.contact-form-col .gform-body input[type=email],
.contact-form-col .gform-body input[type=tel],
.contact-form-col .gform-body input[type=text] {
        height: 2.5rem;
}
.gform-theme--framework ::-moz-placeholder {
    color: #132439;
    opacity: .7;
}
.gform-theme--framework ::placeholder {
    color: #132439;
    opacity: .7;
}
.contact-form-col .gform-theme--foundation .gform_fields{
    --gf-form-gap-y: 24px;
}
.gform-theme--foundation .gfield .gfield_checkbox input{
    width: 16px;
    height: 16px;
    border-radius: 6px;
    border-color: var(--fs-color-primary);
}
.gform-theme--foundation .gfield .gfield_checkbox .gform-field-label {
    color: #506f95;
}
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    color:#fff !important;
    background-color: var(--fs-color-primary);
}
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    background-color: var(--fs-color-primary);
    color:#fff;
}
.contact-form-col .gform_button.button{
    background-image: url(images/send-icon-white.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 152px center;
    padding: 4px 60px 4px 30px !important;
    height: 44px !important;
}
.contact-form-col .gform_button.button:hover{
    opacity: 0.9;
}
.subs-table-col > .col-inner{
    overflow: hidden;
    border-radius: .75rem;
    border: 1px solid #dae0e7;
    background: #fff;
    box-shadow: rgba(25, 53, 87, 0.1) 0px 4px 20px -4px;
}
.subs-table-head{
    background: var(--fs-color-primary);
    color: #fff;
}
.subs-table-th{
    font-weight: 600;
}
.subs-table-th-col > .col-inner{
    display: flex;
    padding:1rem 1.5rem;
    font-size: 1rem;
}
.subs-table-th{
    width: 100%;
}
.subs-table-td p,
.subs-table-th p{
    margin: 0;
}
.subs-table-tr{
    border-top: 1px solid #dae0e7;
}
.subs-table-tr:hover{
    background: rgb(236, 240, 244, 0.50);
}
.subs-table-td-col{
    align-items: center;
}
.subs-table-td-col > .col-inner{
    padding:1rem 1.5rem;
    font-size: 1rem;
}
.subs-table-td {
    width: 100%;
}
.sub-punti-col{
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
}
.sub-price-col{
    font-size: 1rem;
}
.sub-code-col code{
    border: unset;
    white-space: nowrap;
}
.subs-active-btn{
    margin: 0;
}
.page-title-hero{
    padding: 4rem 0;
}
.course-view-main .page-title-hero{
    padding: 3rem 0;
}
.page-title-label{
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    padding: 0.125rem .625rem;
    margin-bottom: 1rem;
    background: var(--fs-color-secondary);
    color: #fff;
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    border-radius: 50rem;
    display: inline-flex;
}
.page-title-label:hover{
    background:  rgba(25, 53, 87,0.8);
}
.breadcrumb-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.breadcrumb-list li{
    margin: 0;
    padding: 0;
}
.breadcrumb-list a{
    color: rgba(255, 255, 255, 0.6);
}
.breadcrumb-list a:hover{
    color: rgba(255, 255, 255, 1);
}
.page-title{
    color: #fff;
}
.page-title-subtitle p,
.page-title-desc p{
    margin-bottom: 0;
}
.page-title-subtitle{
    font-size: 1rem;
    letter-spacing: 0;
}
.course-filter-title{
    color: #506f95;
}
.course-filter-title svg{
    width: 16px;
    height: 16px;    
}
.course-types{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.course-type{
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .44rem .75rem;
    border-radius: 8px;
    border: 1px solid #dae0e7;
    display: block;
    font-weight: 500;
    background: #fff;
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    color: #132439;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}
.course-type:hover{
    background: #d0e6f1;
    border-color:#d0e6f1;
    color: var(--fs-color-primary);
}
.course-type.active{
    background: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    color: #fff;
}
.course-type .close-icon{
    display: none;
}
.course-type .close-icon svg{
    color: #fff;
    width: 16px;
    height: 16px;
}
.course-type.active .close-icon{
    display: inline-flex;
    
}
.course-list-count-cont{
    color: #506f95;
    font-size: 1rem;
}
.course-filtered-type{
    font-size: .75rem;
    line-height: 1rem;
    color: #fff;
    font-weight: 600;
    padding: 0.125rem .625rem;
    background: var(--fs-color-secondary);
    border-radius: 50rem;
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.course-filtered-type:hover{
    background: rgba(66,165,215,0.8);
}
.course-grid-wrapper .course-list{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    row-gap: 1.5rem;
}
.course-grid-wrapper .course-list > article{
    width: 100%;
}
.course-not-found{
    text-align: center;
}
.course-not-found .removefilter-btn{
    display: inline-flex;
    margin: 0;
    height: 40px;
}
.course-info-box{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    color: rgb(255, 255, 255,0.8);
    font-size: 1rem;
}
.course-view-card-cont p:last-child{
    margin-bottom: 0;
}
.course-view-taking-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.course-view-taking-item{
    margin: 0 0 12px;
    padding: 0;
}
.course-view-taking-item:last-child{
    margin-bottom: 0;
}
.course-view-action{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.course-view-action .button{
    width: 100%;
    margin: 0;
    padding: 11px 10px;
}
.course-view-action .miracard-btn{
    padding: 9px 10px;
}
.course-view-mepabox{
    border-top: 1px solid #dae0e7;
}
.course-view-mepa code{
    border: 0;
    font-size: 1em;
    margin: 0;
}
.course-view-back-link{
    margin-top: 24px;
    text-align: center;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    width: 100%;
    gap: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    background-color: transparent;
    color: #132439;
}
.course-view-back-link:hover{
    background-color: #d0e6f1;
    color: var(--fs-color-primary);
}
#signup-popup{
    max-height: 90vh;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    border-radius: 10px;
    overflow: hidden auto;
}
#signup-popup .gform_title{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin: 0;
}
#signup-popup .gform_description{
    font-size: .875rem;
    line-height: 1.25rem;
    color: #506f95;
    margin: 6px 0 0;
}
#signup-popup .gform_heading{
    margin-bottom: 1rem;
}
#signup-popup .gfield--type-section{
    border: 0;
    padding: 0;
    margin: 0;
}
#signup-popup .gfield--type-section .gsection_title{
    color: #132439;
    font-size: .875rem;
    line-height: 1.25rem;
    gap: .5rem;
    display: flex;
    align-items: center;
    font-weight: 500;
    margin:0;
    font-family: Inter, sans-serif;
}
.personal-info-title{
    margin-bottom: 0.5rem;
}
.personal-info-title .gsection_title::before{
    content: '';
    background: url(images/user-icon.svg) no-repeat center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: block;
}
.company-info-title .gsection_title::before{
    content: '';
    background: url(images/building2-icon.svg) no-repeat center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: block;
}

.email-cust-field .gfield_label::before{
    content: '';
    background: url(images/mail-icon.svg) no-repeat center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: block;
}
.tel-cust-field .gfield_label::before{
    content: '';
    background: url(images/phone-icon.svg) no-repeat center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: block;
}
#signup-popup .gform-theme--framework .gfield_list_group_item::before,
#signup-popup .gform-theme--framework .gform-field-label{
    align-items: center;
}
#signup-popup .gform_validation_errors,
#signup-popup .gform_heading .gform_required_legend{
    display: none;
}
#signup-popup .gform-theme--framework input, 
#signup-popup .gform-theme--framework textarea{
    box-shadow: none;
}
#signup-popup .gform-theme--framework textarea{
    max-height: 80px;
    background-color: #fff;
    box-shadow: none;
}
#signup-popup input[type=email]:focus, 
#signup-popup input[type=number]:focus, 
#signup-popup input[type=password]:focus, 
#signup-popup input[type=search]:focus, 
#signup-popup input[type=tel]:focus, 
#signup-popup input[type=text]:focus, 
#signup-popup select:focus, 
#signup-popup textarea:focus{
    color: #132439;
    background-color: #f9fafb;
    box-shadow: rgb(249, 250, 251) 0px 0px 0px 2px, rgb(66, 165, 215) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
#signup-popup .gfield_select,
#signup-popup .gform-body input[type=email],
#signup-popup .gform-body input[type=tel],
#signup-popup .gform-body input[type=text] {
    height: 2.5rem;
    background-color: #fff;
    box-shadow: none;
}
#signup-popup .gform-theme--foundation .gform_fields{
    --gf-form-gap-y: 16px;
}
#signup-popup .gform-theme--foundation .gfield .gfield_checkbox .gform-field-label {
    color: #132439;
}
#signup-popup .gform-theme--foundation .gfield .gfield_checkbox .gform-field-label a{
    color: #132439;
}
#signup-popup .gform-theme--foundation .gfield .gfield_checkbox .gform-field-label a:hover{
    color: #132439;
    text-decoration: underline;
}
#signup-popup .gform-button.button,
#signup-popup .gform_button.button{
    padding: 4px 60px 4px 30px !important;
    height: 44px !important;
}
#signup-popup .gform-button.button:hover,
#signup-popup .gform_button.button:hover{
    opacity: 0.9;
}
.signup-popup-active{
    max-height: 100vh;
}
.signup-popup-active .mfp-close{
    opacity: 1;
    top: 5px !important;
    align-items: center;
    justify-content: center;
    display: flex;
}
.signup-popup-active .mfp-container{
    padding: 0;
}
.signup-popup-active > .mfp-close{
    display: none;
}
#signup-popup .gfield--type-submit{
    width: 100%;
    grid-column: 1 / -1;
}
#signup-popup .form-bottom-note{
    order: 1;
    width: 100%;
    grid-column: 1 / -1;
}
#signup-popup .gform-theme--foundation .gform_footer{
    margin: 0;
}
#signup-popup .gform-theme--framework .gfield_validation_message{
    font-size: .75rem;
    line-height: 1rem;
    color: #ef4343;
}
#signup-popup .privacy-checkbox-field{
    margin: 12px 0;
}
#signup-popup .total-field-row,
.total-field-row{
    padding-top: 1rem;
    border-top: 1px solid #dae0e7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 1rem;
    position: relative;
}
#signup-popup .total-field-row .gfield_label,
.total-field-label{
    color: #506f95 !important;
    font-size: 1rem;
    font-weight: 400 !important;
    margin: 0 !important;
}
#signup-popup .total-field-row input,
.total-field-value{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    border: 0 !important;
    background: none !important;
    width: 0 !important;
    min-width: 1ch;
    display: inline-block;
    padding: 0 !important;
    height: 0 !important;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
#signup-popup .total-field-row .ginput_container{
    text-align: right;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}
#signup-popup .total-field-row .ginput_container::before{
    content: attr(data-total);
    padding-right: 5px;
    white-space: nowrap;
}
#signup-popup .total-field-row .ginput_container::after{
 content: ' + IVA';
 white-space: nowrap;
}















@media (min-width: 549px) {
    .sect-head-action .col-inner{
        display: flex;
        justify-content: end;
    }
    .sm-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
}
@media (min-width: 849px) {
    .md-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md-text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .md-text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .md-text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .course-wrapper {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .sect-head-action .col-inner{
        display: flex;
        justify-content: end;
    }
    .subs-code-label{
        display: none;
    }
    .course-grid-wrapper .course-list{
        gap: 1.5rem;
    }
    .course-grid-wrapper .course-list > article{
        width: calc(50% - 1rem);
    }
    .signup-popup-active .mfp-content{
        top: 0 !important;
    }
    
    
    
}

@media (min-width: 1024px) {
    .lg-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .lg-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .lg-text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .lg-text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .lg-text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .lg-py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .lg-py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .lg-text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }
    .lg-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg-col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg-col-span-1 {
        grid-column: span 1 / span 1;
    }
    .lg-p-8 {
        padding: 2rem;
    }
    .course-wrapper {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 1.5rem;
    }
    .contact-details-col{
        order: 1;
    }
    .lg-gap-6 {
        gap: 1.5rem;
    }
    .page-title-hero{
        padding: 5rem 0;
    }
    .course-view-main .page-title-hero{
        padding: 4rem 0;
    }
    .course-grid-wrapper .course-list > article{
        width: calc(33.33% - 1rem);
    }


}
@media screen and (max-width: 849px) {
    .header-main .nav > li.nav-icon > a > i:not(.icon-angle-down){
        color: var(--fs-color-primary) !important;
    }
    .header-main .nav > li.nav-icon{
        padding: .5rem;
    }
    .header-main .nav>li>a>i.icon-menu{
        font-size: 2.1em;
    }
    .sidebar-menu .header-block{
        border-bottom: 1px solid #dae0e7 !important;
        min-height: 80px;
        margin-bottom: 0.5rem !important;
    }
    .mobile-menu-logo img{
        max-width: 120px;
        height:auto;
    }
    .mfp-bg.mfp-ready.main-menu-overlay{
        opacity: 1;
    }
    .off-canvas .sidebar-menu{
        padding: 0;
    }
    .off-canvas-center .mfp-content{
        padding-top: 0;
        vertical-align: top;
    }
    .off-canvas-center.mfp-ready .mfp-close{
        right: 2rem;
        top: 1rem;
        opacity: 1;
        position: absolute;
    }
    .off-canvas-center.mfp-ready .mfp-close svg{
        width: 24px;
        height: 24px;
    }
    .off-canvas-center .nav-sidebar.nav-vertical > li{
        padding: 0 2rem;
    }
    .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover{
        background: unset;
    }
    .off-canvas-center .nav-sidebar.nav-vertical > li > a{
        color: rgba(19, 36, 57, 0.8);
        font-family: Inter, sans-serif !important;
        font-size: 14px;
        font-weight: 500;
        padding: 0.5rem 0;
        text-align: left;
        display: block;
        
    }
    .off-canvas-center .nav-sidebar.nav-vertical > li.menu-item-has-children > a{
        color: #506f95;
        text-transform: uppercase;
        letter-spacing: .025em;
        font-weight: 600;
        font-size: 12px;
    }
    .off-canvas-center .nav-sidebar.nav-vertical > li.menu-item-has-children .toggle{
        display: none;
    }
    .off-canvas-center .nav-sidebar.nav-vertical .children{
        left: 0;
        position: unset;
        transform: unset;
        opacity: 1;
        border-bottom: 1px solid #dae0e7;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .off-canvas-center .nav-sidebar.nav:not(.nav-slide) .active>.children{
        padding-bottom: 0;
    }
    .off-canvas-center .nav-sidebar.nav-vertical>li>ul li a{
        color: rgba(19, 36, 57, 0.8);
        font-family: Inter, sans-serif !important;
        font-size: 14px;
        font-weight: 400;
        padding: 0.5rem 0;
        text-align: left;
        display: block;
    }
    .off-canvas-center .nav-sidebar .header-button{
         border-top: 1px solid #dae0e7;
         padding-top: 1rem;
         margin: 1rem 0;
    }
    .off-canvas-center .nav-sidebar .header-button .secondary.is-outline{
        background: #f9fafb !important;
        border-width: 1px;
        border-color: #dae0e7 !important;
        font-weight: 500;
        font-size: .875rem;
        line-height: 1.25rem;
        color:   var(--fs-color-primary) !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-main .header-nav .header-button .secondary.is-outline:hover{
        background: #d0e6f1 !important;
        border-color: #dae0e7 !important;
        color:  var(--fs-color-primary) !important;
    }
    .header-main .header-nav .header-button .secondary.is-outline:hover span{
        color:  var(--fs-color-primary) !important;
    }
    .subs-table-head{
        display: none;
    }
    .subs-table-td-col > .col-inner{
        padding: 0;
    }
    .subs-table-col > .col-inner{
        box-shadow: unset;
        background: unset;
        border: 0;
        border-radius: 0;
    }
    .subs-table-tr{
        padding: 1.25rem;
        overflow: hidden;
        border-radius: .75rem;
        border: 1px solid #dae0e7;
        background: #fff;
        box-shadow: rgba(25, 53, 87, 0.1) 0px 4px 20px -4px;
        margin-bottom: 16px;
        position: relative;
    }
    .sub-punti-col{
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: .25rem;
        padding-right: 70px;
    }
    .sub-price-col{
        color: #506f95;
        padding-right: 70px;
    }
    .sub-price-col .text-sm{
        font-size: 1rem;
    }
    .subs-code-label{
        color: #506f95;
        font-size: .875rem;
        line-height: 1.25rem;
    }
    .sub-code-col{
        margin-top: 1rem;
    }
    .sub-code-col code{
        color: #506f95;
    }
    .subs-action-col > .col-inner,
    .subs-action-col{
        position: unset;
    }
    .subs-active-btn{
        position: absolute;
        right: 1.25rem;
        top: 1.25rem;
        z-index: 1;
    }



    
}
@media screen and (max-width: 549px) {
     .header-main .nav>li>a>i.icon-menu{
        font-size: 2em;
        min-width: 24px;
    }
    body {
        font-size: 14px;
    }
    .hero-action-btn{
        width: 100%;
    }
    .hero-banner .button{
        width: 100%;
    }
    #signup-popup{
        border-radius: 0;
    }
    #signup-popup .gform_title{
        text-align: center;
    }
    #signup-popup .gform_description{
        text-align: center;
    }
}