.imgx:hover{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 30px 0 rgba(0,255,0,.67);-moz-box-shadow:0 0 30px 0 rgba(0,255,0,.67);box-shadow:0 0 30px 0 rgba(0,255,0,.87)}.imgx:last-of-type:hover{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 30px 0 rgba(232,0,0,.67);-moz-box-shadow:0 0 30px 0 rgba(232,0,0,.67);box-shadow:0 0 30px 0 rgba(232,0,0,.87)}.imgv:hover{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 30px 0 rgba(0,255,0,.67);-moz-box-shadow:0 0 30px 0 rgb(14 87 120 / .67);box-shadow:0 0 30px 0 rgb(9 24 142 / .97)}.imgv:last-of-type:hover{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 30px 0 rgba(232,0,0,.67);-moz-box-shadow:0 0 30px 0 rgb(26 73 157 / .67);box-shadow:0 0 30px 0 rgb(14 43 124 / .97)}.card{position:relative;display:flex;flex-direction:column;width:500px;background:#fff;color:currentColor;text-decoration:none;overflow:hidden;transition-property:color;transition-delay:.15s;box-shadow:0 2px 20px rgba(0,0,0,.1)}.card.hover{color:#fff!important;transition-delay:0}.card,.card__author,.card__body,.card__border,.card__foot,.card__image,.card__image::after{transition-duration:.4s;transition-timing-function:cubic-bezier(.51,.92,.24,1)}.card__head{position:relative;padding-top:70%}.card__author{position:absolute;padding:2em;left:0;bottom:0;color:#fff;transition-property:transform;transition-delay:.15s}.card.hover .card__author{transition-delay:0;color:#fff!important}.card__image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;transform-origin:top center;transition-property:transform;transition-delay:.15s}.card__image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.5;background:linear-gradient(30deg,rgba(26,42,99,.85),rgba(26,42,99,.5));transition-property:opacity;transition-delay:.15s}.card.hover .card__image{transition-delay:0}.card.hover .card__image::after{opacity:1;transition-delay:0}.card__body{position:relative;padding:2em;transition-property:transform;transition-delay:.15s}.card.hover .card__body{transition-delay:0}.card__headline{font-weight:400;margin:0 0 .8em}.card__text{line-height:1.5;margin:0;opacity:.8}.card__foot{position:absolute;left:0;right:0;bottom:0;padding:0 2em 2em;opacity:0;transition-property:opacity}.card.hover .card__foot{opacity:1;transition-delay:.15s}.card__link{color:currentColor;text-decoration:none;border-bottom:2px solid #b5272d}.card__border{position:absolute;left:0;bottom:0;width:100%;height:6px;background:#b5272d;transform:scaleY(0);transition-property:transform}.card.hover .card__border{transform:none;transition-delay:.15s}.author{display:flex;align-items:center}.author__image{flex-shrink:0;margin-right:1em;width:56px;height:56px;border-radius:100%;overflow:hidden}.author__content{display:grid;grid-gap:.4em;font-size:.9em}.author__header{margin:0;font-weight:600}.author__subheader{margin:0;opacity:.8}*{-webkit-box-sizing:border-box;box-sizing:border-box}*{-webkit-box-sizing:border-box;box-sizing:border-box}h5{margin:0;font-size:1.4em;font-weight:700}.property-card{height:18em;width:14em;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-transition:all .4s cubic-bezier(.645,.045,.355,1);-o-transition:all .4s cubic-bezier(.645,.045,.355,1);transition:all .4s cubic-bezier(.645,.045,.355,1);border-radius:16px;overflow:hidden;-webkit-box-shadow:15px 15px 27px #e1e1e3,-15px -15px 27px #fff;box-shadow:15px 15px 27px #e1e1e3,-15px -15px 27px #fff}.property-image{height:6em;width:14em;width:100%;padding:1em 2em;position:Absolute;top:0;-webkit-transition:all .4s cubic-bezier(.645,.045,.355,1);-o-transition:all .4s cubic-bezier(.645,.045,.355,1);transition:all .4s cubic-bezier(.645,.045,.355,1);background-size:cover;background-repeat:no-repeat}.bluer{background-image:url(https://deliverysources.web.app/IstanbulMUN/images/bluenx-min.jpg)}.reder{background-image:url(https://deliverysources.web.app/IstanbulMUN/images/redenx-min.jpg)}.property-description{background-color:#fafafc;height:12em;width:14em;width:100%;position:absolute;bottom:0;-webkit-transition:all .4s cubic-bezier(.645,.045,.355,1);-o-transition:all .4s cubic-bezier(.645,.045,.355,1);transition:all .4s cubic-bezier(.645,.045,.355,1);padding:.5em 1em;text-align:center}.property-social-icons{width:1em;height:1em;background-color:#000;position:absolute;bottom:1em;left:1em;-webkit-transition:all .4s cubic-bezier(.645,.045,.355,1);-o-transition:all .4s cubic-bezier(.645,.045,.355,1);transition:all .4s cubic-bezier(.645,.045,.355,1)}.property-card:hover .property-description{height:0;padding:0 1em}.property-card:hover .property-image{height:18em}.property-card:hover .property-social-icons{background-color:#fff}.property-card:hover .property-social-icons:hover{background-color:#00f;cursor:pointer}:root{--red:hsl(0, 78%, 62%);--cyan:hsl(180, 62%, 55%);--orange:hsl(34, 97%, 64%);--blue:hsl(212, 86%, 64%);--varyDarkBlue:hsl(234, 12%, 34%);--grayishBlue:hsl(229, 6%, 66%);--veryLightGray:hsl(0, 0%, 98%);--weight1:200;--weight2:400;--weight3:600}.attribution{font-size:11px;text-align:center}.attribution a{color:#3d51a2}h1:first-of-type{font-weight:var(--weight1);color:var(--varyDarkBlue)}h1:last-of-type{color:var(--varyDarkBlue)}@media (max-width:400px){h1{font-size:1.5rem}}.header{text-align:center;line-height:.8;margin-bottom:50px;margin-top:100px}.header p{margin:0 auto;line-height:2;color:var(--grayishBlue)}.box p{color:var(--grayishBlue)}.box{border-radius:5px;box-shadow:0 30px 40px -20px var(--grayishBlue);padding:30px;margin:20px}img{float:right}@media (max-width:450px){.box{height:200px}}@media (max-width:950px) and (min-width:450px){.box{text-align:center;height:180px}}.cyan{border-top:3px solid var(--cyan)}.red{border-top:3px solid var(--red)}.blue{border-top:3px solid var(--blue)}.orange{border-top:3px solid var(--orange)}h2{color:var(--varyDarkBlue);font-weight:var(--weight3)}@media (min-width:950px){.row1-container{display:flex;justify-content:center;align-items:center}.row2-container{display:flex;justify-content:center;align-items:center}.box-down{position:relative;top:150px}.box{width:20%}.header p{width:30%}}