.elementor-kit-17{--yellow:195,123,0;--purple:160, 107, 202;--cyan:107, 147, 202;--green:107, 202, 137}.card{position:relative;min-height:40vh;z-index:1}@media (max-width:767px){.card{min-height:60vh}}.card .side_a,.card .side_b{position:absolute;min-height:40vh;top:0;left:0;width:100%;height:100%;transition:opacity 0.6s ease-in-out;cursor:default;overflow:auto}.card .side_a{opacity:1}.card .side_b{opacity:0;backdrop-filter:blur(5px)}.card:hover .side_a{opacity:0}.card:hover .side_b{opacity:1}.paging .elementor-pagination{position:absolute;z-index:10;bottom:0;right:0;background-color:#6b93ca;padding:5px 10px;border-radius:10px 0 0 0}.paging{position:relative}.portfolio_cont{--border-color:#212121;--background-color:#fff;--text-color:#212121;--item-bg-color:#6396cb;--gap-size:0;--item-height:45vh;--title-font-size:3vw;--padding-size:2em;--flex-gap:0;--opacity-transition-duration:0.6s;width:100%;margin:0;padding:0;background-color:var(--background-color);color:var(--background-color);display:flex;flex-wrap:wrap;gap:var(--flex-gap)}.portfolio_cont .title,.portfolio_cont .item{border-top:1px solid var(--border-color);width:calc(100% / 3);height:var(--item-height);box-sizing:border-box}.portfolio_cont .title h2{color:var(--text-color);padding:.5em;;color:var(--text-color);font-family:"Poppins",Sans-serif;font-size:var(--title-font-size);font-weight:200;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:-2px;word-spacing:0em}.portfolio_cont .item{border-left:1px solid var(--border-color);background-size:cover;background-position:center;color:#fff;background-color:var(--item-bg-color);position:relative}.portfolio_cont .item .front,.portfolio_cont .item .back{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;transition:opacity var(--opacity-transition-duration) ease-in-out;overflow:hidden;padding:var(--padding-size);display:flex;flex-direction:column}.portfolio_cont .item .front{align-items:center;justify-content:flex-end;opacity:1;background-color:transparent;background-image:linear-gradient(0deg,#FFFFFFD1 25%,var(--e-global-color-59b3e24) 75%)}.portfolio_cont .item .front .subtitle{color:var(--e-global-color-secondary);font-family:"Noto Sans",Sans-serif;font-size:1.9em;font-weight:600}.portfolio_cont .item .back{justify-content:center;align-items:left;opacity:0;backdrop-filter:blur(5px)}.portfolio_cont .item .back .subtitle{color:var(--background-color);font-family:"Noto Sans",Sans-serif;font-size:1.9em;font-weight:600}.portfolio_cont .item .back hr{border-color:var(--background-color);margin-top:1em;width:33%}.portfolio_cont .item .back p{margin-top:1em}.portfolio_cont .item .back button{margin-top:1em;border-color:var(--background-color);color:var(--background-color);width:33%;padding:.5em}.portfolio_cont .item .back button:hover{border-color:var(--background-color);color:var(--background-color)}.portfolio_cont .item:hover .front{opacity:0}.portfolio_cont .item:hover .back{opacity:1}@media screen and (max-width:768px){.title,.item{width:calc(100% / 2);height:auto}}@media screen and (max-width:480px){.title,.item{width:100%;height:auto}}.portfolio_cont .item.purple .front .type{color:rgb(var(--purple))}.portfolio_cont .item.purple .back{background-image:linear-gradient(180deg,rgba(var(--purple),.25) 50%,rgb(var(--purple)) 100%)!important}.portfolio_cont .item.purple .back button:hover{background-color:rgb(var(--purple))}.portfolio_cont .item.cyan .front .type{color:rgb(var(--cyan))}.portfolio_cont .item.cyan .back{background-image:linear-gradient(180deg,rgba(var(--cyan),.25) 50%,rgb(var(--cyan)) 100%)!important}.portfolio_cont .item.cyan .back button:hover{background-color:rgb(var(--cyan))}.portfolio_cont .item.yellow .front .type{color:rgb(var(--yellow))}.portfolio_cont .item.yellow .back{background-image:linear-gradient(180deg,rgba(var(--yellow),.25) 50%,rgb(var(--yellow)) 100%)!important}.portfolio_cont .item.yellow .back button:hover{background-color:rgb(var(--yellow))}.portfolio_cont .item.green .front .type{color:rgb(var(--green))}.portfolio_cont .item.green .back{background-image:linear-gradient(180deg,rgba(var(--green),.25) 50%,rgb(var(--green)) 100%)!important}.portfolio_cont .item.green .back button:hover{background-color:rgb(var(--green))}