body{
    overflow: hidden;
}


.indice-title-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
	}

	a {
		text-decoration: none;
		color: #222222;
		height: fit-content;
	}

	.indice-title-marker {
		background: #ffbb00;
		width: 25px;
		height: 25px;
		border-radius: 3000px;
	}

	.indice-title {
		font-weight: bolder;
		font-size: 2em;
	}

	.indice-subtitle {
		font-size: 1.2em;

	}

	.indice-item-container {
		padding: 10px;
		font-family: roboto;
		border: solid 4px transparent;
		border-radius: 20px;
		height: fit-content;
		transition-duration: 150ms;
	}

	.indice-item-container:hover{
		border: solid 4px #ffbb00;

	}

.yikes-custom-woo-tab-title-demo{
    display: none;
}

.gs-demo-title{
font-family: Raleway;
font-weight: 700;
font-size: 40px;
color: #109239;
text-align: center;
}

.gs-demo-grid2{
display: flex;
justify-content: center;
gap: 8%;
}	

.demoImg{
border-radius: 10px;
/*border: 3px solid #B8B8B8;*/
width: 215px;
}

.demoImgAuto{
    border-radius: 10px;
    /*border: 3px solid #B8B8B8;*/
    max-width: 200px;
    }

.gs-demo-back {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.gs-demo-back i{
    font-size: 30px;
}

.gs-demo-title {
    font-family: Raleway;
    font-weight: 700;
    font-size: 40px;
    color: #109239;
    text-align: center;
    margin-bottom: 15px;
}

.gs-demo-megacontainer {
    display: flex;
    justify-content: center;
}

.gs-demo-grid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
}

.gs-demo-grid4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
}

.gs-demo-grid5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
}


.gs-demo-grid3-image {
    max-width: 200px;
}

.gs-demo-grid4-image {
    max-width: 250px;
}

@media (max-width: 768px){
    .demoImgAuto {
        max-width: 150px;
      }

.gs-demo-grid-2{
    flex-wrap: wrap;
    row-gap: 50px;
}

.demoImg{
    width: 150px;
}

.gs-demo-back, .gs-demo-back i {
    font-size: 20px;
}

.gs-demo-title {
font-size: 20px;
}

.gs-demo-grid5 {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

.gs-demo-grid3 {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

.gs-demo-grid3-image {
    max-width: 150px;
}
}

.bnw{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}