/*! ------------------------------------------------ * Project Name: Rayo - Digital Agency & Personal Portfolio Next.Js Template * Project Description: Elevate your digital presence with Rayo - dynamic and stylish Next.Js template designed for creative agencies and personal brands. With modern layouts, smooth interactions and a polished aesthetic, Rayo template helps showcase projects, services and expertise with clarity and impact. * Tags: ib-themes, resume, portfolio, personal page, cv, template, one page, responsive, Next.js, css3, creative, clean, agency, studio * Version: 1.0.0 * Build Date: October 2025 * Last Update: November 06 2025 * This product is available exclusively on Themeforest * Author: ib-themes * Author URI: https://themeforest.net/user/ib-themes /*! File name: plugins.css * ------------------------------------------------ * * ------------------------------------------------ * Table of Contents * ------------------------------------------------ * 01. custom css for Nextjs * ------------------------------------------------ * Table of Contents End * ------------------------------------------------ */.mxd-nav__wrap{display:block;pointer-events:none}.mxd-nav__wrap.active_menu{pointer-events:all}.mxd-menu__wrapper{display:block;pointer-events:none}.mxd-menu__wrapper.active_menu{pointer-events:all}.mxd-menu__wrapper .fade-in-elm{transition:all .6s ease;visibility:hidden;opacity:0}.mxd-menu__wrapper.active_menu .fade-in-elm{visibility:visible;opacity:1}.mxd-menu__wrapper .fade-in-up-elm{transition:all .6s ease;visibility:hidden;opacity:0;transform:translateY(25px)}.mxd-menu__wrapper.active_menu .fade-in-up-elm{visibility:visible;opacity:1;transform:translateY(0)}.submenu{display:block;height:0;padding-top:0}.submenu,.videoModal__bodyOpen{overflow:hidden}.videoModal__overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:grid;place-items:center;overflow:hidden;z-index:111}.videoModal__content{background:transparent;border:none;outline:none;overflow:hidden}.videoModal__playerWrap{max-width:1200px;width:min(90vw,1600px);aspect-ratio:16/9;position:relative}.swiper-navigation-icon{display:none}.hamburger__line{transition:all .3s ease}.nav-open .hamburger__line:first-child{translate:none;rotate:none;scale:none;transform:translateY(5px) rotate(45deg)}.nav-open .hamburger__line:last-child{translate:none;rotate:none;scale:none;transform:translateY(-5px) rotate(-45deg)}.loading__fade,.loading__item{opacity:0}.mxd-services-stack__btn{position:absolute;top:110px;right:30px;display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--accent-color,#ffffff);color:var(--bg-color,#0f172a);border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;z-index:100;box-shadow:0 4px 15px rgba(0,0,0,.1);pointer-events:auto!important;cursor:pointer!important;transition:none!important;transform:none!important}.mxd-services-stack__btn i{font-size:18px;pointer-events:none;transition:none!important;transform:none!important}html[color-scheme=light] .mxd-services-stack__btn{background:#0f172a;color:#ffffff}@media (max-width:768px){.mxd-services-stack__btn{top:5px;right:30px;padding:8px 16px;font-size:13px}.mxd-services-stack__btn i{font-size:16px}}.mxd-services-stack__work{overflow:hidden;border-radius:20px;position:relative}.mxd-services-stack__preview{width:100%!important;height:auto!important;display:block!important;transition:none!important}.mxd-services-stack__preview,.mxd-services-stack__work:hover .mxd-services-stack__preview{filter:none!important;transform:none!important}::-webkit-scrollbar{display:block!important;width:16px!important;height:16px!important;background:var(--bg-color,#ffffff)!important}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:8px!important;border:3px solid var(--bg-color,#ffffff)!important}::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.elegant-quote{font-size:1.75rem;font-style:italic;font-weight:300;color:var(--text-color,#f8fafc);border-left:2px solid var(--accent-color,#ffffff);padding-left:1.5rem;margin:2rem 0;line-height:1.6;opacity:.9}html[color-scheme=light] .elegant-quote{color:var(--text-color,#1e293b);border-left:2px solid var(--accent-color,#0f172a)}.physics-menu-container{min-height:500px;width:100%;pointer-events:auto}.mxd-footer-pill{display:inline-block;padding:8px 20px;border:1px solid rgba(255,255,255,.2);border-radius:50px;background:rgba(255,255,255,.05);color:#fff;font-size:14px;text-decoration:none;white-space:nowrap;transition:background .3s ease,border-color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}html[color-scheme=light] .mxd-footer-pill{background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.2);color:#0f172a}.mxd-footer-pill:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}html[color-scheme=light] .mxd-footer-pill:hover{background:rgba(15,23,42,.1);border-color:rgba(15,23,42,.4)}html[color-scheme=light] .mxd-partners-cards__logo img{filter:invert(1) brightness(0);opacity:.8;transition:all .3s ease}html[color-scheme=light] .mxd-partners-cards__item:hover .mxd-partners-cards__logo img{opacity:1}.mxd-image-label{position:absolute;top:20px;left:20px;background:#ff0000;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;z-index:999;box-shadow:0 0 10px rgba(0,0,0,.5);pointer-events:none}.mxd-divider{height:55vh!important;min-height:450px!important;max-height:650px!important;overflow:hidden!important}.mxd-divider__image{height:100%!important}.mxd-promo__bg{background-image:url(/_next/static/media/cta-emojis.730a6933.png)!important;background-size:cover!important;background-position:50%!important}h1,h1.t-120,h1.t-bright,h1.t-large,h1.t-medium{margin:0!important;padding:0!important}h1.t-large{font-family:var(--_font-accent)!important;font-size:clamp(2.2rem,5vw,3rem)!important}h1.t-medium{font-weight:var(--fw-medium)!important}h1.t-120{line-height:1.2!important}h1.t-bright{color:var(--t-bright)!important}.inner-headline__title{margin-bottom:.5rem!important}.pt-150{padding-top:150px!important}.hover-border-accent:hover{border-color:var(--t-accent)!important}.mxd-block a.text-decoration-none,.mxd-section.bg-base a.text-decoration-none{color:inherit!important;text-decoration:none!important}.mxd-block .group:hover .group-hover-t-bright,.mxd-block .t-bright{color:var(--t-bright)!important}.mxd-block .t-muted{color:var(--t-muted)!important}.btn-accent,.btn-anim.btn-accent,.btn-theme{background:#ffffff!important;color:#000000!important;border:none!important;transition:all .3s ease!important}.btn-accent:hover,.btn-theme:hover{background:#f0f0f0!important;opacity:.9!important}html[color-scheme=light] .btn-accent,html[color-scheme=light] .btn-anim.btn-accent,html[color-scheme=light] .btn-theme{background:#000000!important;color:#ffffff!important}.mxd-block .form-control,.mxd-block .form-select{background-color:var(--base-tint,rgba(255,255,255,.05))!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--t-bright)!important;border-radius:8px!important;padding:0 1.25rem!important;width:100%!important;display:block!important;font-size:16px!important;height:56px!important;line-height:56px!important}.mxd-block .form-control.ps-icon{padding-left:3.5rem!important}.mxd-block textarea.form-control{height:auto!important;line-height:1.5!important;padding:1rem 1.25rem!important}.mxd-block .form-control:focus,.mxd-block .form-select:focus{border-color:var(--t-accent)!important;box-shadow:none!important;background-color:var(--base-tint)!important}.mxd-block select.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:16px 12px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}html[color-scheme=light] .mxd-block select.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")!important}html[color-scheme=light] .mxd-block .form-control,html[color-scheme=light] .mxd-block .form-select{background-color:#f8fafc!important;border-color:#e2e8f0!important;color:#0f172a!important}.btn-outline{border:1px solid var(--t-muted)!important;color:var(--t-bright)!important;background:transparent!important}.btn-outline:hover{background:var(--t-bright)!important;color:var(--bg-color)!important}.btn-icon-only{color:var(--t-muted)!important;border-color:var(--t-muted)!important}.btn-icon-only:hover{color:var(--t-bright)!important;background:rgba(255,255,255,.05)!important}html[color-scheme=light] .btn-icon-only:hover{background:rgba(0,0,0,.05)!important}html[color-scheme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.8);cursor:pointer}.btn-outline-accent{border:1px solid var(--t-accent)!important;color:var(--t-accent)!important;background:transparent!important}.btn-outline-accent:hover{background:var(--t-accent)!important;color:#000000!important}html[color-scheme=dark] .btn-outline-accent.t-bright{color:var(--t-bright)!important}.swal2-popup .swal2-title{font-size:22px!important}.swal2-popup .swal2-cancel,.swal2-popup .swal2-confirm,.swal2-popup .swal2-html-container,.swal2-popup .swal2-html-container *,.swal2-popup .swal2-input{font-size:18px!important}