.button{display:flex;padding:0px 20px;align-items:center;line-height:65px;flex-shrink:0;max-width:300px;width:100%;font-weight:500;font-size:20px;border-radius:16px;color:#fff;text-decoration:none;text-align:center;background-color:#ff2a00;border:none;transition:background-color .15s ease-in,color .15s ease-in}.button .contact-icon{height:40px;margin-right:20px}.button:hover{background-color:rgba(20,2,73,.99);color:#fff}.card{z-index:9;flex:1;color:#fff;max-width:640px;width:100%;flex-shrink:0;background:linear-gradient(90deg, #A00 -50%, #D2122E 50%);border-radius:8px;transition:.5s all;transform:scale(1);background-size:cover;position:relative}.card::before{content:"";display:block;padding-top:73.25%}.card:hover{transform:scale(1.01);box-shadow:0px 0px 24px 0px rgba(0,18,92,.8)}.card .images{display:flex;justify-content:space-between;height:100%}.card .images img{width:48%;height:50%;padding:4px;border:2px solid #fff;border-width:2px;position:relative;object-fit:cover}.card .images img:nth-child(1){padding-left:0;border-left:0;border-radius:0 10px 10px 0;align-self:flex-start;top:12.5%}.card .images img:nth-child(2){padding-right:0;border-right:0;border-radius:10px 0 0 10px;align-self:flex-end;bottom:12.5%}@media only screen and (max-width: 700px){.card{flex:none}.card .images img{position:static;height:60%}.card .images img:nth-child(1){align-self:center}.card .images img:nth-child(2){align-self:center}}.card-text-box{padding:20px 24px 20px 24px}.row{flex:1;height:100%;width:100%;gap:20px;margin-top:20px;justify-content:center}.grid{display:flex;align-items:center;flex-direction:column}.card-image{border-radius:8px;width:100%;max-height:285px;object-fit:contain;object-position:left}.overlay{z-index:10;position:fixed;margin:auto auto;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3137254902)}.closed{display:none;transform:translateX(100%)}.popuparea{z-index:11;position:fixed;top:0;bottom:0;left:100%;right:-100%;pointer-events:none;transition:.5s transform;padding-top:150px;margin:auto auto;overflow-y:auto}.popuparea .popup{pointer-events:all;margin:auto;padding:20px;background:#fff;border-radius:5px;width:60%;position:relative;padding:50px;height:auto;background-color:#fff;border-radius:8px;background:linear-gradient(90deg, #010A5C -50%, #4A72FF 50%)}.popuparea .popup .close-button{margin:0;display:inline;position:absolute;top:20px;right:20px;background:none;border:none}.popuparea .popup h2{margin-right:45px}.popuparea .popup p{margin:20px 0 20px 0}.popuparea .popup .tag{background-color:var(--sw-main-red, #FF2A00);border-radius:10px;padding:10px}.popuparea .popup .tags{display:flex;flex-wrap:wrap;gap:10px}.popuparea .popup .images{margin-top:40px;display:flex;column-gap:20px;justify-content:center}.popuparea .popup .images img{display:flex;max-width:400px;max-height:250px;width:100%;object-fit:cover;border-radius:20px;pointer-events:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.popuparea .popup .logos{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.popuparea .popup .logos img{max-width:50px;max-height:50px;width:100%;object-fit:contain;border-radius:20px;pointer-events:none;background-color:#fff;border-radius:10px;padding:10px}@media screen and (max-width: 1000px){.popuparea .popup{width:80%}}@media screen and (max-width: 1400px){.popuparea .popup .images{width:100%}.popuparea .popup .images img{max-width:50%}}@media screen and (max-width: 1200px){.popuparea .popup{padding:30px}.popuparea .popup .images{display:none}}@media screen and (max-width: 500px){.popuparea .popup .logos img{max-width:40px}.popuparea .popup p{font-size:15px}.popuparea .popup span{font-size:10px}.popuparea .popup .tag{padding:5px}}.popuparea .small-card{padding-top:20px}.translate{transform:translateX(-100%)}#showcase{max-width:100vw;padding:140px 13% 40px 13%;display:flex;flex-direction:column;align-items:center;gap:20px;display:flex;justify-content:space-around}@media screen and (max-width: 1200px){#showcase{padding:140px 5% 40px 5%}}@media only screen and (max-width: 768px){#showcase{padding:140px 2% 0 2%}}#showcase p{margin:0}#showcase #logo{height:38px}#showcase .nav-lan{display:flex;flex-direction:row;align-items:center}#showcase .nav-lan .language-option{margin-left:30px;text-decoration:none;padding:10px;border-radius:10px;background-color:#5033a3;color:#f0f0f0;font:bold 1.25rem "Inter",sans-serif}#showcase .gallery{display:flex;flex-direction:row;width:100%}#showcase .gallery video,#showcase .gallery img{width:calc(100% - 20px);border-radius:15px}#showcase .gallery .gallery-left{display:flex;flex-direction:column;width:calc(28% - 20px);row-gap:20px}#showcase .gallery .gallery-right{width:calc(72% - 20px);display:flex;flex-direction:column;align-items:end}#showcase .gallery .gallery-right .slogan-div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#showcase .gallery .gallery-right .slogan-div #slogan{font-size:4.4vw;width:calc(100% - 100px);font-weight:bold;letter-spacing:3px;text-wrap:nowrap}#showcase .gallery .gallery-right .slogan-div #slogan span{color:#ff2a00}#showcase .gallery .gallery-right .action-section{display:flex;flex-direction:row;align-items:start}#showcase .gallery .gallery-right .action-section video{width:calc(38% - 20px)}#showcase .gallery .gallery-right .action-section #right-side{width:calc(62% - 20px);margin:0 0 0 30px}#showcase .gallery .gallery-right .action-section #right-side button{margin-top:20px}#showcase .gallery .last-item{margin-top:-16vw}@media only screen and (max-width: 768px){#showcase .gallery .gallery-left{display:none;z-index:10}#showcase .gallery .gallery-right{z-index:10;width:100%}#showcase .gallery .gallery-right .slogan-div{display:flex;justify-content:left;text-align:left}#showcase .gallery .gallery-right .slogan-div #slogan{font-size:7vw;width:100%;font-weight:bold;letter-spacing:3px;text-wrap:nowrap}#showcase .gallery .gallery-right .slogan-div #slogan span{color:#ff2a00}#showcase .gallery .gallery-right .action-section{display:flex;flex-direction:column-reverse}#showcase .gallery .gallery-right .action-section video{width:100%}#showcase .gallery .gallery-right .action-section #right-side{width:100%;margin:50px 0 50px 0}}#showcase .gallery .button{margin-top:20px}#showcase #floating-bar{display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:100;top:0;left:20%;right:20%;margin:20px 0;padding:20px;box-sizing:border-box;height:80px;border-radius:16px;background-color:rgba(255,255,255,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}@media screen and (max-width: 1300px){#showcase #floating-bar{left:10%;right:10%}}@media screen and (max-width: 1300px){#showcase #floating-bar{left:5%;right:5%}}#showcase #floating-bar nav{display:flex}#showcase #floating-bar nav a{color:#5033a3;font:400 1.25rem "Inter",sans-serif}#showcase #floating-bar nav a:after{display:inline-block;margin:0 10px;content:"•"}#showcase #floating-bar nav a:last-of-type:after{content:none}@media screen and (max-width: 1000px){#showcase #floating-bar #navigation{display:none}}#showcase section{display:flex;justify-content:space-between;z-index:9}#showcase section div{flex-direction:column}@media screen and (max-width: 1000px){#showcase section{margin-bottom:50px}}@media screen and (max-width: 500px){#showcase section{margin-bottom:70px}}#showcase section h1{height:200px;font:600 3vw "Inter",sans-serif}#references{width:100%;padding:108px 0 108px 0;align-items:center;display:flex;flex-direction:column;row-gap:76px;color:#101010}#references p{width:50%;text-align:center}@media screen and (max-width: 1000px){#references p{width:90%}}#references #references-box{width:80%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:60px}#references #references-box .reference{width:160px;height:80px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:15px}#references #references-box .reference img{height:100%;max-width:100%;object-fit:contain}@media screen and (max-width: 768px){#references #references-box{width:90%;gap:20px}#references #references-box .reference{width:120px;height:60px;padding:10px}}#references #press{display:flex;flex-direction:column;align-items:center;row-gap:76px}#references #press h1{font-size:2rem;color:#101010;text-align:center}#references #press img{width:min(80%,600px)}#services{padding:108px 10% 108px 10%;background:linear-gradient(180deg, #101010 0%, #0053A0 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;overflow-x:hidden}@media only screen and (max-width: 1400px){.row{display:flex;flex-direction:column;align-items:center}}#about{padding:108px 0 0 0;text-align:center;color:#fff;display:flex;flex-direction:column;overflow-x:hidden;color:#101010;min-height:auto}#about h2{margin-top:50px}#about .paragraphs{display:flex;flex-direction:column;align-items:center;justify-content:center;align-items:center;column-gap:50px}#about .paragraph{margin:30px 0;width:calc(50% - 100px)}#about .megamice-logo{max-width:600px;width:100%}#about #slogan-img{max-width:600px;margin-top:7vh;width:80%}@media only screen and (max-width: 768px){#about .paragraphs{flex-direction:column}#about .paragraphs .paragraph{margin:30px 0;width:100%}}#contact{padding:108px 10% 108px 10%;color:#101010;max-width:100vw}#contact h2{margin-bottom:50px}#contact .addresses{display:flex;align-items:start}#contact .addresses .address-area{display:flex;flex:0 1 calc(50% - 10px);flex-direction:column;margin:0 5px}#contact .addresses .address-area h3{margin-left:30px}#contact .addresses .address-area #istanbul{background:#ff2a00}#contact .addresses .address-area #ankara{background:#5033a3}#contact .addresses .address-area .address-box{display:flex;padding:24px;flex-direction:column;height:400px;border-radius:16px;color:#f0f0f0}#contact .addresses .address-area .address-box iframe{height:321px;border-radius:16px;height:300px}#contact .addresses .address-area .address-box p{margin:25px 0 auto 0}@media only screen and (max-width: 1200px){#contact .addresses{flex-direction:column;align-items:center}#contact .addresses .address-area{margin:10px 0}#contact .addresses .address-area .address-box{height:auto}}#contact .contact-boxes{display:flex;gap:30px;justify-content:center;margin-top:30px}@media only screen and (max-width: 1400px){#contact .contact-boxes{flex-direction:column;align-items:center}#contact .contact-boxes .contact-box{width:90%}}footer{position:relative;padding-bottom:8px;overflow:hidden;background:linear-gradient(94deg, #140249 0%, #5033A3 99.23%);color:#fff}footer a{cursor:pointer;font-weight:400;color:#fff}footer img{width:100%;margin-bottom:100px}footer #links{display:flex;flex-direction:row;justify-content:space-between;padding:20px 96px}@media screen and (max-width: 1000px){footer #links{flex-direction:column;align-items:center;row-gap:48px;margin-bottom:48px}}footer .links{display:flex;column-gap:32px;flex-wrap:wrap;justify-content:center}@media screen and (max-width: 1000px){footer .links{column-gap:5px}footer .contact-info{display:flex;flex-direction:column;align-items:center;gap:20px}}footer .contact-info{flex-direction:column;align-items:center;row-gap:48px;margin-bottom:48px}footer span{display:block;margin:auto;font-weight:100;text-align:center;font-size:16px}#floating-bar .hamburger-menu span,#floating-bar .hamburger-menu span::before,#floating-bar .hamburger-menu span::after{content:"";display:block;height:var(--height);width:100%;background:#fff}#floating-bar .hamburger-menu{--height: 2.4px;--space: calc(var(--height) * 2.5);--animation-speed: 300ms;width:calc(var(--space)*4);height:calc(var(--height) + var(--space)*2);display:none;cursor:pointer;position:relative}@media screen and (max-width: 1000px){#floating-bar .hamburger-menu{display:block}}#floating-bar .hamburger-menu span{transform:translateY(var(--space));transition:300ms 300ms background-color}#floating-bar .hamburger-menu span:before{position:absolute;bottom:var(--space);transition:300ms transform,300ms 300ms bottom}#floating-bar .hamburger-menu span:after{position:absolute;top:var(--space);transition:300ms transform,300ms 300ms top}#floating-bar #menu-toggle{display:none;background-color:#fff}#floating-bar :root{--animation-speed: 300ms}#floating-bar .menu ul li a{pointer-events:none}.menu{z-index:1000;position:fixed;opacity:0;top:0;right:5%;transform:translateY(-100%);transition:opacity .2s,transform .2s}.menu ul{display:flex;list-style:none;border:0;box-sizing:border-box;padding:10px 0;border-radius:10px;justify-content:space-around;flex-direction:column;height:200px;background-color:rgba(255,255,255,.5);backdrop-filter:blur(24px) !important;-webkit-backdrop-filter:blur(24px) !important}.menu ul hr{border-top:.5px solid #fff;margin:0 10px}.menu ul li{padding:0 20px}.menu ul li a{display:block;font-size:20px;letter-spacing:2px;color:#fff}.visible{opacity:1;transform:translateY(60%)}.visible ul li a{pointer-events:all}#navbaroverlay{z-index:999;position:fixed;top:0;left:0;height:100vh;width:200vw}#navbaroverlay.closed{display:none}#showcase.canvas{position:relative;overflow:hidden;background:linear-gradient(-90deg, #5033a3 0%, #5033a3 10%, #5033a3 25%, #5033a3 45%, #5033a3 60%, #5033a3 75%, #5033a3 85%, #5033a3 100%)}.canvas::before,.canvas::after,.canvas>.circles,.canvas>.circles::before,.canvas>.circles::after{filter:blur(150px)}.canvas::before,.canvas::after{position:absolute;content:"";width:390px;height:390px;border-radius:100%}.canvas::before{background:#ffecf5;top:-195px;left:-195px}.canvas::after{background:#ff2a00;right:-195px;top:50%;transform:translateY(-50%)}.canvas>.circles,.canvas>.circles::before,.canvas>.circles::after{border-radius:100%;position:absolute}.canvas>.circles::before,.canvas>.circles::after{content:"";width:140px;height:140px;top:50%;transform:translateY(-50%)}.canvas>.circles{width:230px;height:230px;background:#ffc285;bottom:-60px;left:75px}.canvas>.circles::before{z-index:8;background:#8600ff;left:-40%}.canvas>.circles::after{z-index:8;background:red;right:-20%}#services.canvas{position:relative;overflow:hidden;background:linear-gradient(-90deg, #140249 0%, #140249 10%, #140249 25%, #140249 45%, #140249 60%, #140249 75%, #140249 85%, #140249 100%)}.canvas::before,.canvas::after,.canvas>.circles,.canvas>.circles::before,.canvas>.circles::after{filter:blur(150px)}.canvas::before,.canvas::after{position:absolute;content:"";width:390px;height:390px;border-radius:100%}.canvas::before{background:#ffecf5;top:700px;left:-195px}.canvas::after{background:#ff2a00;right:-195px;top:20%;transform:translateY(-50%)}.canvas>.circles,.canvas>.circles::before,.canvas>.circles::after{border-radius:100%;position:absolute}.canvas>.circles::before,.canvas>.circles::after{content:"";width:140px;height:140px;top:50%;transform:translateY(-50%)}.canvas>.circles{width:230px;height:230px;background:#ffc285;bottom:-60px;left:75px}.canvas>.circles::before{z-index:8;background:#8600ff;left:-40%}.canvas>.circles::after{z-index:8;background:red;right:-20%}*{margin:0;padding:0;scroll-behavior:smooth}html{height:-webkit-fill-available;height:-moz-available;height:fill-available}body{min-height:-webkit-fill-available;min-height:-moz-available;min-height:fill-available;font-family:"Inter",sans-serif;background-color:#f0f0f0;color:#f2f2f2}a,.no-highlight{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hyperlink{display:block;width:max-content;font-weight:400;font-family:"Inter",sans-serif;color:#f2f2f2;text-underline-offset:2px;text-decoration:none}.hyperlink:hover{text-decoration:underline}.hyperlink:after:hover{text-decoration:none}h1{font-size:2rem}h2{font-size:2rem}h3{font-size:1.25rem}p{font-size:1.25rem}.flex{display:flex}.nomargin{margin:0}.text-center{text-align:center}.space-vertically{display:flex;flex-direction:column;justify-content:space-between}main .section{display:flex;flex-direction:column;min-height:100svh;min-height:100vh;box-sizing:border-box}.container{padding:50px 10% 0 10%;display:flex;flex-direction:column;align-items:center;gap:20px}.container p{margin:0}@media only screen and (max-width: 768px){.container{padding:50px 5% 0 5%}}#overlay{display:none;position:fixed;z-index:999;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3137254902);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}#overlay.active{display:block}#announcement{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1000}#announcement img{border-radius:1rem}#announcement svg{position:absolute;top:1rem;right:1rem;width:2rem;height:auto;cursor:pointer}