.slider,.slider:before{transition:.4s;position:absolute}:root{--light-background:#FAF9F6;--light-text-primary:#000000;--light-text-secondary:#757575;--light-accent-blue:#0B4F6C;--light-accent-cyan:#01BAEF;--light-white:#FFFFFF}body.light-mode,body.light-mode .header .navbar{background:var(--light-background)}body.light-mode .about,body.light-mode .contact,body.light-mode .footer .container,body.light-mode .hero,body.light-mode .portfolio-popup,body.light-mode .portfolio-popup .pp-loader,body.light-mode .portfolio-section,body.light-mode .preloader,body.light-mode .services,body.light-mode .testimonials{background-color:var(--light-background)}body.light-mode .about .education .section-sub-header,body.light-mode .about .experience .section-sub-header,body.light-mode .about .section-header,body.light-mode .contact .contact-details .mailto i,body.light-mode .contact .contact-details .mailto p,body.light-mode .contact .section-header,body.light-mode .header .navbar .navbar-brand,body.light-mode .hero .links a i,body.light-mode .modal-title,body.light-mode .portfolio-popup .info ul li a,body.light-mode .portfolio-popup .pp-counter,body.light-mode .portfolio-popup .pp-project-details h3,body.light-mode .portfolio-popup .pp-title h2,body.light-mode .portfolio-popup .pp-title p span,body.light-mode .portfolio-section .section-header,body.light-mode .portfolio-section .view-project,body.light-mode .section-sub-header,body.light-mode .services .section-header,body.light-mode .testimonials .section-header{color:var(--light-accent-blue)}body.light-mode .about .btn-outline,body.light-mode .about .education .company,body.light-mode .about .education .role,body.light-mode .about .experience .company,body.light-mode .about .experience .role,body.light-mode .contact .contact-details .mailto h4,body.light-mode .contact .contact-details h2,body.light-mode .header .navbar .navbar-nav .nav-item a,body.light-mode .hero .btn-outline,body.light-mode .hero .links a i:hover,body.light-mode .hero .name,body.light-mode .modal-body p,body.light-mode .portfolio-popup .description p,body.light-mode .portfolio-popup .description ul li,body.light-mode .portfolio-popup .info ul li,body.light-mode .portfolio-section .portfolio-item-title,body.light-mode .service-card .description h3,body.light-mode .testimonial-card .t-name h2{color:var(--light-text-primary)}body.light-mode .about .about-me,body.light-mode .about .education .date,body.light-mode .about .education .description,body.light-mode .about .experience .date,body.light-mode .about .experience .description,body.light-mode .contact .contact-details h3,body.light-mode .footer p,body.light-mode .footer p span,body.light-mode .hero .role,body.light-mode .hero .social-links p,body.light-mode .hero p,body.light-mode .portfolio-popup .info ul li span,body.light-mode .portfolio-section .portfolio-item-details,body.light-mode .service-card .description p,body.light-mode .testimonial-card .t-details p,body.light-mode .testimonial-card .t-role h4{color:var(--light-text-secondary)}body.light-mode .header .navbar .navbar-nav .nav-item a.active{color:var(--process-cyan)}body.light-mode .navbar-toggler-icon:focus,body.light-mode .navbar-toggler:active,body.light-mode .navbar-toggler:focus{outline:0;box-shadow:none;border:none}.fa-moon,.fa-sun,body.light-mode .about .education .details .title,body.light-mode .about .experience .details .title,body.light-mode .portfolio-section .view-project:hover{color:var(--light-accent-cyan)}body.light-mode .about .skill-logo .line{background:rgba(11,79,108,.2)}body.light-mode .about .skill-logo img{background-color:transparent}body.light-mode .service-card{background-color:var(--light-white);box-shadow:0 4px 6px rgba(0,0,0,.1)}body.light-mode .service-card:hover{background:rgba(200,220,240,.7);transform:translateY(-5px);transition:.3s}body.light-mode .portfolio-section .filter-item{color:var(--light-text-secondary);border:1px solid var(--light-accent-blue)}body.light-mode .portfolio-section .filter-item:hover:not(.active){color:var(--light-text-primary);border:1px solid var(--light-text-primary);opacity:.8}body.light-mode .portfolio-section .filter-item.active{color:var(--light-white);background-color:var(--light-accent-blue);border:1px solid var(--light-accent-blue)}body.light-mode .contact .contact-form .form-control,body.light-mode .modal-content{color:var(--light-text-primary);border:1px solid var(--light-border)}body.light-mode .portfolio-section .portfolio-item{background:var(--light-white);box-shadow:0 4px 6px rgba(0,0,0,.1)}body.light-mode .portfolio-popup .pp-loader div{border:3px solid var(--light-accent-blue);border-right:3px solid transparent}body.light-mode .portfolio-popup .pp-title p{color:var(--light-text-primary);border-bottom:1px solid var(--light-border)}body.light-mode .portfolio-popup .separator{background-color:var(--light-border)}body.light-mode .portfolio-popup .pp-img{background:rgba(11,79,108,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}body.light-mode .portfolio-popup .pp-close,body.light-mode .portfolio-popup .pp-next,body.light-mode .portfolio-popup .pp-prev,body.light-mode .portfolio-popup .pp-project-details-btn{background:var(--light-accent-blue);color:var(--light-white)}body.light-mode .portfolio-popup .pp-next:hover,body.light-mode .portfolio-popup .pp-prev:hover{opacity:.8}body.light-mode .swiper-slide{background:#fff;border:1px solid #00000010}body.light-mode .footer,body.light-mode .modal-content{background-color:var(--light-background)}body.light-mode .footer,body.light-mode .modal-footer{border-top:1px solid var(--light-border)}body.light-mode .contact .contact-form .form-control{background-color:var(--light-white)}body.light-mode .contact .contact-details .mailto{background:rgba(11,79,108,.05);box-shadow:0 0 10px rgba(0,0,0,.1);border:1px solid #00000010}body.light-mode .contact-form .invalid-feedback{color:#d32f2f}body.light-mode .contact .contact-form input,body.light-mode .contact .contact-form textarea{border:1px solid #00000010!important}body.light-mode .contact .contact-form input::placeholder,body.light-mode .contact .contact-form textarea::placeholder{color:var(--light-text-secondary)}body.light-mode .contact .contact-form input:focus,body.light-mode .contact .contact-form textarea:focus{border:1px solid var(--light-text-primary)!important;box-shadow:0 0 0 2px var(--light-accent-blue-transparent)}body.light-mode .contact .contact-form button[type=submit],body.light-mode .modal-footer .btn-secondary{background-color:var(--light-accent-blue);color:var(--light-white)}body.light-mode .contact .contact-form button[type=submit]:hover,body.light-mode .modal-footer .btn-primary:hover{background-color:var(--light-accent-blue-hover)}body.light-mode .modal-header{border-bottom:1px solid var(--light-text-primary)}body.light-mode .modal-header .btn-close{color:var(--light-white);background-color:#d32f2f;opacity:1}body.light-mode .modal-header .btn-close:hover{background-color:var(--light-accent-cyan)}body.light-mode .modal-footer .btn-primary{background-color:var(--light-accent-blue);color:var(--light-white);border:none}body.light-mode .footer .fa-heart{color:#ed1c24}body.light-mode .footer footer{border-top:none}.theme-switch-wrapper{display:flex;align-items:center}.theme-switch{display:inline-block;height:34px;position:relative;width:60px}.theme-switch input{display:none}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px;z-index:1}input:checked+.slider{background-color:var(--light-accent-blue)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.fa-moon,.fa-sun{font-size:18px;position:absolute;top:8px;transition:opacity .2s ease-in-out}.fa-moon{left:8px;opacity:0}.fa-sun{right:8px}input:checked+.slider .fa-moon{opacity:1}input:checked+.slider .fa-sun{opacity:0}@media (max-width:991.98px){.navbar-nav .nav-item:last-child{margin-top:.5rem;justify-content:center}}