:root{--primary-color: #1f4df2;--secondary-color: #f5f5f5;--text-color: #2c2c2c;--button-border-radius: 12px;--button-padding: 10px 25px;--transition-duration: .3s ease-in-out}.about{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--secondary-color);transition:all var(--transition-duration);padding:5% 8%}.about__title{color:var(--secondary-color);font-size:3.5rem;font-weight:bolder;text-align:center;margin-bottom:20px}.about__text{color:var(--text-color);font-size:1.5rem;font-weight:400;line-height:1.8;text-align:center;max-width:800px;padding:0 30px;margin-bottom:40px}.about__btn{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center}.about__btn a{color:var(--secondary-color);background:var(--primary-color);font-size:1.6rem;font-weight:600;text-decoration:none;padding:var(--button-padding);border-radius:var(--button-border-radius);border:.3rem solid var(--primary-color);display:flex;justify-content:center;align-items:center;transition:background var(--transition-duration),color var(--transition-duration),border var(--transition-duration)}.about__btn a:hover{color:var(--primary-color);background:var(--secondary-color);border:.3rem solid var(--secondary-color)}.about__icon{margin-right:10px}@media screen and (max-width: 1200px){.about__title{font-size:3rem}.about__text{font-size:1.3rem;line-height:1.7}.about__btn a{font-size:1.4rem}}@media screen and (max-width: 768px){.about__title{font-size:2.5rem}.about__text{font-size:1.3rem;padding:0 20px}.about__btn a{font-size:1.3rem;padding:10px 20px}}@media screen and (max-width: 600px){.about__title{font-size:2.2rem}.about__text{font-size:1.2rem;padding:0 15px;line-height:1.6}.about__btn a{font-size:1.2rem;padding:8px 18px}}@media screen and (max-width: 480px){.about__title{font-size:2rem}.about__text{font-size:1.1rem;padding:0 10px;line-height:1.5}.about__btn a{font-size:1.1rem}}@media screen and (max-width: 390px){.about__title{font-size:1.8rem}.about__text{font-size:1rem;line-height:1.4}.about__btn a{font-size:1rem}}:root{--secondary-color: #f5f5f5;--profile-size-large: 300px;--profile-size-medium: 250px;--profile-size-small: 200px;--profile-size-smaller: 160px;--profile-size-extra-small: 130px;--profile-border-color: rgba(255, 255, 255, .5);--profile-bg-color: #2c2c2c;--header-padding: 5% 50px;--transition-duration: .6s;--box-shadow-light: 0px 10px 20px rgba(0, 0, 0, .15);--box-shadow-hover: 0px 12px 24px rgba(0, 0, 0, .2);--border-radius: 20px}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.header{background-image:linear-gradient(#000000a8,#fafafa5d),url(/assets/headerImage-Q5WXNbQd.png);background-color:#f5f5f5;background-repeat:no-repeat;background-size:cover;width:100%;padding:var(--header-padding);background-position:center;position:relative;min-height:450px;display:flex;justify-content:center;align-items:center;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);box-shadow:var(--box-shadow-light);transition:box-shadow var(--transition-duration) ease,background var(--transition-duration) ease}.header:hover{box-shadow:var(--box-shadow-hover)}.profile__image{width:var(--profile-size-large);height:var(--profile-size-large);border-radius:50%;background-image:url(/MJGroup_yellow_blue.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:var(--profile-bg-color);border:.5rem solid var(--profile-border-color);position:relative;top:100px;transform:translateY(50%);box-shadow:var(--box-shadow-light);transition:transform var(--transition-duration) ease,width var(--transition-duration) ease,height var(--transition-duration) ease,box-shadow var(--transition-duration) ease}.profile__image:hover{box-shadow:var(--box-shadow-hover)}@media screen and (max-width: 1200px){.profile__image{width:var(--profile-size-medium);height:var(--profile-size-medium);transform:translateY(60%)}}@media screen and (max-width: 930px){.profile__image{width:var(--profile-size-small);height:var(--profile-size-small);transform:translateY(70%)}}@media screen and (max-width: 768px){.profile__image{width:var(--profile-size-smaller);height:var(--profile-size-smaller);transform:translateY(80%)}}@media screen and (max-width: 600px){.profile__image{width:var(--profile-size-extra-small);height:var(--profile-size-extra-small);transform:translateY(90%)}}@media screen and (max-width: 480px){.profile__image{width:100px;height:100px;transform:translateY(100%)}}:root{--primary-color: #1f4df2;--secondary-color: #f5f5f5;--text-color: #2c2c2c;--transition-duration: .4s ease;--box-shadow-light: 0 0 18px 7px rgba(44, 44, 44, .5)}.gallery{padding:30px}h2{color:var(--primary-color);font-size:3.5rem;font-weight:700;text-align:center;margin-bottom:50px}.gallery__item{position:relative;overflow:hidden;transition:all var(--transition-duration);margin:10px;box-shadow:var(--box-shadow-light);border-radius:12px}.gallery__item img{width:100%;height:250px;border-radius:12px;object-fit:cover;transition:all var(--transition-duration)}.gallery__item:hover img{transform:scale(1.1)}.gallery__text{position:absolute;top:80%;left:50%;width:100%;height:50%;transform:translate(-50%,50%);color:var(--secondary-color);font-size:1.8rem;font-weight:700;text-align:center;opacity:0;transition:opacity var(--transition-duration),transform var(--transition-duration);background:#0009;padding:10px;border-radius:8px}.gallery__item:hover .gallery__text{opacity:1;transform:translate(-50%,-10%)}.gallery__image{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media screen and (max-width: 1200px){.gallery__image{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 960px){.gallery__image{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.gallery__image{grid-template-columns:repeat(1,1fr)}.gallery__text{top:65%}}:root{--primary-color: #1f4df2;--secondary-color: #f5f5f5;--accent-color: #ff477e;--font-color: #1f4df2;--btn-padding: 12px 36px;--btn-radius: 16px;--box-shadow-light: 0px 8px 24px rgba(0, 0, 0, .1);--box-shadow-hover: 0px 12px 30px rgba(0, 0, 0, .15);--transition-duration: .4s ease-in-out;--font-large: 3.5vw;--font-medium: 2vw;--font-small: 1.5vw;--font-smaller: 1.2vw}.social__section{width:100%;height:100vh;padding:8% 5%;background:var(--secondary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color var(--transition-duration)}.social__title{color:var(--primary-color);font-size:var(--font-large);font-weight:700;text-align:center;margin-bottom:2%;transition:font-size var(--transition-duration)}.social__subtitle{color:var(--primary-color);font-size:var(--font-medium);font-weight:500;text-align:center;margin-bottom:5%;transition:font-size var(--transition-duration)}.social{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:80px;padding-bottom:6%;justify-content:center;align-items:center;transition:grid-template-columns var(--transition-duration)}.social__items,.social__item{display:flex;flex-direction:column;align-items:center;transition:transform var(--transition-duration)}.social__item a{display:flex;justify-content:center;align-items:center;font-size:3.5rem;padding:18px;background-color:var(--primary-color);color:var(--secondary-color);text-decoration:none;border-radius:50%;box-shadow:var(--box-shadow-light);transition:background-color var(--transition-duration),box-shadow var(--transition-duration),transform var(--transition-duration)}.social__item a:hover{background-color:var(--secondary-color);color:var(--primary-color);box-shadow:var(--box-shadow-hover);transform:scale(1.1)}.social__name{font-size:var(--font-small);color:var(--font-color);margin-top:10px;transition:font-size var(--transition-duration)}.contact__btn{display:flex;justify-content:center;align-items:center}.btn{padding:var(--btn-padding);font-size:var(--font-medium);font-weight:700;background-color:var(--primary-color);color:var(--secondary-color);border-radius:var(--btn-radius);border:4px solid var(--primary-color);box-shadow:var(--box-shadow-light);text-align:center;display:flex;justify-content:center;align-items:center;transition:background-color var(--transition-duration),color var(--transition-duration),border var(--transition-duration),box-shadow var(--transition-duration)}.btn:hover{background-color:var(--secondary-color);color:var(--primary-color);border:4px solid var(--secondary-color);box-shadow:var(--box-shadow-hover)}@media screen and (max-width: 1200px){.social__title{font-size:3rem}.social__subtitle{font-size:1.7rem}.social__name{font-size:1.4rem}.social__item a{font-size:1.8rem;padding:12px}}@media screen and (max-width: 930px){.social__title{font-size:2.7rem}.social__subtitle{font-size:1.5rem}.social__name{font-size:1.2rem}.social__item a{font-size:1.6rem;padding:10px}.btn{padding:10px 20px;font-size:1.3rem}}@media screen and (max-width: 768px){.social__section{height:70svh}.social__title{font-size:2.2rem}.social__subtitle{font-size:1.4rem}.social__item a{font-size:1.4rem;padding:8px}.social__name{font-size:1.1rem}.btn{padding:10px 15px;font-size:1.2rem}}@media screen and (max-width: 480px){.social__section{height:80svh}.social__title{margin-top:30px;font-size:1.8rem}.social__subtitle{font-size:1.2rem}.social__item a{font-size:1.2rem;padding:7px}.social__name{font-size:1rem}.btn{padding:8px 12px;font-size:1.1rem}}@media screen and (max-width: 390px){.social__section{height:90svh}.social__title{margin-top:30px;font-size:1.5rem}.social__subtitle{font-size:1.1rem}.social__item a{font-size:1.1rem;padding:6px}.social__name{font-size:.9rem}.btn{padding:8px 10px;font-size:1rem}}:root{--primary-color: #1f4df2;--secondary-color: #f5f5f5;--accent-color: #0056b3;--text-color: #2c2c2c;--btn-color: #ffffff;--btn-hover-color: #0056b3;--btn-bg-color: #1f4df2;--footer-bg-color: #2c2c2c;--footer-padding: 4% 10% 50px 10%;--footer-transition: .7s ease}.footer{width:100%;background-color:var(--footer-bg-color);color:var(--secondary-color);padding:var(--footer-padding);display:flex;flex-direction:column;align-items:center}.footer__title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px}.footer__warp{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;width:100%;max-width:1200px;transition:all var(--footer-transition)}.footer__details{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;color:var(--secondary-color)}.footer__details p{margin:5px 0;font-size:1.2rem}.footer__email,.footer__phone{text-decoration:none;color:var(--secondary-color);font-weight:700}.footer__email:hover,.footer__phone:hover{text-decoration:underline;color:var(--primary-color);transition:all var(--footer-transition)}.footer__content{display:flex;justify-content:flex-start;gap:20px;margin-top:20px}.footer__btn{color:var(--btn-color);font-size:1.5rem;background-color:var(--btn-bg-color);border-radius:50%;padding:15px;transition:all var(--footer-transition);display:flex;justify-content:center;align-items:center}.footer__btn:hover{background-color:var(--btn-hover-color);color:var(--btn-color)}.footer__form{display:flex;flex-direction:column;gap:15px;padding:30px;background-color:#ffffff1a;border:2px solid var(--secondary-color);border-radius:10px;width:100%}.footer__form label{font-size:1rem;font-weight:700;color:var(--secondary-color)}.footer__form input[type=text],.footer__form input[type=email],.footer__form textarea{padding:12px;border-radius:8px;border:1px solid #ccc;width:100%;box-shadow:0 2px 5px #0000001a;margin-bottom:10px}.footer__form textarea{height:150px}.footer__form button[type=submit]{background-color:var(--btn-bg-color);color:var(--btn-color);padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;transition:background-color var(--footer-transition)}.footer__form button[type=submit]:hover{background-color:var(--btn-hover-color)}.footer__bottom{text-align:center;margin-top:30px;font-size:1rem}.scroll__up{display:flex;justify-content:center;align-items:center;margin-top:30px}.icon__up{color:var(--btn-color);background-color:var(--btn-bg-color);border-radius:50%;padding:10px;font-size:1.6rem;transition:all var(--footer-transition)}.icon__up:hover{background-color:var(--btn-hover-color)}@media screen and (max-width: 1200px){.footer__warp{grid-template-columns:1fr;gap:30px}}@media screen and (max-width: 768px){.footer{padding:6% 30px 50px}.footer__title{font-size:2rem}.footer__btn{font-size:1.3rem}.scroll__up a{font-size:1.4rem}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:#f5f5f5;font-family:Roboto,sans-serif;overflow-x:hidden}