@charset "utf-8";

/* ===========================
   RESET & BASE STRUCTURE
=========================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
*, *::before, *::after {box-sizing:border-box;margin:0;padding:0;border:0;}
.clearfix::before, .clearfix::after {content:"";display:table;}
.clearfix::after {clear:both;}
.clear {clear:both;width:100%;height:0;}

/* ===========================
   BODY & GLOBAL TYPOGRAPHY
=========================== */
body {width:100%;font-family:"Raleway", Helvetica, Arial, sans-serif;font-size:18px;font-weight:400;line-height:1.4;}

/* ===========================
   HEADER & NAVIGATION
=========================== */
.logo-cont {position:fixed;width:100%;background-color:#fff;min-height:50px;padding:10px 0;box-shadow:0 10px 10px rgba(0,0,0,0.2);z-index:10;}
.loghi {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1440px;margin:0 auto;padding:0 20px;}
.logos {display:flex;align-items:center;}
.logo-img.ds {width:150px;margin-top:12px;margin-right:10px;}
.logo-img.ec {width:170px;margin-top:6px;}
.burger {display:none;font-size:36px;cursor:pointer;padding:8px;}
.menu {display:flex;}
.menu ul {display:flex;gap:10px;list-style:none;}
.menu li {margin:0;}
.menu a {display:inline-block;text-decoration:none;font-weight:600;color:#fff;background-color:rgba(64,123,168,0.6);font-size:15px;padding:6px 8px;border-radius:6px;transition:background-color 0.3s;}
.menu a:hover {background-color:rgba(64,123,168,0.99);}
/* Active menu item example */
.b-index .menu a.m-index,
.b-master_digital_marketing 	.menu a.m-master_digital_marketing,
.b-master_digital_graphic_designer 	.menu a.m-master_digital_graphic_designer,
.b-master_ai_for_business_administration 	.menu a.m-master_ai_for_business_administration,
.b-master_ai_engineering 	.menu a.m-master_ai_engineering
{background-color:rgba(64,123,168,0.99)!important;}

/* ===========================
   PAGE HEADER AREA
=========================== */
#header-cont {overflow:hidden;width:100%;/*background-color:rgba(2,25,57,1);*/}
.header {position:relative;width:100%;max-width:2560px;height:660px; margin:64px auto 0;}
.header::before {content:'';position:absolute;inset:0;background:rgba(64,123,168,0.20);mix-blend-mode:color;z-index:1;pointer-events:none;}
	.b-index .header {background:url(/master/img/header-index.webp) center top no-repeat; background-size:cover;}
	.b-master_digital_marketing .header {background:url("/master/img/header-master_digital_marketing.webp") center top no-repeat; background-size:cover;}
	.b-master_digital_graphic_designer .header {background:url("/master/img/header-master_master_digital_graphic_designer.webp") center top no-repeat; background-size:cover;}
	.b-master_ai_for_business_administration .header {background:url("/master/img/header-master_ai_for_business_administration.webp") center top no-repeat; background-size:cover;}
	.b-master_ai_engineering .header {background:url("/master/img/header-master_ai_engineering.webp") center top no-repeat; background-size:cover;}

.head-cont {position:absolute;bottom:0;width:100%;padding:0;}
.head {position:relative;padding:25px 25px 30px;text-align:center;z-index:1;}
.head::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(64,123,168,0.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:0;border-radius:8px;}
.head * {position:relative;z-index:1;}
.head h1 {font-size:32px;line-height:30px;font-weight:600;color:rgba(255,255,255,1.00);}
.head h1 strong {font-size:48px;line-height:50px;font-weight:800;text-transform:uppercase;}
.head p {font-size:32px;line-height:30px;font-weight:600;color:rgba(255,255,255,1.00);}

/* ===========================
   CONTENT STRUCTURE
=========================== */
#container {max-width:1440px;margin:0 auto;padding:60px 30px 0;}
.row {padding-bottom:20px;}
.main {padding-bottom:40px;}
.main p {margin-bottom:18px;}
.main strong {font-weight:700;}
.main h2 {font-size:24px;line-height:26px;font-weight:800;color:rgba(2,25,57,1);}
.main h3 {font-size:22px;line-height:24px;font-weight:700;}
.main h4 {font-size:26px;line-height:28px;font-weight:800;color:#407BA8;margin-bottom:8px;}
.main ul {margin:0 0 18px 30px;}
.main ul.up {margin-top:-12px;}
.main ul li {margin-bottom:4px;line-height:26px;}
.main .abs h2 {margin-bottom:20px;font-size:28px;line-height:34px; text-align:center;color:rgba(64,123,168,1);}
.main .abs p {font-size:20px;text-align: center;}
/* ===========================
   MOTIVI SECTION
=========================== */
.motivi {display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;}
.motivo-cont {flex:0 1 calc(33.333% - 13.34px);position:relative;display:flex;flex-direction:column;background-color:rgba(237,245,252,1.00);padding:20px;min-height:100%;}
.motivo {display:block;padding-bottom:60px;}
.motivo h3 {margin-bottom:20px;padding:8px 0;text-align:center;text-transform:uppercase;background-color:rgba(64,123,168,1);color:#fff;}
.motivo p, .motivo ul {margin-bottom:16px;}
.motivo ul {margin-left:20px;}
.motivo ul li {line-height:22px;margin-bottom:8px;}
.action {position:absolute;bottom:20px;left:20px;right:20px;font-weight:700;font-style:italic;display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;}
.action:hover {color:rgb(169,57,6);}
.action::before {content:'\00BB';margin-top:-4px;font-size:30px;font-weight:800;color:rgb(169,57,6);display:inline-block;line-height:1;text-decoration:none;}
.action span {text-decoration:underline;}

/* ===========================
   DUE COLONNE SECTION
=========================== */
.row.due-colonne {display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:space-between;background-color:rgba(237,245,252,0.09);border-radius: 8px;/*box-shadow: 5px 5px 5px rgba(0,0,0,0.20)*/}
.due-col {flex:1 1 calc(50% - 20px);min-width:280px;padding:30px 20px 0px;}
.due-col h2 {font-size:24px;font-weight:800;color:rgba(2,25,57,1);margin-bottom:10px;}
.due-col p {line-height:1.5;margin-bottom:18px;}
.due-col ul.up {margin-top:-12px;margin-bottom:18px;padding-left:20px;}
.due-col ul.up li {margin-bottom:4px;line-height:26px;}
.row.due-colonne .action {position:relative;padding-left:30px;font-weight:700;font-style:italic;margin-top:20px;}
.row.due-colonne .action::before {content:'\00BB';position:absolute;left:0;top:0;line-height:1;font-size:28px;font-weight:800;color:rgb(169,57,6);text-decoration:none;}

/* ===========================
   OFFERTA HOME (BOX GRID)
=========================== */
.offerta-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.off-box {cursor:pointer;display:flex;align-items:flex-end;justify-content:center;position:relative;text-align:center;color:#fff;font-size:16px;background-color:rgba(64,123,168,1);border-radius:8px;aspect-ratio:1/1;transition:filter 0.3s;}
.off-box:hover {filter:brightness(1.5);}
.off-label {background-color:rgba(64,123,168,0.9);padding:12px;border-radius:4px;font-weight:700;width:100%;text-align:center;margin-bottom:0;}
.off-box.b-master_digital_marketing {background:url('/master/img/header-master_digital_marketing.webp') center/cover no-repeat;}
.off-box.b-master_digital_graphic_designer {background:url('/master/img/header-master_master_digital_graphic_designer.webp') center/cover no-repeat;}
.off-box.b-master_ai_for_business_administration {background:url('/master/img/header-master_ai_for_business_administration.webp') center/cover no-repeat;}
.off-box.b-master_ai_engineering {background:url('/master/img/header-master_ai_engineering.webp') center/cover no-repeat;}

/* ===========================
   INFO SECTION
=========================== */
.info {width:100%;padding:80px 10px;background:url(/master/img/info.webp) center center no-repeat;background-size:cover;}
.box-form {overflow:hidden;width:100%;max-width:600px;margin:0 auto;padding:40px 30px; background-color:rgba(64,123,168,1);border-radius: 6px;box-shadow:  0 0 60px rgba(255,255,255,1.00)}
.box-form h3 {padding:0 0 24px 0;font-size:22px;line-height:26px;font-weight:700;color:#FFFFFF;}
/* form */
form 						{overflow:hidden;margin:0 auto;}
fieldset div 		{position:relative;overflow:hidden;width:100%;margin:0 0 12px 0;}
fieldset input, fieldset select, fieldset textarea {width:100%;padding:10px 10px;font-size:13px;background-color:#FFF!important;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {color:#888;background: url(/img/select-arrow.webp) no-repeat 97% 50%;}
fieldset .telefono-riga {display: flex; gap:2.5%;margin-bottom:0;}
fieldset .telefono-riga .prefisso {width: 30%;}
fieldset .telefono-riga .numero {width: 68.5%;} /* float rimosso */
fieldset #campi-obbligatori {background:none;border:none;}
fieldset #campi-obbligatori label {font-size:13px;color:#fff;}
fieldset #privacy_box	{margin:0 0 20px 0;paIdding:0 8px 8px 8px;font-size:12px;line-height:16px;background:none;color:#fff;border:none;}
fieldset #privacy_box input {width:15px;height:15px;padding:4px 0 0 0;}
fieldset #privacy_box strong {font-size:12px; font-weight:700;}
fieldset #privacy_box span {display:inline-table;}
fieldset #variabili {display:none;background:none;}
fieldset a {color:#fff;}
fieldset .titolo, fieldset .anno {display:none;}
#invia { width:100%; max-width:220px;margin:0 auto;}
#invia2 {margin:0;border:none;}
.item {float:none;border:none;background:none;}
.item .jqconferma {display:block;width:100%;height:48px;margin:0;padding:0;font-family: 'Raleway', sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#284F6A;background-color:rgba(255,255,255,1.00)!important;cursor:pointer;border-radius:8px;}
.item:hover .jqconferma:hover {background-color:#224771!important;transition: all 0.3s}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error {position:absolute;bottom:0;left:0;margin:0!important;padding:2px!important;font-size:10px!important; line-height:9px!important;background-color:rgba(192,8,31,05);color:#FFFFFF;}
/*validazione html5 */
input, select, input:focus, select:focus {border:#c4c4c4 solid 1px;outline: none;}
input:required:focus:invalid, select:required:focus:invalid {border:red solid 1px;outline: none;} 
input:required:valid, select:required:valid {border:#0C0 solid 1px;outline: none;}

/* ===========================
   FOOTER
=========================== */
#footer-cont {clear:both;overflow:hidden;width:100%;background-color:rgba(64,123,168,0.00);}
.footer {overflow:hidden;width:100%;max-width:1440px;margin:0 auto;padding:40px 20px!important; color:rgba(64,123,168,0.99);}
.footer p {font-size:15px; text-align:center;}
.footer a {color:rgba(64,123,168,0.99)!important;}
/* ===========================
   UTILITY CLASSES
=========================== */
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
#back_to_top {position:fixed;bottom:15px;right:15px;cursor:pointer;}
.click {cursor:pointer; text-decoration:underline;color:#333399;}
.desk-hidden {display:none;}
.text-center { text-align:center;}
.fluid-h {height:100%;width:auto;}
.fluid {width:100%;height:auto;}
.desk-hidden {display:none;}
.intero {display: inline-block;}
.button {display:inline-block;padding:10px 16px;margin-top:20px;background-color:rgba(64,123,168,1);color:#fff;font-weight:700;font-size:16px;border-radius:6px;cursor:pointer;text-align:center;transition:background-color 0.3s ease;}
.button:hover {background-color:rgba(64,123,168,0.85);}
/** TITOLI SOTTO**/
.title-under {display:block;margin:3px 0 0 0;;background:rgb(169,57,6);height:1px;width:300px;}
.title-under:after {content:'';display:block;width:100px;background:inherit;height:3px;margin-top:6px;}
.title-under.center {display:block;margin:8px auto 0;background:rgb(169,57,6);height:1px;width:200px;}
.title-under.center:after {content:'';display:block;width:100px;background:inherit;height:3px;margin:6px auto;}

/* ===========================
   MEDIA QUERIES
=========================== */
@media(max-width:922px) {
  .burger {display:block;}
  .menu {display:none;width:100%;animation:fadeIn 0.4s ease-in-out;}
  .menu.open {display:block;margin-bottom:20px;}
  .menu ul {flex-direction:column;padding-top:10px;}
  .menu a {display:block;width:100%;padding:10px 15px;border-radius:0;}
	.logo-cont {padding:0;}
  .logos {width:auto;}
  .logo-img.ds {width:120px;}
  .logo-img.ec {width:190px;}
	.header {height: 500px;}
	.offerta-grid {grid-template-columns:repeat(2,1fr);}
	.motivo-cont {flex:1 1 100%;}
  .row.due-colonne {flex-direction:column;}
  .due-col {width:100%;}
}

@media(max-width:768px) {
/** heading **/
.head {margin:0;}
.head h1 {font-size:24px;}
.head h1 strong {font-size:32px;line-height:32px;}
.head h2 {font-size:16px; text-align:center;}
.head p {font-size:28px;}
/** contenuti **/
#container {padding:30px 10px;}
.main {width:100%;padding:0;}
.main .abs h2 {font-size:24px!important;line-height:34px;}
.offerta-grid {grid-template-columns:1fr;}
.off-box {aspect-ratio:auto;min-height:180px;}
/** varie **/
.desk-hidden {}
.hidden {display:none;}
}

@media(max-width:576px) {
	.offerta-grid {grid-template-columns:1fr;}
	.off-box {aspect-ratio:auto;min-height:180px;}
}

@media(max-width:480px) {
.header {margin-top:50px;height:460px;}
.logo-cont {padding:0;}
.loghi {padding:0 16px;}
.logo-img.ds {width:100px;margin-top:16px;margin-right:10px;}
.logo-img.ec {width:140px;margin-top:12px;}
.burger {font-size:24px;}
/** heading **/
.head-cont {padding:280px 0 0 0 ;}
.head {padding:15px 5px;}
.head h1 {font-size:20px;}
.head h1 strong {font-size:34px;line-height:30px;}
.head p {font-size:18px;}
.head p.mini {font-size:16px;}
/* principale */
.main .abs h2 {margin:0 0 18px 0;font-size:25px;line-height:28px;}
.main h2, .main h4 {font-size:20px;line-height:23px;}
.main h3 {font-size:21px;line-height:21px;}
}

@keyframes fadeIn {
  from {opacity:0;transform:translateY(-10px);}
  to {opacity:1;transform:translateY(0);}
}