body,html{background-color:#272727;overflow-x:hidden}#contact,#education,#projects,#skills{background-color:#f9f9f9;display:flex;flex-direction:column;justify-content:center;padding:1rem .5rem}#education{background-color:#f9f9f9}#education h1{font-size:1.8rem;padding:1rem 0;text-align:center}#projects{background-color:#f9f9f9}#projects h1{font-size:1.8rem;padding:1rem 0;text-align:center}#projects .project-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding-top:1.5rem}#skills{background-color:#f9f9f9}#skills h1{color:#333;font-size:2rem;padding:1rem 0;text-align:center}#skills .skills-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:1.5rem}#contact{background-color:#f9f9f9}#contact h1{font-size:1.8rem;padding:1rem 0;text-align:center}#contact .contact-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 auto;max-width:600px;padding:1.5rem;width:100%}#contact .contact-form input,#contact .contact-form textarea{border:1px solid #ddd;border-radius:4px;margin:.5rem 0;padding:1rem;width:100%}#contact .contact-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .3s ease}#contact .contact-form button:hover{background-color:#0056b3}@media (max-width:500px){#contact h1,#education h1,#projects h1{font-size:1.5rem}}.navbar{background-color:#333333f6;display:flex;justify-content:center;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.nav-list-large{display:flex;gap:1.5rem}.nav-item{list-style:none}.sidebar{background-color:#333;display:none;height:100vh;left:0;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:250px;z-index:100}.sidebar.open{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar.open .sidebae-icon{right:-.5rem}.sidebae-icon{background-color:#333;border-radius:50%;cursor:pointer;display:flex;padding:1rem;position:absolute;right:-4rem;top:1rem}.nav-list{display:flex;flex-direction:column;gap:1.5rem;list-style:none;padding:2rem}.nav-icon{display:none}.icon-container{align-items:center;display:flex}.nav-item-text{margin-left:1rem}.nav-item-text,.nav-link{color:#fff;font-weight:700}.nav-link{align-items:center;display:flex;gap:.5rem;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#ddd}.nav-link.active{color:#ddd;font-weight:700}.nav-link.active:after,.nav-link:after{background-color:#ddd;bottom:-4px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.nav-link.active:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}@media screen and (max-width:768px){.navbar{display:none}.nav-icon,.sidebar{display:block}}.home-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:1rem;padding-top:4.5rem;position:relative;width:100%}*{box-sizing:border-box;margin:0}.home-actions{align-items:center;background-color:#353131;bottom:-3rem;display:flex;flex-direction:row;gap:1rem;justify-content:center;padding:1rem 0;position:absolute;width:100%}.home-actions button{background-color:#484848}.home-profile-image{border:4px solid #3f3d3d;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.1);height:250px;margin:0 auto;overflow:hidden;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:250px}.home-profile-image img{display:block;height:100%;object-fit:contain;width:100%}@media (max-width:768px){.home-first-page{padding-top:0}}@media (max-width:682px){.home-right-section{bottom:2rem;left:auto;position:absolute;right:5rem}.home-first-page{padding-top:0}}@media (max-width:961px){.home-right-section{position:absolute}}@media (max-width:526px){.home-left-section{background-size:cover}}@media (max-width:443px){.home-right-section{bottom:2rem;position:absolute;right:3rem}}.hc-container{border-radius:.75rem;margin:0 auto;max-width:1000px;padding:1.5rem;text-align:center}.hc-name{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.hc-name,.hc-role{-webkit-animation:fadeDown .8s ease-out;animation:fadeDown .8s ease-out;color:#fff}.hc-role{-webkit-animation-delay:.2s;animation-delay:.2s;font-size:1.5rem;font-weight:500;margin-bottom:1rem}.hc-current{-webkit-animation:fadeDown .8s ease-out;animation:fadeDown .8s ease-out;-webkit-animation-delay:.4s;animation-delay:.4s;border-radius:9999px;display:inline-block;margin-bottom:1rem;padding:.35rem .75rem}.hc-about{-webkit-animation:fadeInUp .8s ease-out forwards;animation:fadeInUp .8s ease-out forwards;-webkit-animation-delay:.6s;animation-delay:.6s;color:#fff;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:0}.hc-actions{-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;-webkit-animation-delay:.8s;animation-delay:.8s;bottom:-4rem;display:flex;gap:.5rem;justify-content:center;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hc-resume-btn{align-items:center;background:var(--btn-bg);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:background .3s ease,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease}.hc-resume-btn:hover{background:var(--btn-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hc-icon{font-size:1.25rem}@media (max-width:480px){.hc-name{font-size:1.75rem}.hc-role{font-size:1.25rem}}@-webkit-keyframes fadeDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.hc-status-wrap{align-items:center;-webkit-animation:fadeDown .8s ease-out;animation:fadeDown .8s ease-out;-webkit-animation-delay:.4s;animation-delay:.4s;background:hsla(0,0%,100%,.12);border-radius:9999px;display:inline-flex;gap:10px;margin-bottom:1rem;padding:.35rem .75rem}.hc-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 10px rgba(34,197,94,.6);height:10px;width:10px}.hc-current{margin:0;padding:0}.hc-current,.hc-projects-btn{color:#fff;font-size:.95rem;font-weight:600}.hc-projects-btn{align-items:center;background:rgba(82,82,82,.589);border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;gap:8px;padding:.6rem;transition:background .3s ease,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease}.hc-projects-btn:hover{background:var(--btn-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.colz{display:flex;flex-direction:row;gap:1rem}.colz a{border-radius:.4rem;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:.2rem}.colz a:hover{background-color:rgba(218,49,49,.173)}.main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}*{font-family:Arial}.container{align-items:center;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex-direction:row;gap:1rem;justify-content:center;padding:20px}.container_h p{background-color:#28a746ce;border-radius:.5rem;color:#fff;margin:0 auto;padding:.5rem;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#contact input:focus,#contact textarea:focus{border-color:transparent;outline:none}.contactheader{font-size:17px;list-style:none}.contactheader a{align-items:center;color:#5b5b5b;display:flex;font-weight:700;padding:.4rem 0;text-decoration:none}.container_h{flex:1.5 1;position:relative}#contact{display:flex;flex-direction:column;gap:15px}.contact_icon{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin-top:.7rem}.contactinfo{display:flex;flex-direction:column;gap:.23rem}#contact input,#contact textarea{background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;font-size:16px;min-width:20rem;padding:12px;transition:border-color .3s ease}#contact textarea{height:50px;resize:vertical}#contact button{background-color:#878787;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease}#contact button:disabled{background-color:#a7a7a7;cursor:not-allowed}#contact button:hover:enabled{background-color:#555}.Toastify__toast--success{background-color:#28a745!important}@media (max-width:768px){.container{flex-direction:column;width:100%}#vertical-line{display:none}}@media (max-width:380px){.contactheader{font-size:16px}}@media (max-width:350px){#contact input,#contact textarea{min-width:15rem}.contactheader{font-size:15px}}@media (max-width:325px){.container{align-items:normal;padding:10px}}.main-container h4{color:#636363;font-size:1rem;letter-spacing:.3px;margin:0 auto;max-width:43rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.main-container h1{font-weight:700;padding-bottom:.5rem;padding-top:1rem;text-align:center}.skills_section{margin:0 auto;max-width:1200px;padding:3rem 1rem}.skills_title{color:#111827;font-size:1.2rem;letter-spacing:.5px;margin-bottom:2rem;text-align:center}.skills_grid{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center}.skills_card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 30px rgba(17,24,39,.08);min-width:300px;padding:1.5rem 1.4rem;transition:box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease}.skills_card:hover{border-color:#d1d5db;box-shadow:0 18px 45px rgba(17,24,39,.12);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.skills_card_header{align-items:center;display:flex;gap:12px;margin-bottom:1.1rem}.skills_card_badge{background:hsla(180,0%,41%,.1);border:1px solid hsla(0,0%,44%,.2);border-radius:12px;display:grid;height:32px;place-items:center;width:32px}.skills_badge_dot{background:hsla(0,0%,55%,.95);border-radius:50%;box-shadow:0 0 18px rgba(59,130,246,.25);height:14px;width:14px}.skills_card_title{color:#111827;font-size:1.05rem;font-weight:600;margin:0}.skills_list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.skills_item{color:#374151;font-size:1rem;font-weight:540;gap:12px}.skills_icon,.skills_item{align-items:center;display:flex}.skills_icon{background:#d3d3d365;border-radius:8px;color:#030303;height:28px;justify-content:center;min-width:28px;width:38px}.skills_name{line-height:1.2}@media (max-width:768px){.skills_section{padding:2.2rem 1rem}}@media (max-width:450px){.skills_card{min-width:0;min-width:auto;width:100%}}.about_main{display:flex;flex-direction:column;padding:1rem 4rem}.about_main h4,.about_main p{color:#636363;letter-spacing:.3px}.about_main h4{font-size:1rem;margin:0 auto;max-width:65rem;text-align:center}.about_main h1{font-weight:700;text-align:center}.about_main label{font-size:1.8rem;font-weight:700}.skills-main-page{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;padding-bottom:1.4rem;padding-top:1rem;width:100%}@media (max-width:667px){.about_main{display:flex;flex-direction:column;padding:1rem}.skills-main-page{flex-wrap:nowrap}}@media (max-width:480px){.about_main{padding:.5rem}.skills-main-page{align-items:normal}}@media (max-width:500px){.about_main label{font-size:1.5rem;text-align:center}}.work-experience-main{margin:40px auto;max-width:100%}.section-label{font-size:1.8rem;font-weight:700;margin-bottom:24px;text-align:center}.timeline{margin-top:20px;padding-left:40px;position:relative}.logo-name{align-items:center;display:flex;gap:1rem}.timeline:before{background:#ddd;content:"";height:100%;left:18px;position:absolute;top:2px;width:4px}.company-logo{height:30px;object-fit:contain;width:35px}.timeline-item{font-size:1.2rem;padding-bottom:1.5rem;position:relative}.timeline-dot{background:#2c2c2c;border-radius:50%;height:16px;left:-28px;position:absolute;top:2px;width:16px}.timeline-content{background:#fff;border:1px solid transparent;border-radius:8px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);padding:16px;transition:box-shadow .25s ease,border-color .25s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease;transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease,-webkit-transform .2s ease}.timeline-content:hover{border-color:rgba(0,0,0,.08);box-shadow:0 12px 34px 0 hsla(240,5%,41%,.28);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.item-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:12px}.year{color:#000;font-size:1rem;font-weight:700}.item-body{color:#555;font-size:1rem;line-height:1.6;max-width:1000px}.duration{font-style:italic;margin:0 0 8px}.description-line{margin:8px 0}@media (max-width:500px){.section-label{font-size:1.5rem}.timeline{margin-top:20px;padding-left:22px;position:relative}.timeline:before{background:#ddd;content:"";height:100%;left:0;position:absolute;top:2px;width:4px}}.edu-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.edu-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem 1.75rem;position:relative;transition:box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease,-webkit-transform .25s ease}.edu-card:hover{box-shadow:0 14px 28px rgba(0,0,0,.08);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.edu-degree{color:var(--primary-color);font-size:1.15rem;font-weight:600;line-height:1.35}.edu-field{color:#374151;display:block;font-weight:500;margin-top:.15rem}.edu-university{align-items:center;color:#4b5563;display:flex;font-size:.95rem;gap:.45rem;margin-top:.6rem}.edu-qualification{color:#6b7280;font-size:.9rem;margin-top:.25rem}.edu-divider{background:linear-gradient(90deg,#e5e7eb,transparent);height:1px;margin:1rem 0 .75rem}.edu-footer{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:1rem;padding-top:1rem}.edu-logo{bottom:.5rem;position:absolute;right:0}.edu-logo img{height:46px;object-fit:contain;width:86px}.project-modal-overlay-fullscreen{align-items:center;-webkit-animation:fadeIn .3s forwards;animation:fadeIn .3s forwards;background-color:rgba(0,0,0,.8);bottom:0;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:1000}body.modal-open{overflow:hidden}.project-modal-fullscreen{background:#fff;background-color:#e3e1e1;border-radius:.4rem;margin:0 auto;max-height:80%;max-width:1200px;opacity:1;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .6s ease,-webkit-transform .6s ease;transition:transform .6s ease,opacity .6s ease;transition:transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;will-change:transform,opacity;z-index:1001}.project-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.3rem;justify-content:space-around}.project-modal-fullscreen h2{font-size:1.3rem;margin-top:2rem;text-align:center}.tryout{background-color:silver;border-radius:50%;cursor:pointer;position:absolute;right:0;top:-2.2rem}.project-modal-fullscreen .close{position:-webkit-sticky;position:sticky;top:2rem}.projects-container h4{color:#636363;font-size:1rem;letter-spacing:.3px;margin:0 auto;max-width:43rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.projects-container h1{font-weight:700;padding:.5rem;text-align:center}.projects-actions{display:flex;justify-content:center;margin-top:1.5rem}.tech_stack{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-bottom:10px;margin-top:6px}.tech_tag{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#374151}.tech_more,.tech_tag{font-size:.85em;line-height:1;padding:6px 10px}.tech_more{background:#dbdbdb;border-radius:999px;color:#000}.projects-toggle-btn{align-items:center;display:inline-flex;gap:8px}.toggle-icon{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.projects-toggle-btn:hover .toggle-icon{-webkit-transform:translateY(2px);transform:translateY(2px)}.projects-toggle-btn{background:#fff;border:1px solid #d1d5db;border-radius:.6rem;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1.2rem;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.projects-toggle-btn:hover{box-shadow:0 8px 16px rgba(0,0,0,.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.projects-container{margin:0 auto;max-width:100rem;padding:1rem 4rem}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideUpFadeIn{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUpFadeIn{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:643px){.projects-container{padding:1rem .2rem}}@media (max-width:648px){.project-modal-fullscreen{background-color:#fff}}@media (max-width:794px){.project-modal-fullscreen{bottom:.5rem;left:.5rem;max-height:none;right:.5rem;top:.5rem}}body.modal-open,html.modal-open{overflow:hidden}.vp-card{border-radius:1.25rem;margin-top:1.25rem;width:100%}.vp-title{font-size:clamp(1.05rem,1.4vw,1.25rem);margin-bottom:.75rem}.vp-tech{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.85rem}body{position:relative}.vp-watchBtn{align-items:center;background:#9e9e9e;border:1px solid rgba(17,24,39,0);border-radius:999px;box-shadow:0 10px 20px rgba(17,24,39,.18);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.2rem;transition:opacity .16s ease,box-shadow .16s ease,-webkit-transform .16s ease;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease,-webkit-transform .16s ease}.vp-modalVideo{display:flex;flex-direction:column;height:50vh;margin:0 auto;width:90%}.vp-modalOverlay{background:rgba(0,0,0,.5);bottom:0;left:0;padding-top:4rem;position:fixed;right:0;text-align:center;top:0}.vp-watchIcon{background:rgba(216,62,62,.993);border-radius:999px;color:#fff;display:grid;font-size:12px;height:20px;line-height:1;place-items:center;-webkit-transform:translateX(.5px);transform:translateX(.5px);width:20px}.vp-watchBtn:hover{box-shadow:0 14px 28px rgba(17,24,39,.22);opacity:.95;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.vp-watchBtn:active{-webkit-transform:translateY(0);transform:translateY(0)}.vp-badge{background:#f3f3f3;border:1px solid rgba(31,41,55,.12);border-radius:999px;color:#1f2937;font-size:.82rem;font-weight:600;padding:.38rem .6rem;transition:.15s ease}.vp-badge:hover{background:rgba(31,41,55,.12);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.vp-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.9rem}.vp-link{align-items:center;background:rgba(17,24,39,.06);border:1px solid rgba(17,24,39,.12);border-radius:999px;color:#111827;display:flex;flex-direction:row;font-size:.85rem;font-weight:700;padding:.45rem .7rem;text-decoration:none;transition:.15s ease}.vp-link:hover{background:rgba(17,24,39,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.vp-text{background:#fff;border-radius:.4rem;color:#4b5563;font-size:clamp(.95rem,1.15vw,1.05rem);line-height:1.7;margin-top:.75rem;padding:1rem}.vp-boxGrid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(3,1fr);margin-top:1.25rem}.vp-box{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:1rem;box-shadow:0 10px 24px rgba(0,0,0,.06);padding:.9rem;transition:.15s ease}.vp-box:hover{box-shadow:0 14px 30px rgba(0,0,0,.09);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.vp-box h4{font-size:.95rem;margin-bottom:.55rem}.vp-box ul{padding-left:1.15rem}.vp-box li{color:#374151;line-height:1.55;margin-bottom:.45rem}.vp-media{position:-webkit-sticky;position:sticky;top:1rem}.vp-mediaFrame{border-radius:1rem;box-shadow:0 10px 28px rgba(0,0,0,.12);margin:3rem auto 0;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.vp-image,.vp-video{display:block;max-width:300px}@media (max-width:900px){.vp-grid{grid-template-columns:1fr}.vp-media{position:relative;top:auto}.vp-boxGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.vp-boxGrid{grid-template-columns:1fr}}.card{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;max-width:300px;padding:10px;text-align:center;transition:box-shadow .3s ease,border-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,-webkit-transform .3s ease}.card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.card img{aspect-ratio:1.4/1;background:#fff;border-radius:8px;display:block;image-rendering:auto;margin-bottom:10px;max-height:16vh;object-position:center;width:100%}.card h2{font-size:1.2em;margin:0 0 10px;text-align:left}.card p{color:#555;font-size:1em;margin-bottom:3px;text-align:left}.read_more{align-items:center;color:#111;cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:5px;margin-top:8px;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.read_more_arrow{font-size:1.4rem;line-height:1;margin-top:-.02rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.read_more:hover .read_more_arrow{-webkit-transform:translateX(3px);transform:translateX(3px)}.card_img_wrap{border-radius:8px;overflow:hidden;position:relative}.card_img_wrap img{aspect-ratio:1.4/1;background:#fff;display:block;max-height:16vh;object-fit:cover;object-position:center;transition:opacity .25s ease;width:100%}.card_img_wrap:after{content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.card:hover .card_img_wrap img{opacity:.75}.card:hover .card_img_wrap:after{opacity:1}.img_links{bottom:10px;display:flex;flex-wrap:wrap;font-weight:600;gap:8px;left:0;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateY(6px);transform:translateY(6px);transition:opacity .22s ease,-webkit-transform .22s ease;transition:opacity .22s ease,transform .22s ease;transition:opacity .22s ease,transform .22s ease,-webkit-transform .22s ease}.card:hover .img_links{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.watch_video_btn{background:rgba(37,99,235,.95)}.watch_video_btn:hover{opacity:1;-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02)}.img_link_btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(17,24,39,.92);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:.85em;padding:8px 10px;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}.img_link_btn:hover{opacity:.92;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:500px){.card h2{font-size:1.3em}}@media (max-width:460px){.card{max-width:none;width:96%}}.mainview-container{position:relative}.whatsapp-button{background-color:#22c55e8e;border:none;border-radius:9999px;bottom:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);color:#fff;cursor:pointer;padding:1rem;position:fixed;right:1.5rem;transition:background-color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,background-color .2s ease;transition:transform .2s ease,background-color .2s ease,-webkit-transform .2s ease;z-index:100}.whatsapp-button:hover{background-color:#16a34a;-webkit-transform:scale(1.05);transform:scale(1.05)}.whatsapp-button:focus{box-shadow:0 0 0 4px rgba(34,197,94,.5);outline:none}.whatsapp-icon{font-size:1.5rem}.chat-popover{bottom:5rem;position:fixed;right:1.5rem;z-index:90}.chat-modal-container{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:1rem;max-width:90%;padding:1.5rem;width:20rem}.chat-modal-header{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.chat-modal-text{color:#4b5563;font-size:.875rem;margin:0}.chat-modal-error{color:#dc2626;font-size:.875rem;margin:0}.chat-button{background-color:#22c55e;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem;transition:background-color .2s ease,opacity .2s ease;width:100%}.chat-button:hover{background-color:#16a34a}.chat-button:focus{box-shadow:0 0 0 4px rgba(34,197,94,.5);outline:none}.chat-button:disabled{cursor:not-allowed;opacity:.5}.cancel-button{background:none;border:none;border-radius:.75rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:color .2s ease;width:100%}.cancel-button:hover{color:#374151}.cancel-button:focus{box-shadow:0 0 0 2px #e5e7eb;outline:none}
/*# sourceMappingURL=main.e4579304.css.map*/