@font-face {
    font-display: swap;
    font-family: MetricHPEXS;
    font-stretch: normal;
    font-style: normal;
    font-weight: 100;
    src: url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSThin-Regular.woff2) format("woff2"),url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSThin-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: MetricHPEXS;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    src: url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSLight-Regular.woff2) format("woff2"),url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSLight-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: MetricHPEXS;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXS-Regular.woff2) format("woff2"),url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXS-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: MetricHPEXS;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    src: url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSMedium-Regular.woff2) format("woff2"),url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSMedium-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: MetricHPEXS;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    src: url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSSemibold-Regular.woff2) format("woff2"),url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSSemibold-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: MetricHPEXS;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXS-Bold.woff2) format("woff2"),url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXS-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: MetricHPEXS;
    font-stretch: normal;
    font-style: normal;
    font-weight: 900;
    src: url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSBlack-Regular.woff2) format("woff2"),url(https://www.hpe.com/apps/hpeweb-ui/fonts/hpexs/MetricHPEXSBlack-Regular.woff) format("woff")
}
/*@font-face {
    font-family: 'Kanit';
    src: url('font/Kanit-ExtraBold') format('woff2'),
        url('font/Kanit-ExtraBold') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}*/
body, html {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: var(--primary-bg);
}
:root {
    --primary: #01a982;
    --secondary: #f6f6f6;
    --text-color: #444;
    --btn-color: #fff;
    --btn-radius: 20px;
    --input-border-color: #ccc;
    --input-color: #444;
    --input-border-width: 2px;
}
:root{
    --primary-bg: #fff;
    --secondary-bg: #444;
    --secondary-bg-alt: #191c2b;
    --primary-bg-alt: #5290ce;

    --font-size-p: 16px;
    --font-color: #444;
    --font-color-light:#fff;
    --font-color-dark: #444;
    --font-color-alt: #fff;
    --font-light: 300;
    --font-regular: 500;
    --font-bold: 800;
    
    --btn-bg: #01a982;
    --btn-bg-hover: #fff;
    --btn-bg-alt: #04325f;
    --btn-border: 1px solid #01a982;
    --btn-border-alt: 1px solid #04325f;
    --btn-txtcolor: #fff;
    --btn-txtcolor-alt:#fff;
    --btn-txtcolor-hover: #01a982;
    --btn-txtcolor-hover-alt: #04325f;
    --btn-fontsize: 16px;
    --btn-fontsize-alt: 18px;
}

/* base CSS */
h1, h2,h3,h4,h5,h6 {
   font-family: MetricHPEXS, Arial, sans-serif !important;
    font-style: normal;
    color: var(--font-color-alt);
    font-weight: var(--font-bold);
}

.thin {
    font-weight: 400 !important;
}
.medium {
    font-weight: 600 !important;
}
h1.title {
   font-family: MetricHPEXS, Arial, sans-serif !important;
    font-style: normal;
}
p, span, a, label, button, input, form {
  font-family: MetricHPEXS, Arial, sans-serif !important;
    font-style: normal;
    color: var(--font-color-light);
}
li {
    font-family: MetricHPEXS, Arial, sans-serif !important;
}
p.dark, span.dark, a.dark, label.dark {
    font-family: MetricHPEXS, Arial, sans-serif !important;
    font-style: normal;
    color: var(--font-color-dark);
}
h1.dark,h2.dark,h3.dark,h4.dark,h5.dark,h6.dark {
    font-family: MetricHPEXS, Arial, sans-serif !important;
    font-style: normal;
    color: var(--font-color-dark) !important;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
section {
    padding: 20px 0;
}
.gradient-line {
    width: 100%; /* Occupa tutta la larghezza disponibile */
    height: 1px; /* Spessore della linea */
    background: linear-gradient(to right, transparent, #fdc500, transparent); /* Effetto sfumato ai lati */
    margin: 20px 0; /* Spazio sopra e sotto la linea */
}
/*@media (min-width: 768px) {
    .container, .container-md, .container-sm {
         max-width: 960px;
    }
}*/
#main-container .btn {
    font-size: var(--btn-fontsize);
    width: auto;
    height: auto;
    border-radius: 25px;
    padding: 7px 27px;
    cursor: pointer;
    transition: all 0.5s;
    border: var(--btn-border);
    color: var(--btn-txtcolor);
    background-color: var(--btn-bg);
}
#registerBtn.btn {
    font-size: 19px !important;
    min-width: 150px;
    margin-top: 15px;
}
#main-container .btn:hover {
    color: var(--btn-txtcolor-hover) !important;
    background-color: transparent !important;
}
#main-container .btn.alt {
    border: var(--btn-border-alt);
    color: var(--btn-txtcolor-alt);
    background-color: var(--btn-bg-alt);
}
#main-container .btn.alt:hover {
    color: var(--btn-txtcolor-hover-alt) !important;
    /*background-color: var(--btn-bg-hover) !important;*/
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light,
p.light,
li.light,
span.light {
    color: var(--font-color-light) !important;
}

h1.alt,
h2.alt,
h3.alt,
h4.alt,
h5.alt,
h6.alt,
p.alt,
li.alt,
span alt {
    color: var(--font-color-alt) !important;    
}
.section-separator {
    height: 25px;
    background-color: transparent;
}
.device-mobile .separator.mobileShow,
.isMobile .separator.mobileShow {
    display: block;
}
.isDesktop .separator.mobileShow {
    display: none;
}
.device-mobile .separator.mobileHide,
.isMobile .separator.mobileHide {
    display: none;
}
.isDesktop .separator.mobileHide {
    display: block;
}
p.paragraph {
    text-align: left;
    line-height: 21px;
    font-weight: 100;
}
.device-mobile p.paragraph,
.isMobile p.paragraph {
    font-size: 18px;
    margin-top: 15px;
}
.device-mobile .mobileShow,
.isMobile .mobileShow {
    display: block;
}
.mobileShow {
    display: none;
}
.device-desktop .mobileShow {
    display: none !important;
}
@media (max-width: 768px) {
    .separator.mobileShow {
        display: block !important;
    }
    p.paragraph {
        font-size: 18px !important;
        margin-top: 15px !important;
    }
    .box_left {
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
}
/* base CSS END */

/* Main content Start*/
/* Main content END*/

/* section 1  START*/
/*#section_1 {
    background: url(https://content-delivery-0.akamaized.net/unidata/images/mainBg.jpg)no-repeat;
    background-size: cover;
    padding: 40px 0;
}*/
#section_1 {
    /*background: url(https://content-delivery-0.akamaized.net/unidata/images/mainBg2.jpg) no-repeat;*/
    /*background:url(https://content-delivery-0.akamaized.net/unidata/images/mainBg2.jpg) no-repeat, url(https://content-delivery-0.akamaized.net/unidata/images/bg_gradient.jpg);*/
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #01a982;
    /*padding: 40px 0;*/
}
.device-mobile #section_1 {
    /*background: url(https://content-delivery-0.akamaized.net/unidata/images/mainBgMobile.jpg) no-repeat;*/
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #01a982;
}
#section_1 .date {
    font-weight: 100;
}
#section_1  .btn_discoverMore {
    display: block !important;
    margin: 0 auto !important;
    padding: 3px 25px
}
#section_1 .gradient-line {
    max-width: 50%;
    margin: 20px auto;
}
.isMobile #section_1 .gradient-line,
.device-mobile #section_1 .gradient-line {
    max-width: 90%;
}
@media (max-width: 1199px) {
    #section_1 .gradient-line {
        max-width: 90%;
    }
}
#section_1 h1.title {
    font-size:45px;
    color: var(--btn-txtcolor);
    
}
#section_1 h1.subtitle {
    /*text-align: center; */
    font-size:55px; 
    color: #fff; 
    font-weight:100;
    font-family: 'Kanit', sans-serif; 
    padding: 0; 
    margin:0;
}
.countDown-top.desktop {
    margin-top: 0;
}
/* section 1  END*/

/* section 2 Start*/
/*#section_2 {   
    box-shadow: 1px -35px 35px 10px #030f35;
    padding-bottom: 50px;
}
.device-mobile #section_2 {
    background: #030f35 !important;
    padding-bottom: 25px !important;
}
.device-mobile #section_2 .paragraph{
    margin-bottom: 0;
}
#section_2 h1, 
#section_2 h2, 
#section_2 h3, 
#section_2 h4, 
#section_2 h5, 
#section_2 h6 {
    color: #04325f;
    color: #fff !important;
}
#section_2 h1 {
    text-align: center;
}
#section_2 .subtitle {
    text-align: left;
    line-height: 21px;
    font-weight: 100;
}
.device-desktop .box_left {padding-left: 50px;}
*/
/* section 2 END*/

/* section 3 Start*/
#section_3{
    background-color: #fff;
}
#agenda .hour {
    font-weight: bold;
    font-size: 2.5em;
    /*color: var(--btn-txtcolor-alt);*/
    margin: 0;
}
#agenda .notes {
    font-weight: 800;
    font-size: 1.2em;
    color: var(--font-color);
    margin: 0;
    font-weight: var(--font-regular);
}
#agenda .speakers {
    font-weight: 800;
    font-size: 1em;
    color: #55a0e5;
    margin: 0;
    font-weight: var(--font-light);
    font-weight: 800;
    color: #fff !important;
    font-style: italic;
}
hr {
    height: 15px;
    padding: 0;
    margin: 0;
    background: transparent !important;
    border: none;
}
/* section 3 END*/
/* section 4 start*/
.device-mobile #section_4 {
    padding-top: 25px !important;
}
.device-mobile #section_4 h1 {
    margin-bottom: 0.5rem !important;
    text-align: left !important;
    padding-left: 12px;
}
#section_4 .details-txt.paragraph {
    overflow: hidden !important;
}
#section_4 .details-txt {
    /*max-height: 450px;
    overflow: hidden;
    overflow-y: auto;*/
}
#section_4 .s3-txt {
    display: flex; 
    flex-direction: column;
    justify-content: space-between;
}
#section_4 .details-txt.paragraph {
    max-height: 450px; 
    overflow: hidden; 
    overflow-y: auto;
}
#section_4 .location-map {
    background: #030f35;
}
#section_4 .location-map .card-title { 
    color: #fff;
}
/* ***carousel start */
.carousel-item {
    /*min-height: 400px; 
    min-height: 445px; */
}

.carousel-control-prev, 
.carousel-control-next {
    width: 50px;
    height: 50px;
    border-radius: 50%; /* Rende i pulsanti rotondi */
    border:none;
    background-color: rgba(0, 0, 0, 0.5); /* Sfondo semi-trasparente */
    display: flex;
    align-items: center;
    justify-content: center;
    margin:auto;
}
/* Ridimensionamento dell'icona */
.carousel-control-prev-icon, 
.carousel-control-next-icon {
    width: 20px; /* Riduci le icone per adattarle */
    height: 20px;
}

/* Effetto hover per migliorare l'accessibilità */
.carousel-control-prev:hover, 
.carousel-control-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
.carousel-indicators {
    position: static;
    right: 0;
    /*bottom: -30px;
    left: 0;*/
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 20px 0 0 0;
    margin-right: 15%;
    /*margin-bottom: 1rem;*/
    margin-left: 15%;
}
@media (max-width: 768px) {
    .carousel-indicators [data-bs-target] {
        width: 15px !important;
        height: 15px !important;
        margin: 0 8px !important;
    }
}
.carousel-indicators [data-bs-target] {
    width: 9px;
    height: 11px;
    background-color: var(--btn-bg-hover);
    border-radius: 50%;
    opacity: 0.5;
    border: none;
    margin: 0 2px;
}
 /* Imposta i pulsanti di navigazione come pallini */
 .carousel-indicators [data-bs-target] {
    width: 9px;
    height: 9px;
    
    border-radius: 50%;
    opacity: 0.5;
    border: none;
    margin: 0 2px;
}
.carousel-indicators .active {
    opacity:1;
}
.device-mobile .carousel-indicators,
.isMobile .carousel-indicators {
    /*display:none;*/
}
/* Disabilita il puntatore sull'elemento attivo */
.carousel-indicators .active {
    pointer-events: none;
}
/* Nascondi uno dei carousels a seconda della risoluzione */
#testimonialCarouselSmall {
    visibility: hidden;
}
.testimonial-card {
    margin:0 10px 0 10px;
}
.info-box p {
    
    font-size: 1.1rem;
    font-weight: bold;
    /*text-shadow: 7px 5px 6px rgba(0, 0, 0, 0.5);*/
}
#carouselSlider-mobile {
    visibility: hidden;
    height: 0;
}
@media (max-width: 768px) {
    #carouselSlider {
        visibility: hidden;
        height:0;
    }
    .testimonial-card {
        margin:0 10px 0 10px;
    }
    .carousel-item {
        /*min-height: 515px; */
    }
    .carousel-indicators [data-bs-target] {
        width: 15px !important;
        height: 15px !important;
        margin: 0 3px !important;
    }
    #carouselSlider-mobile {
        visibility: visible;
        height: auto !important;
    }
}
.device-mobile #carouselSlider,
.isMobile #carouselSlider {
    visibility: hidden;
    height:0;
}
.device-mobile #carouselSlider-mobile,
.isMobile #carouselSlider-mobile {
    visibility: visible;
    height:auto;
}

.carousel-control-next,
.carousel-control-prev {
    visibility: hidden;
}
/* ***Carousel end */
/* ***Box gmaps */
.card-title {
    font-size: 1.5rem;
    font-weight: bold;
}

.btn-primary {
    background-color: #04325f;
    border-color: #04325f;
}

.btn-primary:hover {
    background-color: #fdc500;
    border-color: #fdc500;
    color: black;
}
#section_test {display: none;}
.map a {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 20px;
    border:2px solid #fdc500;
    padding: 10px;
}
.map iframe {
    border-radius: 20px;
}
/* section 4 loc END*/
/* footer start*/
footer {
    /*background-color:#191c2b;*/
    padding: 35px 0 10px 0;
    font-size: 14px;
}
footer a {
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
    color: #fdc500;
}
/* footer end*/