@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

.row{
    flex-wrap: wrap;
}

body {
    font-family: "Poppins", sans-serif;
    color: #3f51b5; 
}

#backbutton{
    text-align: left;
    margin-left: 1em;
}

a,
a:hover {
    text-decoration: none;
    color: inherit;
}

.section-products {
    padding: 54px 0 54px;
}

.section-products .header {
    margin-bottom: 50px;
}

.section-products .header h3 {
    font-size: 1.4rem;
    color: #3f51b5;
    font-weight: 800;
}

.section-products .header h2 {
    font-size: 2.2rem;
    font-weight: 400;
    color: #444444; 
}

.section-products .single-product {
    margin-bottom: 26px;
}

.section-products .single-product .part-1 {
    position: relative;
    /* height: 290px; */
    height: 350px;
    max-height: 350px;
    width: 350px;
    max-width: 350px;
    margin-bottom: 20px;
    overflow: hidden;
    align-items: center;
}

.section-products .single-product .part-1::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		transition: all 0.3s;
}

.section-products .single-product:hover .part-1::before {
		transform: scale(1.2,1.2) rotate(5deg);
}

.section-products #product-1 .part-1::before {
    background: url("https://tentis.ro/images/pergolaproduct.png") no-repeat center;
    background-size: cover;
		transition: all 0.3s;
    
}

.section-products #product-2 .part-1::before {
    background: url("https://tentis.ro/images/sticlaproduct.png") no-repeat center;
    background-size: cover;
}

.section-products #product-3 .part-1::before {
    background: url("https://tentis.ro/images/copertinaproduct.png") no-repeat center;
    background-size: cover;
}

.section-products #product-4 .part-1::before {
    background: url("https://tentis.ro/images/folieproduct.png") no-repeat center;
    background-size: cover;
}




.section-products .single-product .part-2 .product-title {
    font-size: 1rem;
}

.section-products .single-product .part-2 h4 {
    display: inline-block;
    font-size: 1rem;
}

.row{
    justify-content:space-around ;
}
 
.part-1{
    align-items: center;
}

.link{
    text-decoration: none;
}

.product-title :hover{
    color: #0026ff;
}

/* Poze */
/* Pergole */
.section-products #supreme .part-1::before {
    background: url("https://tentis.ro/images/Pergole/supreme.png") no-repeat center;
    background-size: cover;
}
.section-products #long .part-1::before {
    background: url("https://tentis.ro/images/Pergole/long.png") no-repeat center;
    background-size: cover;
}
.section-products #lux .part-1::before {
    background: url("https://tentis.ro/images/Pergole/lux.png") no-repeat center;
    background-size: cover;
}
.section-products #flip .part-1::before {
    background: url("https://tentis.ro/images/Pergole/flip.png") no-repeat center;
    background-size: cover;
}
.section-products #pro .part-1::before {
    background: url("https://tentis.ro/images/Pergole/pro.png") no-repeat center;
    background-size: cover;
}
/* Sticla */
.section-products #triple .part-1::before {
    background: url("https://tentis.ro/images/sticla/sticlaproduct.png") no-repeat center;
    background-size: cover;
}
.section-products #pliabila .part-1::before {
    background: url("https://tentis.ro/images/sticla/pliabila.png") no-repeat center;
    background-size: cover;
}
/* Copertine */
.section-products #vega .part-1::before {
    background: url("https://tentis.ro/images/Copertine/vega.png") no-repeat center;
    background-size: cover;
}
.section-products #balkony .part-1::before {
    background: url("https://tentis.ro/images/Copertine/balkony.png") no-repeat center;
    background-size: cover;
}
.section-products #loggia .part-1::before {
    background: url("images/Copertine/loggia.png") no-repeat center;
    background-size: cover;
}
.section-products #monoblock .part-1::before {
    background: url("https://tentis.ro/images/Copertine/monoblock.png") no-repeat center;
    background-size: cover;
}
.section-products #prestige .part-1::before {
    background: url("https://tentis.ro/images/Copertine/prestige.png") no-repeat center;
    background-size: cover;
}
.section-products #ecocassete .part-1::before {
    background: url("https://tentis.ro/images/Copertine/ecocassete.png") no-repeat center;
    background-size: cover;
}
/* Inchideri terase */
.section-products #rulouri .part-1::before {
    background: url("https://tentis.ro/images/Products/folieproduct.png") no-repeat center;
    background-size: cover;
}
.section-products #capse .part-1::before {
    background: url("https://tentis.ro/images/Inchideri_terase/capse.png") no-repeat center;
    background-size: cover;
}
.section-products #casetate .part-1::before {
    background: url("https://tentis.ro/images/Inchideri_terase/casete.png") no-repeat center;
    background-size: cover;
}
.section-products #screen .part-1::before {
    background: url("https://tentis.ro/images/Inchideri_terase/screen.png") no-repeat center;
    background-size: cover;
}

/* Poze end */