.elementor-20 .elementor-element.elementor-element-a5cfdfb{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-20 .elementor-element.elementor-element-a5cfdfb:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-a5cfdfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://estudifna.cat/wp-content/uploads/2023/09/E4-Poligon-Nomes-nucli-antic-i-Rabassa-Por-defecto-000_page-0001-1024x724-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-a5cfdfb::before, .elementor-20 .elementor-element.elementor-element-a5cfdfb > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-a5cfdfb > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-a5cfdfb > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-a5cfdfb > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-a5cfdfb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-faca16e{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-70ba1e5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3rem;font-weight:800;color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-af77af6{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:3rem 1rem;--row-gap:3rem;--column-gap:1rem;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;}.elementor-20 .elementor-element.elementor-element-a48a932{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-f202b7f .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-f202b7f .elementor-icon{font-size:6rem;}.elementor-20 .elementor-element.elementor-element-f202b7f .elementor-icon svg{height:6rem;}.elementor-20 .elementor-element.elementor-element-b4c9c3c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-20 .elementor-element.elementor-element-b4c9c3c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-270c4da{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20 .elementor-element.elementor-element-a7a4401 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-a7a4401 .elementor-icon{font-size:6rem;}.elementor-20 .elementor-element.elementor-element-a7a4401 .elementor-icon svg{height:6rem;}.elementor-20 .elementor-element.elementor-element-61e2ebc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-20 .elementor-element.elementor-element-61e2ebc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-e12324c{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20 .elementor-element.elementor-element-ae821d5 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-ae821d5 .elementor-icon{font-size:6rem;}.elementor-20 .elementor-element.elementor-element-ae821d5 .elementor-icon svg{height:6rem;}.elementor-20 .elementor-element.elementor-element-6b8ab24{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-20 .elementor-element.elementor-element-6b8ab24 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-365c35c{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20 .elementor-element.elementor-element-c218689 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-c218689 .elementor-icon{font-size:6rem;}.elementor-20 .elementor-element.elementor-element-c218689 .elementor-icon svg{height:6rem;}.elementor-20 .elementor-element.elementor-element-e36a0e2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-20 .elementor-element.elementor-element-e36a0e2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-4bea3cc{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20 .elementor-element.elementor-element-89c8aa1 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-89c8aa1 .elementor-icon{font-size:6rem;}.elementor-20 .elementor-element.elementor-element-89c8aa1 .elementor-icon svg{height:6rem;}.elementor-20 .elementor-element.elementor-element-70a6ab6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-20 .elementor-element.elementor-element-70a6ab6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-af77af6{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-20 .elementor-element.elementor-element-f202b7f .elementor-icon{font-size:4rem;}.elementor-20 .elementor-element.elementor-element-f202b7f .elementor-icon svg{height:4rem;}.elementor-20 .elementor-element.elementor-element-a7a4401 .elementor-icon{font-size:4rem;}.elementor-20 .elementor-element.elementor-element-a7a4401 .elementor-icon svg{height:4rem;}.elementor-20 .elementor-element.elementor-element-ae821d5 .elementor-icon{font-size:4rem;}.elementor-20 .elementor-element.elementor-element-ae821d5 .elementor-icon svg{height:4rem;}.elementor-20 .elementor-element.elementor-element-c218689 .elementor-icon{font-size:4rem;}.elementor-20 .elementor-element.elementor-element-c218689 .elementor-icon svg{height:4rem;}.elementor-20 .elementor-element.elementor-element-89c8aa1 .elementor-icon{font-size:4rem;}.elementor-20 .elementor-element.elementor-element-89c8aa1 .elementor-icon svg{height:4rem;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-a5cfdfb{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-faca16e{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-70ba1e5{text-align:center;}.elementor-20 .elementor-element.elementor-element-70ba1e5 .elementor-heading-title{font-size:2rem;}.elementor-20 .elementor-element.elementor-element-af77af6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-b4c9c3c .elementor-heading-title{font-size:1rem;}.elementor-20 .elementor-element.elementor-element-61e2ebc .elementor-heading-title{font-size:1rem;}.elementor-20 .elementor-element.elementor-element-6b8ab24 .elementor-heading-title{font-size:1rem;}.elementor-20 .elementor-element.elementor-element-e36a0e2 .elementor-heading-title{font-size:1rem;}.elementor-20 .elementor-element.elementor-element-70a6ab6 .elementor-heading-title{font-size:1rem;}}/* Start custom CSS for container, class: .elementor-element-a5cfdfb */.elementor-20 .elementor-element.elementor-element-a5cfdfb::after{
    content: "";
    background: url('https://estudifna.cat/wp-content/uploads/2023/08/02-Down-Arrow-1.png');
    background-size: cover;
    width: 80px;
    aspect-ratio: 1/1;
    display: block;
    position: absolute;
    bottom: 25px;
    animation: bucle 1s infinite ease-in-out;
}

@keyframes bucle{
    0%{
        bottom: 35px;
    }
    100%{
        bottom: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4c9c3c */.elementor-20 .elementor-element.elementor-element-b4c9c3c span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a48a932 */.elementor-20 .elementor-element.elementor-element-a48a932{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-20 .elementor-element.elementor-element-a48a932::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-a48a932::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-a48a932:hover:after{
    opacity: 1;
}

.elementor-20 .elementor-element.elementor-element-a48a932:hover svg, .elementor-20 .elementor-element.elementor-element-a48a932:hover h2{
    opacity: .3;
}

.elementor-20 .elementor-element.elementor-element-a48a932:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-20 .elementor-element.elementor-element-a48a932:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-61e2ebc */.elementor-20 .elementor-element.elementor-element-61e2ebc span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-270c4da */.elementor-20 .elementor-element.elementor-element-270c4da{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-20 .elementor-element.elementor-element-270c4da::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-270c4da::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-270c4da:hover:after{
    opacity: 1;
}

.elementor-20 .elementor-element.elementor-element-270c4da:hover svg, .elementor-20 .elementor-element.elementor-element-270c4da:hover h2{
    opacity: .3;
}

.elementor-20 .elementor-element.elementor-element-270c4da:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-20 .elementor-element.elementor-element-270c4da:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b8ab24 */.elementor-20 .elementor-element.elementor-element-6b8ab24 span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e12324c */.elementor-20 .elementor-element.elementor-element-e12324c{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-20 .elementor-element.elementor-element-e12324c::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-e12324c::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-e12324c:hover:after{
    opacity: 1;
}

.elementor-20 .elementor-element.elementor-element-e12324c:hover svg, .elementor-20 .elementor-element.elementor-element-e12324c:hover h2{
    opacity: .3;
}

.elementor-20 .elementor-element.elementor-element-e12324c:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-20 .elementor-element.elementor-element-e12324c:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e36a0e2 */.elementor-20 .elementor-element.elementor-element-e36a0e2 span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-365c35c */.elementor-20 .elementor-element.elementor-element-365c35c{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-20 .elementor-element.elementor-element-365c35c::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-365c35c::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-365c35c:hover:after{
    opacity: 1;
}

.elementor-20 .elementor-element.elementor-element-365c35c:hover svg, .elementor-20 .elementor-element.elementor-element-365c35c:hover h2{
    opacity: .3;
}

.elementor-20 .elementor-element.elementor-element-365c35c:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-20 .elementor-element.elementor-element-365c35c:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70a6ab6 */.elementor-20 .elementor-element.elementor-element-70a6ab6 span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bea3cc */.elementor-20 .elementor-element.elementor-element-4bea3cc{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-20 .elementor-element.elementor-element-4bea3cc::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-4bea3cc::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-20 .elementor-element.elementor-element-4bea3cc:hover:after{
    opacity: 1;
}

.elementor-20 .elementor-element.elementor-element-4bea3cc:hover svg, .elementor-20 .elementor-element.elementor-element-4bea3cc:hover h2{
    opacity: .3;
}

.elementor-20 .elementor-element.elementor-element-4bea3cc:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-20 .elementor-element.elementor-element-4bea3cc:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */