@import "https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";

@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";

.dellaanimationcontainer {
overflow:hidden!important;
position:relative
}

.dellaanimationborderimage {
transition:all 10s ease-in-out!important
}

.dellaanimationcontainer:not(:hover) .dellaanimationborderimage {
transform:scale(1)!important;
transition:all 4s ease-in-out!important
}

.dellaanimationcontainer:hover .dellaanimationborderimage {
transform:scale(1.15)!important
}

.dellaanimationcontainer .dellaanimationborderone::before,.dellaanimationcontainer .dellaanimationborderone::after {
position:absolute;
content:"";
height:0;
width:0;
z-index:4;
visibility:hidden;
transition:width 1s ease,visibility .75s ease
}

.dellaanimationcontainer .dellaanimationborderone::before {
bottom:0;
right:0;
border-left:10px solid transparent;
border-bottom:10px solid #bda371e6;
border-right:10px solid transparent
}

.dellaanimationcontainer .dellaanimationborderone::after {
left:0;
top:0;
border-left:10px solid transparent;
border-top:10px solid #bda371e6;
border-right:10px solid transparent
}

.dellaanimationcontainer:hover .dellaanimationborderone::before,.dellaanimationcontainer:hover .dellaanimationborderone::after {
width:100%;
visibility:visible
}

.dellaanimationcontainer:not(:hover) .dellaanimationborderone::before,.dellaanimationcontainer:not(:hover) .dellaanimationborderone::after {
width:0;
visibility:hidden
}

.dellaanimationcontainer .dellaanimationbordertwo::before,.dellaanimationcontainer .dellaanimationbordertwo::after {
position:absolute;
content:"";
width:0;
height:0;
z-index:2;
visibility:hidden;
transition:height 1s ease,visibility .75s ease
}

.dellaanimationcontainer .dellaanimationbordertwo::before {
bottom:0;
right:0;
border-top:10px solid transparent;
border-right:10px solid #bda371e6;
border-bottom:10px solid transparent
}

.dellaanimationcontainer .dellaanimationbordertwo::after {
left:0;
top:0;
border-bottom:10px solid transparent;
border-left:10px solid #bda371e6;
border-top:10px solid transparent
}

.dellaanimationcontainer:hover .dellaanimationbordertwo::before,.dellaanimationcontainer:hover .dellaanimationbordertwo::after {
height:100%;
visibility:visible
}

.dellaanimationcontainer:not(:hover) .dellaanimationbordertwo::before,.dellaanimationcontainer:not(:hover) .dellaanimationbordertwo::after {
height:0;
visibility:hidden
}