.main-div{position:relative}#side-nav{position:fixed;top:80px;right:0;width:50%;height:60vh;margin-top:10px;margin-right:10px;padding:10px;background-color:#333;border-radius:50px;z-index:1;display:none}#side-nav>ul{list-style:none;display:flex;justify-content:center;flex-direction:column;height:100%;text-decoration:none;margin:auto}#side-nav>ul>li{padding-bottom:15px;text-align:center;width:100%;border-bottom:1px solid #fff;font-size:20px;margin:auto}#side-nav>ul>li>a{text-decoration:none;color:#fff}header{top:0;width:100%;z-index:100;position:fixed;transition:all .3s ease;background:#000c}nav{height:10vh;display:flex;align-items:center;padding:1vw 5vw}.logo-name{margin-right:auto;color:#fff;text-transform:capitalize;font-size:20px;font-weight:600}.nav-menu ul{display:flex;gap:1vw;list-style:none;align-items:center}.nav-menu ul li{color:#fff;text-transform:uppercase;font-weight:400;padding:20px 10px}.nav-menu ul #menu-icon,#close-icon{display:none}.nav-menu ul li #open-menu,#close-menu{border-radius:20px;cursor:pointer;font-size:30px}.nav-menu ul li a{text-decoration:none;color:#fff}.nav-menu ul li:hover{transform:scale(1.08);font-weight:700}.profile-image{margin-top:10vh;height:75vh;display:flex}.profile-image .pro-pic{height:100%;width:60%;object-fit:cover}.profile-image .personal-text{height:100%;width:40%;display:flex;flex-direction:column;justify-content:center;text-align:center}.profile-image .personal-text h1{color:#000c;font-size:50px;text-transform:uppercase;font-weight:800;margin-bottom:7vh}.profile-image .personal-text h2,span{color:#000c;font-size:30px;font-weight:900}.about-me{position:relative;margin:auto;bottom:10vh;width:90%;background:#f5f5f5;padding:3vw 6vw 3vw 10vw;border-radius:20px}.about-me h2{margin-bottom:2vh}.about-me hr{width:10%;border-radius:50%;border:1.5px solid #f2784b;margin-bottom:3vh}.about-me .about-me-content{height:inherit;display:flex;gap:3vw}.about-me .about-me-content .profile-pic{display:flex;flex-direction:column;row-gap:3vh;height:55vh}.about-me .about-me-content .profile-pic img{height:inherit;object-fit:cover}.social{display:flex;gap:1vw}.social .normal{color:#000}.social .hover{color:#f2784b;transform:scale(1.4)}.social-2{display:flex;gap:1vw}.social-2 .normal{display:none;color:#000}.social-2 .hover{color:#f2784b;transform:scale(1.4)}.about-me .about-me-content .about-text{max-width:70%}.about-me .about-me-content .about-text p{font-size:14px;margin-bottom:20px;font-weight:300}.about-me .about-me-content .about-text ul{list-style:none}.about-me .about-me-content .about-text button{border:none;background:none;color:#f2784b;cursor:pointer;padding:1vw 0;outline:none}.timeline{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8vw 8vw 5vw;background-color:#f5f5f5}.timeline h1{font-size:30px;padding:0 0 5vh}.timeline hr{width:35%;border-radius:50%;border:1.5px solid #f2784b;margin-bottom:3vh}.timeline p{margin-bottom:5vh}.timeline .single-content{border-radius:20px;margin:0 1.5vw;background:#fff;padding:25px;box-shadow:1px 1px 6px #141414}.timeline .even{text-align:left}.button-container{background-color:#f5f5f5;display:flex;padding-bottom:10px;align-items:center;justify-content:center}.button-container .read-more{color:#fff;padding:12px 30px;text-transform:uppercase;font-size:14px;border-radius:5px;font-weight:400;background:#f2784b;border:none;cursor:pointer;text-decoration:none}.read-more:hover{transform:scale(1.05);font-weight:700}.reports{width:100%;padding:4vw 5vw 8vw}.section-title{display:flex;flex-direction:column;align-items:center;text-align:center}.section-title h1{font-size:30px;padding:0 0 5vh;color:#353535;text-transform:uppercase;font-weight:700}.section-title hr{width:10%;border-radius:50%;border:1.5px solid #f2784b;margin-bottom:3vh}.section-title p{color:#666;margin-bottom:5vh}.grid-boxes{display:grid;grid-template-columns:repeat(3,auto);gap:3vw}.grid-boxes h2{font-size:1.4vw;color:#353535;margin-bottom:2.5vh;font-weight:700}.grid-boxes p{color:#666;font-weight:300}.box{height:auto;width:100%;border-radius:20px;display:flex;flex-direction:column;flex-wrap:wrap;text-align:center;cursor:pointer;padding:30px;box-shadow:1px 1px 6px #141414;background-color:#f5f5f5}.box a{text-decoration:none}.box:hover .file-icon{color:#fff;font-size:3vw;transition:color .3s ease}.box:hover{background-color:#f2784b;transition:background-color .3s ease}.box:hover h2,.box:hover p{color:#fff}.file-icon{color:#f2784b;font-size:30px;margin-bottom:2vh}.gallery{height:auto;width:100%;padding:2vw 0 5vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.gallery .heading{display:flex;flex-direction:column;justify-content:center;align-items:center}.gallery .heading h1{font-size:40px;margin-bottom:25px}.gallery .heading hr{width:100%;border:1.5px solid #f2784b;border-radius:50%;margin-bottom:8vh}.gallery .image-slider{width:850px;height:450px;margin-bottom:8vh}.gallery img{height:inherit;width:inherit;border-radius:20px}.gallery .other-content{display:flex;width:100%;height:100%;padding:0 10vw;gap:2vw}.gallery .other-content .img-1,.gallery .other-content .img-2{width:100%;cursor:pointer}.overlay{width:100%;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.overlay a{color:#000;font-weight:700}.view-more{border:none;padding:1vw 3vw;border-radius:5px;cursor:pointer;outline:none;text-decoration:none}.view-more:hover{background-color:#f2784b;transition:background-color .5s;transform:scale(1.05);font-weight:700}.contact{height:80vh;width:100%;padding:.3vw 0;position:relative}.contact .heading{padding:1.5vw 0;display:flex;flex-direction:column;align-items:center;text-align:center;height:inherit;width:inherit;background-image:linear-gradient(to bottom,#f2784b 50%,transparent 50%)}.contact .heading h1{color:#fff;font-size:40px;margin-bottom:20px}.contact .heading hr{width:10%;border:1.5px solid white;border-radius:50%}.contact-details{position:absolute;display:flex;flex-direction:column;justify-content:space-evenly;background-color:#f5f5f5;top:55%;left:50%;height:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:20px;box-shadow:1px 1px 6px #141414;padding:2vw 3vw;width:80%;max-width:600px}.social-media,.email{display:flex;gap:2vw}.social-media{margin-bottom:4vh}.social-details,.email-details{display:flex;flex-direction:column}.social-details h1,.email-details h1{font-size:1.5rem;margin-bottom:1vh}.social-details a,.email-details a{font-size:1rem;text-decoration:none;color:#555}.social-details a:hover,.email-details a:hover{color:#f2784b;transform:scale(1.05);font-weight:700}footer{background-color:#333;color:#fff;padding:1.5vw;text-align:center;width:100%}@media (max-width: 1100px){.nav__menu{position:fixed;top:0;right:-100%;background-color:#0f0f0f33;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:80%;height:100%;padding:6rem 3rem 0;transition:right .4s}.profile-image .personal-text h1{font-size:45px;margin-bottom:4vh}.profile-image .personal-text h2,span{font-size:25px}}@media screen and (min-width: 1100px){.nav{height:calc(var(--header-height) + 1rem)}.nav__toggle,.nav__close{display:none}.nav__list{flex-direction:row;column-gap:2.5rem}}@media (max-width: 1000px){.profile-image .pro-pic{width:55%}.profile-image .personal-text{width:45%}}@media (max-width: 850px){.profile-image .personal-text h1{font-size:40px;margin-bottom:4vh}.profile-image .personal-text h2,span{font-size:20px}}@media (max-width: 768px){.about-me .about-me-content .profile-pic{display:none}.about-me .about-me-content .about-text{max-width:100%}.social-2 .normal{display:block}.grid-boxes{display:grid;grid-template-columns:repeat(2,auto);gap:3vw}.grid-boxes h2{font-size:25px;color:#353535;font-weight:700}.file-icon{color:#f2784b;font-size:35px}.contact{height:70vh}.contact .heading{padding:2vw 0}#links{display:none}.nav-menu ul #menu-icon{display:flex}.gallery img{padding:5%}}@media (max-width: 626px){.profile-image{position:relative;display:block}.profile-image .pro-pic{width:100%}.profile-image .personal-text{position:absolute;width:100%;top:0;left:0}.profile-image .personal-text h1,.profile-image .personal-text h2{color:#fff}.grid-boxes{display:flex;flex-direction:column;gap:3vw}.file-icon{color:#f2784b;font-size:40px}.gallery .other-content{flex-direction:column;padding:0}}@media (max-width: 500px){p,.about-me .about-me-content .about-text p{font-size:17px}.contact .heading{padding:4vw}.contact-details{padding:5vw}}.contri-heading{width:100%;height:30vh;margin-top:15vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.contri-heading>h1{text-transform:uppercase;font-size:5vw;padding:0 0 5vh}.contri-heading p{font-size:1.4vw;text-align:center;line-height:5vh}.contribution-details{width:100%;height:auto;background-color:#f5f5f5;padding:7vw 10vw 0;display:flex;text-align:center;gap:5vw}.single-service{border-radius:20px;background-color:#fff;cursor:pointer;padding:3vw 5vw;box-shadow:1px 1px 6px #141414;margin-bottom:5vh}.single-service h2{font-size:2vw;font-weight:900;line-height:5vh;margin:1vw 0}.single-service>ul{margin-top:20px;text-align:left}.single-service:hover{background-color:#f2784b;color:#fff;transition:background-color .3s ease}.single-service:hover h2{color:#fff}@media (max-width: 768px){.contri-heading p{font-size:2vw}.contribution-details{flex-direction:column}.single-service h2{font-size:3vw;line-height:5vh}}@media (max-width: 426px){.contri-heading>h1{padding-bottom:3vh}.contri-heading p{line-height:2.5vh;font-size:2.5vw}.single-service{padding:5vw 8vw}.single-service h2{font-size:4.5vw}}@media (max-width: 325px){.contri-heading p{padding:0 3vw;font-size:3vw}}.gallery-heading{height:20vh;width:100%;margin-top:15vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.gallery-heading h1{font-size:6vw;padding:0 0 8vh}.gallery-option{width:100%;height:auto;display:flex;padding:8vw;gap:2vw;background-color:#f5f5f5}.gallery-option .group-1{width:50%;display:flex;flex-direction:column;row-gap:2vh;cursor:pointer}.inner-1,.inner-2{height:inherit;width:100%;position:relative}.inner-1 img,.inner-2 img{width:100%;height:auto;border-radius:20px}.inner-1 a,.inner-2 a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.inner-1:hover a,.inner-2:hover a{opacity:1;transition:opacity .3s ease-in-out;color:#fff;padding:12px 30px;text-transform:uppercase;font-size:14px;border-radius:10px;font-weight:400;background:#f2784b;cursor:pointer;text-decoration:none}.inner-1 a:hover,.inner-2 a:hover{font-weight:700}.gallery-option .group-2{width:50%;cursor:pointer;position:relative}.gallery-option .group-2 img{width:100%;height:100%;border-radius:20px}.gallery-option .group-2 a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.group-2:hover a{opacity:1;transition:opacity .3s ease-in-out;color:#fff;padding:12px 30px;text-transform:uppercase;font-size:14px;border-radius:10px;font-weight:400;background:#f2784b;cursor:pointer;text-decoration:none;text-align:center}.group-2 a:hover{font-weight:700}.page-header{margin-top:2vh;height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-header hr{width:30%;border:1.5px solid #f2784b;border-radius:50%}.page-header .page-title{font-size:4vw;text-align:center;margin-bottom:5vh}.gallery-container{column-count:4;column-gap:1rem;width:100%;padding:1rem}.image-wrapper{display:inline-block;width:100%;margin-bottom:1rem;cursor:pointer;break-inside:avoid;position:relative}.image-style{width:100%;height:auto;object-fit:cover;border:1px solid #ddd;border-radius:8px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.image-style:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:80%;max-width:900px;height:auto;position:relative}.modal-image-style{width:100%;height:auto;object-fit:contain;border-radius:8px}.modal-close-button{position:absolute;top:8px;right:8px;cursor:pointer;color:#fff;font-size:24px;font-weight:700;transition:color .2s ease}.modal-close-button:hover{color:#f2784b}@media (max-width: 1024px){.gallery-container{column-count:2}.page-header .page-title{font-size:5vw}}@media (max-width: 600px){.gallery-container{column-count:1}.page-header .page-title{font-size:7vw;margin-bottom:2vh}.gallery-heading h1{font-size:10vw;padding:0 0 3vh}.gallery-option{flex-direction:column;padding:10vw}.gallery-option .group-1,.gallery-option .group-2{width:100%}}.loading-screen{display:flex;align-items:center;justify-content:center;height:20vh}.loading-spinner{border:8px solid rgba(0,0,0,.1);border-top:8px solid #6c5a54cc;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-size:18px;margin-left:10px}.video-header{margin-top:2vh;height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.video-header hr{width:30%;border:1.5px solid #f2784b;border-radius:50%}.video-header .video-title{font-size:4vw;text-align:center;margin-bottom:5vh}#emi .grid{height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1vw;padding-bottom:1vh}#emi .grid iframe{width:100%;height:13rem;border:none;border-radius:5px}@media (max-width: 426px){.video-header .video-title{font-size:7vw;margin-bottom:2vh}}
