.contactpage .left{min-height:38rem}.contactpage .left .item{width:calc(50% - .5rem)}.contactpage .left .item.w-full{width:100%}.contactpage .left .item label{margin-bottom:.2rem;display:block}.contactpage .left .item input,.contactpage .left .item select,.contactpage .left .item textarea,.contactpage .left .item input::placeholder,.contactpage .left .item select::placeholder,.contactpage .left .item textarea::placeholder{color:#23232566}.contactpage .right{flex-direction:column;align-items:start;margin-top:3rem;display:flex;position:relative}.contactpage .right .cards{-webkit-backdrop-filter:blur(84.7px);backdrop-filter:blur(84.7px);z-index:3;background:#f1f1f1e6;width:39rem;max-width:90%;padding:3rem 3rem 2rem;transition:all .2s linear;position:absolute;transform:rotate(11deg)}@media screen and (max-width:1366px){.contactpage .right .cards{padding:2rem}}.contactpage .right .cards:after{content:"";background:url(/img/icon/contact-location.svg) 0 0/2.5rem no-repeat;width:2.5rem;height:2.5rem;position:absolute;bottom:2rem;right:2rem}.contactpage .right .cards:nth-of-type(2){background-color:var(--color-blue);color:#fff;z-index:2;padding-top:10.5rem;top:7.6rem;left:-2.3rem;transform:rotate(0)}.contactpage .right .cards:nth-of-type(2):after{background:url(/img/icon/contact-phone.svg) 0 0/2.5rem no-repeat}.contactpage .right .cards:nth-of-type(2) .common-heading span{color:#fff}.contactpage .right .cards:nth-of-type(3){color:#fff;z-index:1;background-color:#000;padding-top:10.5rem;top:14rem;left:-3.9rem;transform:rotate(-18deg)}.contactpage .right .cards:nth-of-type(3):after{background:url(/img/icon/contact-email.svg) 0 0/2.5rem no-repeat}.contactpage .right .cards:nth-of-type(3) .common-heading span{color:#fff}.contactpage .container:hover .right .cards{left:0!important;transform:rotate(0)!important}.contactpage .container:hover .right .cards:nth-of-type(2){top:13rem}.contactpage .container:hover .right .cards:nth-of-type(3){top:21rem}@media screen and (max-width:1199px){.contactpage .left{min-height:auto}.contactpage .right .cards{width:100%;max-width:100%;position:static;padding:2rem!important;transform:rotate(0)!important}}@media screen and (max-width:639px){.contactpage .left .item{width:100%}.contactpage .right .cards{padding:1.4rem!important}}