@import"https://fonts.googleapis.com/css?family=Merriweather|Open+Sans";::-moz-selection{color:#000;background:yellow}::selection{color:#000;background:yellow}html,body{margin:0%;box-sizing:border-box;width:100%;height:100%;scroll-behavior:smooth}:root{--primary-color: #4458dc;--primary-color2: #854fee;--title-color: #141313;--text-color: #353535;--border-color: #201f1f17;--gradient-color: linear-gradient(90deg, #4458dc 0%, #854fee 100%);--shadow-color: 0px 10px 30px rgba(118, 85, 225, .3);--box-shadow: 0px 10px 30px rgba(57, 56, 61, .205);--roboto: "Kodchasan", sans-serif}mark{color:#000;background-color:#ff0}mark:hover{color:#000!important;background-color:#ff0!important;cursor:pointer;-webkit-text-fill-color:black}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:5px}::-webkit-scrollbar-thumb{background:#6c63ff;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#000}#top-nav-fixed{box-shadow:0 2px #0000001a;background-color:#fff}.header_area .main-menu .navbar{padding:1rem 20rem}.header_area .main-menu .nav-item .nav-link{font:normal 700 15px/2px var(--roboto);text-transform:uppercase;padding:1.7rem;color:var(--title-color)}.header_area .main-menu .navbar-nav .active a{background:var(--gradient-color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header_area .main-menu .navbar-nav a:hover{background:var(--gradient-color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;cursor:pointer}#subheading{color:#4458dc}.social{font-size:22px;padding:0 0 10px;color:var(--border-color)}.social-link{padding:10px}.social:hover{color:var(--primary-color)}.site-main{margin-top:80px}.site-main .site-banner .site-title h3{padding-top:5%;font-weight:500}.site-main .site-banner .site-title h1{font-size:5rem}.site-main .site-banner .site-title h4{font-size:1.5rem}.site-main .site-banner .banner-image>img{padding:.5rem 0;width:90rem}.first-btn a{text-decoration:none;color:#fff}.first-btn a:hover,.second-btn a{text-decoration:none;color:#000}.second-btn a:hover{text-decoration:none;color:#fff}.site-title p a{text-decoration:underline;cursor:pointer}.button.secondary-button:hover a{color:#f5f5f5}.button.primary-button:hover a{color:#000}.site-main .about-area{padding:8rem 5rem}.site-main .about-area .about-title h3>span{display:block;font:normal bold 49px/ 60px var(--roboto);letter-spacing:21px}.site-main .about-area .about-title .paragraph>p{padding:.4rem 0}.exp>span{float:right;margin-right:5vh;color:#4458dc}.exp a,i{cursor:pointer}ul{list-style-type:square}.shadow-sm{box-shadow:0 .125rem .25rem #00000013!important}.shadow{box-shadow:0 .5rem 1rem #00000026!important}.shadow-lg{box-shadow:0 1rem 3rem #0000002d!important}.shadow-none{box-shadow:none!important}.rounded-circle{border-radius:50%!important}.item{margin-bottom:2rem}.benefits-section .item .icon-holder{width:60px;height:60px;background:#f5f6fe;display:inline-block;border-radius:50%;padding-top:15px}.benefits-section .item .icon-holder .svg-inline--fa{color:#4550e6;font-size:1.75rem}.benefits-section .item-inner{padding:1.5rem;box-shadow:0 .125rem .25rem #00000013;border:1px solid #f5f6fe;height:100%;background:#fff}.how-section .icon-holder{text-align:center}.how-section .icon-holder img{max-width:200px;height:auto;position:relative}.how-section .arrow-holder{content:"";width:100%;height:15px;background:url() no-repeat center center;background-size:120px 15px;display:inline-block;position:absolute;right:-50%;top:25%}.step-count{border-radius:50%;background:#f5f6fe;color:#4550e6;width:36px;height:36px;font-size:1.25rem;padding-top:.3rem;display:inline-block;text-align:center}.logos-section .item{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4}.logos-section .item img{width:150px;height:auto}.integration-list .item img{width:100px;height:auto;background:white}.skill-label{margin-left:20px}.site-main .project-area{padding:4rem 0}.site-main .project-area .button-group button{background:transparent;border:none;font:normal 500 16px/130px var(--roboto);text-transform:uppercase}.site-main .project-area .button-group button+button{padding-left:3rem}.site-main .project-area .grid .our-project>.title h4{font:normal 700 21px/21px var(--roboto)}.site-main .project-area .grid .our-project .img a:hover img{filter:brightness(1.1) drop-shadow(1px 8px 30px #b1afaf)}.site-main .about-area .about-title p{padding:1rem 7rem}.site-main .about-area .client{background:#ffffff10;box-shadow:var(--box-shadow);margin:3rem 0rem}.site-main .about-area .client .client-img{padding:2rem}.site-main .about-area .client .about-client{padding-top:2rem}.site-main .about-area .client .about-client h4{font:normal 500 21px/ 20px var(--roboto)}.site-main .about-area .client .about-client p{font-size:14px}.site-main .about-area .owl-carousel .owl-item{display:flex;justify-content:center;padding:0 1.5rem}.transitioning-src{transition:opacity .4s ease-out;-webkit-transition:opacity .4s ease-out;-moz-transition:opacity .4s ease-out;-ms-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;opacity:0}.para a{text-decoration:underline}.site-main .about-area .owl-carousel .owl-dots .owl-dot.active span{background:var(--primary-color);width:12px;height:12px}.faq-accordion .card-title{font-size:1rem;font-weight:500;position:relative}.faq-accordion .card-title a{color:#252930}.faq-accordion .card-title a:hover{text-decoration:none}.faq-accordion .card-toggle .svg-inline--fa{position:absolute;right:0;top:.15rem;font-size:1rem;color:#888fef}footer.footer-area{padding:5rem 0;background:url() no-repeat}footer.footer-area h5{font:normal 500 23px/ 30px var(--roboto)}footer.footer-area .social a>i{font-size:22px;padding:2rem;color:var(--border-color)}footer.footer-area .social a:hover>i{color:var(--primary-color)}#scroll-btn{background-color:#4458dc;border:medium none;border-radius:8px;bottom:20px;color:#fff;cursor:pointer;display:none;outline:medium none;padding:10px 15px 7px;position:fixed;right:30px;z-index:99;font-size:20px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:35px;width:35px;left:0;top:0;bottom:0;margin:auto 0;-webkit-transition:.4s;transition:.4s;box-shadow:0 0 15px #2020203d;background:white url(https://i.ibb.co/FxzBYR9/night.png);background-repeat:no-repeat;background-position:center}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px);background:white url(https://i.ibb.co/7JfqXxB/sunny.png);background-repeat:no-repeat;background-position:center}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.resume-div{margin-top:7%;width:100%;height:100%}.resume-btn{justify-content:space-evenly!important}@media (min-width:320px){.resume-div{margin-top:30%}}@media (min-width:481px){.resume-div{margin-top:22%}}@media (min-width:641px){.resume-div{margin-top:20%}}@media (min-width:730px){.resume-div{margin-top:15%}}@media (min-width:1025px){.resume-div{margin-top:10%}}@media (min-width:1281px){.resume-div{margin-top:8%}}.toggle{--size: 1.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;width:var(--size);height:var(--size);box-shadow:inset calc(var(--size) * .33) calc(var(--size) * -.25) 0;border-radius:999px;color:#e6e6ff;transition:all .5s;margin-top:.8rem}.toggle:checked{--ray-size: calc(var(--size) * -.4);--offset-orthogonal: calc(var(--size) * .65);--offset-diagonal: calc(var(--size) * .45);transform:scale(.75);color:#fa0;box-shadow:inset 0 0 0 var(--size),calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size),var(--offset-orthogonal) 0 0 var(--ray-size),0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size),0 var(--offset-orthogonal) 0 var(--ray-size),calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size),var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size),calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size),var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size)}@media only screen and (min-width:991px){.mobile-show{display:none}}@media screen and (min-width: 0px) and (max-width: 991px){.desktop-show{display:none}}.dark .header_area .main-menu .navbar{background-color:#191a1d!important}.dark .navbar-light .navbar-brand{color:#fcfcfc!important}.dark .header_area .main-menu .nav-item .nav-link{color:#fcfcfc}.dark .site-main{background-color:#252930}.dark .title-text{color:#fcfcfc}.dark{color:#fcfcfc!important}.dark .bg-white{background-color:#191a1d!important}.dark .theme-bg-light{background-color:#191a1d!important;color:#fcfcfc!important}.dark .faq-accordion .card-title a{color:#fff}.dark .exp>span{color:#c1c9fc}.dark .faq-accordion .card-toggle .svg-inline--fa{color:#eeefff}.dark p.para{color:#fcfcfc}.dark .footer-area{background:#000}.dark .svg-inline--fa{color:#c5c5c5}.dark .svg-inline--fa:hover{color:#fff}.dark .site-main .project-area .button-group button+button{color:#fcfcfc}.dark #subheading{color:#f4e964}@media only screen and (max-width: 340px){.header_area .main-menu .navbar,.header_area .main-menu .navbar .navbar-brand,.site-main .subscribe-us-area .subscribe .subscribe-title,.site-main .subscribe-us-area .subscribe .subscribe-title p,h4,.site-main .services-area,.site-main .subscribe-us-area .subscribe{padding:2%;margin:0%}.site-main .site-banner .site-title h1{font-size:41px}.site-main .subscribe-us-area .subscribe form .input-textbox input{width:15rem!important}.site-main>.services-area .services{width:13rem}}.title-text{font:normal bold 45px/ 72px var(--roboto)}.text-uppercase{text-transform:uppercase}.button{font:normal 500 16px/20px var(--roboto);position:relative;border:3px solid transparent;border-radius:4px}.button.primary-button{background:var(--gradient-color);background-clip:padding-box;color:#f5f5f5;transition:background .6s ease;box-shadow:var(--box-shadow)}.button.primary-button:hover{background:whitesmoke;background-clip:padding-box;color:#000}.button.primary-button:after,.button.secondary-button:after{position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;background:var(--gradient-color);content:" ";z-index:-1;border-radius:4px}.button.secondary-button{background:white;background-clip:padding-box;transition:background .6s ease}.button.secondary-button:hover{background:var(--gradient-color);color:#f5f5f5;box-shadow:var(--box-shadow)}p.para{color:var(--text-color);font:normal 500 16px/ 25px var(--roboto)}.font-roboto{font-family:var(--roboto)}button:focus,button:active button:hover .btn:active,.btn.active{outline:0px!important;box-shadow:none!important}.title-h1{font:normal bold 39px/ 40px var(--roboto)}.navbar_fixed{position:fixed;width:100%;top:-1px;left:0;right:0;background:#ffffff;box-shadow:var(--box-shadow);z-index:999;transition:background 1s ease}#bmc-wbtn{bottom:89px!important}@media only screen and (max-width: 792px){.title-text{font:normal bold 25px/ 72px var(--roboto)!important}.site-main .site-banner .site-title h4{font-size:1rem!important}.site-main .about-area .about-title h2>span{font-size:31px;letter-spacing:10px}.site-main .brand-area .experience-area .years-area{padding-left:1%;width:49%}.site-main .brand-area .experience-area .bg-panel{margin-left:30%;width:80%}.site-main .brand-area .experience-area .call-area{padding-left:3%}.site-main .project-area .button-group button{font:normal 500 18px/40px var(--roboto)}.site-main .about-area .about-title p{padding:0%}.site-main .subscribe-us-area .subscribe form .input-textbox input{width:20rem;margin:5%}}@media only screen and (max-width: 1910px){.header_area .main-menu .navbar{padding:1rem!important}.container{max-width:90%}.site-main .brand-area,.site-main .services-area .services-title,.site-main .about-area{padding:3% 4%}}.blog-container{display:flex;justify-content:center;padding-top:20px}.blog-title{text-align:left;padding-left:30px;font-family:Merriweather,serif;font-size:24px}.blog-description{text-align:justify;padding-left:30px;padding-right:30px;font-family:Open Sans,sans-serif;font-size:12px;color:#6c757d;line-height:18px;max-width:35rem}.button-box{margin:5px;float:right}.blog-button{background-color:#3edd84;color:#fff;width:10vw;border-radius:3px;text-align:center;text-decoration:none;font-size:12px;cursor:pointer;font-family:merriweather}@media (max-width: 600px){.blog-container{padding:10px 0 0}}.blinking-cursor[data-v-99f55a61]{color:#2c3e50;-webkit-animation:1s blink-99f55a61 step-end infinite;-moz-animation:1s blink-99f55a61 step-end infinite;-ms-animation:1s blink-99f55a61 step-end infinite;-o-animation:1s blink-99f55a61 step-end infinite;animation:1s blink-99f55a61 step-end infinite}@keyframes blink-99f55a61{0%,to{color:transparent}50%{color:#2c3e50}}@-moz-keyframes blink-99f55a61{0%,to{color:transparent}50%{color:#2c3e50}}@-webkit-keyframes blink-99f55a61{0%,to{color:transparent}50%{color:#2c3e50}}@-ms-keyframes blink-99f55a61{0%,to{color:transparent}50%{color:#2c3e50}}@-o-keyframes blink-99f55a61{0%,to{color:transparent}50%{color:#2c3e50}}.mr-auto[data-v-0b0216c2]{margin-right:auto!important}.projects-section[data-v-3aaa9487]{background:#fff;padding:5rem 0;position:relative;transition:background-color .3s ease}.dark .projects-section[data-v-3aaa9487]{background:#252930}.title-text[data-v-3aaa9487]{color:var(--title-color, #141313);font-weight:700;margin-bottom:10px;font-family:Kodchasan,sans-serif;transition:color .3s ease}.dark .projects-section .title-text[data-v-3aaa9487]{color:#fcfcfc}.subtitle-text[data-v-3aaa9487]{color:var(--text-color, #353535);font-weight:400;font-size:18px;border-bottom:2px solid #4458dc;display:inline-block;padding-bottom:5px;font-family:Kodchasan,sans-serif;transition:color .3s ease}.dark .projects-section .subtitle-text[data-v-3aaa9487]{color:#fcfcfc}.projects-row[data-v-3aaa9487]{display:flex;align-items:stretch}.projects-row>div[data-v-3aaa9487]{display:flex;height:100%}.projects-row .col-lg-4[data-v-3aaa9487],.projects-row .col-md-6[data-v-3aaa9487],.projects-row .col-sm-12[data-v-3aaa9487]{display:flex;height:100%;align-items:stretch}.our-project[data-v-3aaa9487]{margin-bottom:1rem;height:100%;display:flex;width:100%;align-items:stretch}.project-card[data-v-3aaa9487]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .4s ease;height:100%;min-height:400px;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05)}.dark .project-card[data-v-3aaa9487]{background:#191a1d;border:1px solid rgba(255,255,255,.1)}.project-card[data-v-3aaa9487]:hover{transform:translateY(-8px);box-shadow:0 10px 30px #7655e14d!important}.project-image[data-v-3aaa9487]{height:250px;min-height:250px;background-size:cover;background-position:center;position:relative;overflow:hidden;flex-shrink:0}.project-overlay[data-v-3aaa9487]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(68,88,220,.95) 0%,rgba(133,79,238,.8) 100%);padding:20px;transform:translateY(0);transition:all .3s ease}.project-card:hover .project-overlay[data-v-3aaa9487]{background:linear-gradient(to top,rgba(68,88,220,.98) 0%,rgba(133,79,238,.9) 100%)}.project-title[data-v-3aaa9487]{color:#fff;font-size:20px;font-weight:600;margin-bottom:10px}.project-tech[data-v-3aaa9487]{display:flex;gap:8px;flex-wrap:wrap}.tech-badge[data-v-3aaa9487]{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 10px;border-radius:6px;color:#fff;font-size:14px;display:inline-flex;align-items:center;gap:5px}.tech-badge i[data-v-3aaa9487]{font-size:16px}.project-footer[data-v-3aaa9487]{padding:20px;flex:1;display:flex;align-items:center;min-height:100px;height:auto}.project-description[data-v-3aaa9487]{color:var(--text-color, #353535);font-size:14px;margin:0;line-height:1.6;font-family:Kodchasan,sans-serif;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dark .project-description[data-v-3aaa9487]{color:#fcfcfc}.carousel-control-prev[data-v-3aaa9487],.carousel-control-next[data-v-3aaa9487]{width:50px;height:50px;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,#4458dc 0%,#854fee 100%);border-radius:50%;opacity:.8}.carousel-control-prev[data-v-3aaa9487]{left:-60px}.carousel-control-next[data-v-3aaa9487]{right:-60px}.carousel-control-prev[data-v-3aaa9487]:hover,.carousel-control-next[data-v-3aaa9487]:hover{opacity:1;box-shadow:0 10px 30px #7655e14d}.carousel-indicators[data-v-3aaa9487]{bottom:-50px}.carousel-indicators li[data-v-3aaa9487]{width:12px;height:12px;border-radius:50%;background-color:#4458dc4d;border:2px solid #4458dc}.carousel-indicators .active[data-v-3aaa9487]{background:linear-gradient(90deg,#4458dc 0%,#854fee 100%);border-color:#854fee}.modal-backdrop-custom[data-v-3aaa9487]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;overflow-y:auto;padding:20px}.modal-dialog-custom[data-v-3aaa9487]{width:100%;max-width:95%;margin:auto;position:relative;z-index:10000}.modal-content-custom[data-v-3aaa9487]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 50px #00000080;max-height:90vh;display:flex;flex-direction:column;transition:background-color .3s ease}.dark .modal-content-custom[data-v-3aaa9487]{background:#191a1d}.modal-header-custom[data-v-3aaa9487]{background:linear-gradient(90deg,#4458dc 0%,#854fee 100%);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.modal-title-custom[data-v-3aaa9487]{font-size:24px;font-weight:600;margin:0;font-family:Kodchasan,sans-serif}.close-custom[data-v-3aaa9487]{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:.8;transition:opacity .3s;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-custom[data-v-3aaa9487]:hover{opacity:1}.modal-body-custom[data-v-3aaa9487]{overflow-y:auto;max-height:calc(90vh - 80px);display:flex;flex-direction:row;gap:20px;padding:20px;overflow:hidden}.modal-body-custom .iframe-container[data-v-3aaa9487]{flex:1;display:flex;align-items:center;justify-content:center;height:100%;max-height:calc(90vh - 80px);overflow:visible}.modal-body-custom .iframe-container.mobile-view[data-v-3aaa9487]{overflow:visible}.project-info.side-info[data-v-3aaa9487]{flex:0 0 350px;max-width:350px;border-bottom:none;border-right:2px solid #e0e0e0;height:fit-content;max-height:calc(90vh - 80px);overflow-y:auto}.dark .project-info.side-info[data-v-3aaa9487]{border-right:2px solid rgba(255,255,255,.1)}.modal-fade-enter-active[data-v-3aaa9487],.modal-fade-leave-active[data-v-3aaa9487]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-3aaa9487],.modal-fade-leave-to[data-v-3aaa9487]{opacity:0}.modal-fade-enter-active .modal-dialog-custom[data-v-3aaa9487],.modal-fade-leave-active .modal-dialog-custom[data-v-3aaa9487]{transition:transform .3s ease}.modal-fade-enter-from .modal-dialog-custom[data-v-3aaa9487],.modal-fade-leave-to .modal-dialog-custom[data-v-3aaa9487]{transform:scale(.9)}.project-info[data-v-3aaa9487]{border-bottom:2px solid #e0e0e0;transition:background-color .3s ease,border-color .3s ease}.dark .project-info[data-v-3aaa9487]{background-color:#191a1d!important;border-bottom:2px solid rgba(255,255,255,.1);color:#fcfcfc}.dark .project-info p[data-v-3aaa9487],.dark .project-info strong[data-v-3aaa9487]{color:#fcfcfc}.project-info .btn-primary[data-v-3aaa9487]{background:linear-gradient(90deg,#4458dc 0%,#854fee 100%);border:none;color:#fff;padding:8px 20px;font-family:Kodchasan,sans-serif;font-weight:500;transition:all .3s ease}.project-info .btn-primary[data-v-3aaa9487]:hover{box-shadow:0 10px 30px #7655e14d;transform:translateY(-2px)}.project-info .badge-primary[data-v-3aaa9487]{background:linear-gradient(90deg,#4458dc 0%,#854fee 100%);font-family:Kodchasan,sans-serif;font-weight:500;padding:6px 12px;font-size:13px}.iframe-container[data-v-3aaa9487]{width:100%;height:100%;min-height:500px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:20px;overflow:visible;position:relative}.dark .iframe-container[data-v-3aaa9487]{background:#0f0f0f}.iframe-container iframe[data-v-3aaa9487]{width:100%;height:100%;min-height:600px;border:none;border-radius:8px}.iframe-container:not(.mobile-view) iframe[data-v-3aaa9487]{min-height:calc(90vh - 200px);max-height:calc(90vh - 200px)}.iframe-container.mobile-view[data-v-3aaa9487]{background:#1a1a1a;padding:20px;height:100%;min-height:auto;max-height:calc(90vh - 80px);overflow:visible;align-items:center;justify-content:center}.dark .iframe-container.mobile-view[data-v-3aaa9487]{background:#0a0a0a}.mobile-device-frame[data-v-3aaa9487]{width:420px;max-width:100%;height:746px;max-height:calc(90vh - 120px);background:#000;border-radius:25px;padding:8px;box-shadow:0 0 0 2px #333,0 20px 60px #000c;position:relative;overflow:hidden;flex-shrink:0;margin:0 auto}.mobile-device-frame[data-v-3aaa9487]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:25px;background:#000;border-radius:0 0 15px 15px;z-index:10}.mobile-device-frame iframe[data-v-3aaa9487]{width:100%;height:100%;border-radius:18px;overflow:hidden}.iframe-skeleton[data-v-3aaa9487]{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:12px;background:linear-gradient(135deg,#2a2d3a,#1f2230);display:flex;flex-direction:column;padding:20px;gap:16px;overflow:hidden;pointer-events:none;z-index:2}.iframe-skeleton[data-v-3aaa9487]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.12),rgba(255,255,255,0));transform:translate(-100%);animation:skeleton-shimmer-3aaa9487 1.4s infinite}.skeleton-bar[data-v-3aaa9487]{height:14px;border-radius:999px;background:rgba(255,255,255,.08)}.skeleton-bar--wide[data-v-3aaa9487]{width:60%}.skeleton-grid[data-v-3aaa9487]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.skeleton-card[data-v-3aaa9487]{height:80px;border-radius:12px;background:rgba(255,255,255,.06)}@keyframes skeleton-shimmer-3aaa9487{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.carousel-control-prev[data-v-3aaa9487]{left:10px}.carousel-control-next[data-v-3aaa9487]{right:10px}.modal-xl[data-v-3aaa9487]{max-width:100%;margin:0}.iframe-container[data-v-3aaa9487]{height:50vh;min-height:400px;padding:10px}.modal-body-custom.side-layout[data-v-3aaa9487]{flex-direction:column;padding:15px;gap:15px}.project-info.side-info[data-v-3aaa9487]{flex:0 0 auto;max-width:100%;border-right:none;border-bottom:2px solid #e0e0e0;max-height:none}.dark .project-info.side-info[data-v-3aaa9487]{border-right:none;border-bottom:2px solid rgba(255,255,255,.1)}.modal-body-custom .iframe-container[data-v-3aaa9487]{height:50vh;min-height:400px}.iframe-container.mobile-view[data-v-3aaa9487]{padding:15px 10px;align-items:center;max-height:calc(90vh - 300px)}.mobile-device-frame[data-v-3aaa9487]{width:100%;max-width:420px;height:746px;max-height:calc(90vh - 300px);margin:0 auto}.project-card[data-v-3aaa9487]{margin-bottom:20px}}.before-enter{opacity:0;transform:scale(.5) rotate(-25deg);transition:all 1s ease-out}.enter{opacity:1;transform:scale(1) rotate(0)}