/*! ------------------------------------------------
 * 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
 * ------------------------------------------------ */html{scroll-behavior:smooth}.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}