.portfolio-section{display:flex;flex-direction:column;margin:3vw}.portfolio-section_title{color:var(--secondary-color-5);font-size:2.5vw;text-transform:capitalize;padding:5vw 0;font-weight:500}.parent{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2vw;grid-row-gap:2vw}.div{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden;min-height:25vw;border-radius:1vw;background-color:var(--secondary-color-3);position:relative!important}.div:hover .hover-effect{opacity:1!important;visibility:visible!important}.div:hover .hover-effect a{color:#3c096c;transform:translateX(0)!important;-webkit-transform:translateX(0)!important;-moz-transform:translateX(0)!important;-ms-transform:translateX(0)!important;-o-transform:translateX(0)!important}.portfolio-item_title{color:var(--secondary-color-5);font-size:2.5vw;font-weight:600;padding:2vw 2vw 1vw}.portfolio-item_link{color:var(--secondary-color-4);font-size:1.5vw;font-weight:400;padding:6vw 0 2vw 2vw}.portfolio-item_img{place-content:contain;height:25vw;-o-object-fit:contain;object-fit:contain;place-content:end;place-self:end;place-items:end}.hover-effect{border-radius:unset!important;opacity:0;visibility:visible;background:linear-gradient(0deg,#3c096c,rgba(60,9,108,0))!important;min-height:1vw!important;position:absolute!important;height:5vw!important;bottom:0;right:0;left:0;-webkit-border-radius:unset!important;-moz-border-radius:unset!important;-ms-border-radius:unset!important;-o-border-radius:unset!important}.hover-effect,.hover-effect a{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.hover-effect a{color:#3c096c;transform:translateX(-20vw)!important;-webkit-transform:translateX(-20vw)!important;-moz-transform:translateX(-20vw)!important;-ms-transform:translateX(-20vw)!important;-o-transform:translateX(-20vw)!important;margin:0 2vw;font-size:1.5vw;font-weight:500;gap:1.2vw;display:flex;align-items:center;background:var(--secondary-color-4);width:-moz-fit-content;width:fit-content;padding:.5vw 2vw;border-radius:1vw;-webkit-border-radius:1vw;-moz-border-radius:1vw;-ms-border-radius:1vw;-o-border-radius:1vw}.hover-effect a svg{width:2vw;height:2vw;transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);border:.15vw solid var(--secondary-color-1);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:.3vw}.hover-effect a svg path{font-weight:600;fill:var(--secondary-color-1)}@media only screen and (max-width:700px){.portfolio-section{display:flex;flex-direction:column;margin:3vw}.portfolio-section_title{color:var(--secondary-color-5);font-size:7vw;text-transform:capitalize;padding:10vw 0;font-weight:500}.parent{grid-column-gap:6vw;grid-row-gap:6vw}.parent,.parent .div{display:flex;flex-direction:column}.parent .div{justify-content:space-between;place-content:space-between;height:100%;overflow:hidden;min-height:25vw;border-radius:1vw;background-color:var(--secondary-color-3);-webkit-border-radius:1vw;-moz-border-radius:1vw;-ms-border-radius:1vw;-o-border-radius:1vw}.parent .div:hover .hover-effect{opacity:1!important;visibility:visible!important}.parent .div:hover .hover-effect a{color:#3c096c;transform:translateX(0)!important;-webkit-transform:translateX(0)!important;-moz-transform:translateX(0)!important;-ms-transform:translateX(0)!important;-o-transform:translateX(0)!important}.portfolio-item_title{color:var(--secondary-color-5);font-size:6vw;font-weight:600;padding:4vw 4vw 2vw}.portfolio-item_link{color:var(--secondary-color-4);font-size:3vw;font-weight:400;padding:12vw 0 4vw 4vw}.portfolio-item_img{height:100%;width:50vw;justify-self:end;place-content:contain;place-content:end;place-self:end;place-items:end}.hover-effect{border-radius:unset!important;opacity:1!important;visibility:visible!important;background:linear-gradient(0deg,#3c096c,rgba(60,9,108,0))!important;min-height:1vw!important;position:absolute;height:10vw!important;bottom:0;right:0;left:0;-webkit-border-radius:unset!important;-moz-border-radius:unset!important;-ms-border-radius:unset!important;-o-border-radius:unset!important}.hover-effect,.hover-effect a{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.hover-effect a{transform:translateX(0)!important;-webkit-transform:translateX(0)!important;-moz-transform:translateX(0)!important;-ms-transform:translateX(0)!important;-o-transform:translateX(0)!important;margin:0 4vw;font-size:4vw;font-weight:500;gap:2vw;display:flex;align-items:center;background:var(--secondary-color-4);width:-moz-fit-content;width:fit-content;padding:2vw 3vw!important;border-radius:3vw;color:#3c096c}.hover-effect a svg{width:4vw;height:4vw;transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);border:.15vw solid var(--secondary-color-1);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:.3vw}.hover-effect a svg path{font-weight:600;fill:var(--secondary-color-1)}}