/* screen - home-u47-progetto-1-1 */

.home-u47-progetto-1-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 375px;
  position: relative;
}

.home-u47-progetto-1-1 .frame-22 {
  align-self: stretch;
  background-color: var(--eerie-black-2);
  height: 13px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .frame-32 {
  align-items: center;
  align-self: stretch;
  background-color: var(--sizzling-sunrise);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  padding: 32px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .frame-26 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .vector {
  cursor: pointer;
  height: 20.91px;
  position: relative;
  width: 95.52px;
}

.home-u47-progetto-1-1 .frame-119 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 86.72px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .frame-28 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.6px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .frame-8 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10.96px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .frame-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4.38px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .title {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 48.2px;
  margin-top: -0.55px;
  position: relative;
}

.home-u47-progetto-1-1 .frame-33 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-31.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  overflow: hidden;
  padding: 32px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .frame-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .la-storia-le-pagine {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-agdasima);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-1 .span0 {
  font-weight: 700;
}

.home-u47-progetto-1-1 .frame-29 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 51px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .comincia-oggi-con-vo {
  color: var(--eerie-black-3);
  flex: 1;
  font-family: var(--font-family-agdasima);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-1 .image-1 {
  aspect-ratio: 2.4;
  height: 600px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.home-u47-progetto-1-1 .frame-2-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--heavy-metal);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  padding: 32px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .name {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-1 .giuseppe-melis-docen {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-1 .gabriele-chessa-pre {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-1 .name-1 {
  flex: 1;
  margin-top: -1.00px;
}

.home-u47-progetto-1-1 .name-2 {
  flex: 1;
  margin-top: -1.00px;
}

.home-u47-progetto-1-1 .alessandro-solinas {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-1 .antonello-garau-dir {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-1 .name-3 {
  align-self: stretch;
}

.home-u47-progetto-1-1 .sandro-pili-sindaco {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-1 .name-4 {
  align-self: stretch;
}

.home-u47-progetto-1-1 .name-5 {
  align-self: stretch;
}

.home-u47-progetto-1-1 .name-6 {
  align-self: stretch;
}

.home-u47-progetto-1-1 .nando-sechi-consigl {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-1 .rappresentante-dell {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-1 .name-7 {
  align-self: stretch;
}

.home-u47-progetto-1-1 .frame-26-1 {
  align-items: flex-start;
  align-self: stretch;
  background: linear-gradient(117deg, rgba(27, 27, 27, 1) 0%, rgba(52, 52, 52, 1) 100%);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 32px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .frame-152 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .frame-35 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.home-u47-progetto-1-1 .paesaggio-gramsci {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.home-u47-progetto-1-1 .frame-126 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 34px;
  position: relative;
}

.home-u47-progetto-1-1 .frame-150 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 3.19px;
  justify-content: flex-end;
  opacity: 0;
  position: relative;
}

.home-u47-progetto-1-1 .img-20260324-wa0004-1 {
  aspect-ratio: 0.81;
  height: 34.58px;
  margin-left: -32498.00px;
  margin-top: -36335.72px;
  object-fit: cover;
  position: relative;
  width: 27.9px;
}

.home-u47-progetto-1-1 .logo-ras-1 {
  aspect-ratio: 2.4;
  height: 34.58px;
  margin-left: -32466.91px;
  margin-top: -36335.72px;
  position: relative;
  width: 82.91px;
}

.home-u47-progetto-1-1 .frame-125 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: flex-end;
  position: relative;
}

.home-u47-progetto-1-1 .link {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
  width: fit-content;
}

.home-u47-progetto-1-1 .text-81 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.home-u47-progetto-1-1 .frame-28-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--eerie-black);
  border-color: var(--galliano);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 60px;
  justify-content: space-around;
  padding: 0px 100px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-1 .name-8 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}
/* screen - home-u47-progetto-1-2-all-breakpoints */

.home-u47-progetto-1-2-all-breakpoints {
  align-items: center;
  background-color: var(--black-haze);
  display: flex;
  flex-direction: column;
  min-width: 1200px;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .frame-22-1 {
  align-self: stretch;
  background-color: var(--eerie-black-2);
  height: 39px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .frame-28-2 {
  align-items: flex-end;
  background-color: var(--sizzling-sunrise);
  gap: 60px;
  height: 600px;
  overflow: hidden;
  padding: 40px 100px 160px;
}

.home-u47-progetto-1-2-all-breakpoints .image-1-1 {
  aspect-ratio: 2.4;
  height: 600px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.home-u47-progetto-1-2-all-breakpoints .frame-37 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .frame-30 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .frame-31 {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  gap: 11.77px;
}

.home-u47-progetto-1-2-all-breakpoints .vector-1 {
  height: 40.95px;
  margin-bottom: -0.47px;
  margin-left: -0.47px;
  margin-top: -0.47px;
  position: relative;
  width: 37.82px;
}

.home-u47-progetto-1-2-all-breakpoints .paesaggio-gramsci-1 {
  margin-top: -0.74px;
}

.home-u47-progetto-1-2-all-breakpoints .frame-6 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  height: 20px;
  justify-content: flex-end;
}

.home-u47-progetto-1-2-all-breakpoints .link-1 {
  margin-bottom: -0.05px;
  margin-top: -0.95px;
  text-align: right;
}

.home-u47-progetto-1-2-all-breakpoints .frame-29-2 {
  align-items: center;
  gap: 609px;
}

.home-u47-progetto-1-2-all-breakpoints .frame-7 {
  align-items: flex-end;
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
}

.home-u47-progetto-1-2-all-breakpoints .arrow-left {
  height: 24px;
  position: relative;
  width: 24px;
}

.home-u47-progetto-1-2-all-breakpoints .frame-28-3 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-bottom: -1.00px;
}

.home-u47-progetto-1-2-all-breakpoints .frame-2-2 {
  align-items: flex-start;
  gap: 8px;
}

.home-u47-progetto-1-2-all-breakpoints .frame-100 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .l-associazione-paesa-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .frame-1-2 {
  align-items: center;
  background-image: url(../img/frame-31.png);
  background-position: 50% 50%;
  background-size: cover;
  gap: 40px;
  justify-content: center;
  padding: 120px 100px 100px;
}

.home-u47-progetto-1-2-all-breakpoints .frame-104 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .frame-1-1 {
  align-items: flex-start;
  gap: 24px;
}

.home-u47-progetto-1-2-all-breakpoints .la-storia-le-pagine-1 {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-agdasima);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 46px;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .frame-29-1 {
  align-items: center;
  gap: 51px;
}

.home-u47-progetto-1-2-all-breakpoints .comincia-oggi-con-vo-1 {
  color: var(--eerie-black-3);
  flex: 1;
  font-family: var(--font-family-agdasima);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .frame-149 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 40px;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .frame-2-3 {
  align-items: center;
  background-color: var(--heavy-metal);
  gap: 32px;
  padding: 100px;
}

.home-u47-progetto-1-2-all-breakpoints .name-8 {
  align-self: stretch;
  margin-top: -1.00px;
}

.home-u47-progetto-1-2-all-breakpoints .giuseppe-melis-docen-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .gabriele-chessa-pre-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .name-9 {
  flex: 1;
  margin-top: -1.00px;
}

.home-u47-progetto-1-2-all-breakpoints .name-10 {
  flex: 1;
  margin-top: -1.00px;
}

.home-u47-progetto-1-2-all-breakpoints .alessandro-solinas-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .antonello-garau-dir-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .name-11 {
  align-self: stretch;
}

.home-u47-progetto-1-2-all-breakpoints .sandro-pili-sindaco-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .name-12 {
  align-self: stretch;
}

.home-u47-progetto-1-2-all-breakpoints .name-13 {
  align-self: stretch;
}

.home-u47-progetto-1-2-all-breakpoints .name-14 {
  align-self: stretch;
}

.home-u47-progetto-1-2-all-breakpoints .nando-sechi-consigl-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .rappresentante-dell-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .name-15 {
  align-self: stretch;
}

.home-u47-progetto-1-2-all-breakpoints .frame-58 {
  align-items: center;
  background-color: var(--sizzling-sunrise);
  border-radius: 4360486.5px;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  overflow: hidden;
  padding: 4px;
}

.home-u47-progetto-1-2-all-breakpoints .basilplus-outline {
  aspect-ratio: 1;
  height: 52.33px;
  position: relative;
  width: 52.33px;
}

.home-u47-progetto-1-2-all-breakpoints .arrow-left-1 {
  height: 45.87%;
  left: 27.07%;
  position: absolute;
  top: 27.07%;
  width: 45.87%;
}

.home-u47-progetto-1-2-all-breakpoints .frame-29-3 {
  align-items: flex-end;
  background: linear-gradient(117deg, rgba(27, 27, 27, 1) 0%, rgba(52, 52, 52, 1) 100%);
  justify-content: space-between;
  padding: 100px;
}

.home-u47-progetto-1-2-all-breakpoints .frame-35-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  width: 306px;
}

.home-u47-progetto-1-2-all-breakpoints .paesaggio-gramsci-2 {
  margin-top: -1.00px;
}

.home-u47-progetto-1-2-all-breakpoints .frame-126-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 34px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .link-2 {
  margin-top: -1.00px;
  text-decoration: underline;
}

.home-u47-progetto-1-2-all-breakpoints .text-91 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.home-u47-progetto-1-2-all-breakpoints .frame-30-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--eerie-black);
  border-color: var(--galliano);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 94px;
  justify-content: space-around;
  padding: 0px 100px;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .frame {
  flex: 0 0 auto;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .frame-1 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .frame-2 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .frame-28 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .frame-29 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.home-u47-progetto-1-2-all-breakpoints .link {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.home-u47-progetto-1-2-all-breakpoints .name {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-u47-progetto-1-2-all-breakpoints .paesaggio-gramsci {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}
@media screen and (max-width: 1199px) {
  .screen.home-u47-progetto-1-2-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1200px) {
  .screen.home-u47-progetto-1-1 { 
    display: none;
   }
}