@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}.app{width:100%;font-family:Outfit,sans-serif}li{list-style:none}a{text-decoration:none;color:inherit}.navbar{display:flex;justify-content:space-between;align-items:center;margin:0;background:#000}.nav{width:100%;display:flex;justify-content:space-between;align-items:center;margin:0 140px;padding:0 20px}.nav img{width:120px;margin-right:200px}.nav ul{display:flex;gap:30px;margin:0;padding:0;list-style:none;color:#fff;justify-content:center;align-items:center}.nav ul li{font-size:1rem;list-style:none;color:#fff;transition:.3s ease;cursor:pointer}.nav ul li:hover,.active{color:#daa520}.nav ul li:nth-child(3){display:flex;gap:5px}.nav ul li:nth-child(3) .icon{width:20px;height:20px}.nav ul li .phone{display:flex;flex-direction:column;align-items:center;gap:5px}.nav ul li .phone .icons{display:flex;gap:10px}.nav ul li .phone .icons h4{color:#daa520;font-size:1rem}.nav ul li .phone p{color:#fff;font-size:.8rem}.nav ul li .phone .icons .icon{color:#daa520;width:20px;height:20px}@media(max-width:900px){.nav{margin:0 30px;padding:10px}.nav img{width:60px;margin-right:0}.nav ul{gap:20px}.nav ul li{font-size:.8rem}.nav ul li:nth-child(3) .icon{width:10px;height:10px}.nav ul .phone .icons{gap:5px}.nav ul .phone .icons h4{font-size:.8rem}.nav ul .phone p{font-size:.7rem}.nav ul .phone .icons .icon{width:20px;height:20px}}@media(max-width:600px){.nav ul{display:none}}.hero{width:100%;position:relative;overflow:hidden}.hero img{width:100%;height:80vh}.hero .overlay{position:absolute;top:0;left:0;width:100%;height:80vh;background:#00000080;z-index:1}.hero-content{width:100%;display:flex;justify-content:space-between;gap:150px;position:absolute;top:10%;left:140px;z-index:2}.hero-text{display:flex;flex-direction:column;gap:20px;margin-top:100px}.hero-content h1{font-size:2rem;font-weight:700;color:#fff}.hero-content p{font-size:1.1rem;font-weight:1rem;color:#fff;text-wrap:nowrap}.hero-content button{padding:15px 20px;background:#daa520;color:#000;border:none;outline:none;font-size:1rem;font-weight:600;width:15vw;border-radius:4px;transition:.3s ease;cursor:pointer}.hero-content button:hover{background:transparent;color:#fff;border:1px solid #fff}.hero-content{display:flex}.hero-content img{width:100%;margin-right:40vw}@media(max-width:900px){.hero-content{gap:50px;top:10%;left:40px}.hero-text{gap:20px;margin-top:80px}.hero-content h1{font-size:1.6rem;font-weight:600}.hero-content p{font-size:1rem;font-weight:500}.hero-content button{padding:10px 15px;font-size:.8rem;font-weight:500}}@media(max-width:600px){.hero-content{gap:20px;top:5%;left:40px}.hero-text{gap:10px;margin-top:80px}.hero-content h1{font-size:1.3rem;font-weight:500}.hero-content p{font-size:.8rem;font-weight:400}.hero-content button{padding:8px 15px;font-size:.6rem;font-weight:400}.hero-content img{width:60%}}.about{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:70px 140px;background:#f5f5f5;position:relative}.about .background-image{width:100%;height:100%;position:absolute;top:0%;opacity:.5;overflow:hidden;z-index:0}.about-left{display:flex;flex-direction:column;gap:20px;z-index:1}.about-left p{font-size:1rem;font-weight:500}.about-left p:nth-child(1){color:#daa520}.about-left p:nth-last-child(1){color:#4b4a4a}.about-left h2{font-size:1.5rem;font-weight:700}.about-left h1{font-size:4rem;font-weight:700;color:#daa520}.about-left h5{font-size:1.1rem;font-weight:600}.about-right{display:flex;flex-direction:column;gap:20px;z-index:1}.about-right .skill{display:flex;gap:30px;align-items:center}.about-right .icon img{width:40px}.about-right .icon{justify-content:center;background:#daa520;border:1px solid #000;padding:10px}.about-right .skill-text h3{font-size:1.2rem;font-weight:600}.about-right .skill-text p{font-size:1rem;font-weight:500;color:#4b4a4a;text-wrap:nowrap}.about-right button{margin-left:100px;padding:15px 20px;background:#daa520;color:#000;border:none;outline:none;font-size:1rem;font-weight:600;width:15vw;border-radius:4px;transition:.3s ease;cursor:pointer}.about-right button:hover{background:transparent;color:#000;border:1px solid #000}@media(max-width:900px){.about{padding:30px}.about-left{gap:10px}.about-left p{font-size:.8rem;font-weight:400}.about-left h2{font-size:1.2rem;font-weight:600}.about-left h1{font-size:2rem;font-weight:600}.about-left h5{font-size:1rem;font-weight:500}.about-right,.about-right .skill{gap:10px}.about-right .icon img{width:20px}.about-right .icon{padding:7px}.about-right .skill-text h3{font-size:1rem;font-weight:500}.about-right .skill-text p{font-size:.8rem;font-weight:400}.about-right button{margin-left:100px;padding:8px 15px;font-size:.8rem;font-weight:400;text-wrap:nowrap;width:17vw}}@media(max-width:600px){.about{flex-direction:column;gap:30px}.about-right button{padding:10px 20px;font-size:.8rem;font-weight:400;text-wrap:nowrap;width:20vw}.about-right button span{display:none}}.partnership{width:100%;display:flex;justify-content:space-between;overflow-x:scroll;scrollbar-width:none;padding:30px 140px}.partnership::-webkit-scrollbar{display:none}.partnership img{width:max(6vw,100px);margin-right:150px}@media(max-width:900px){.partnership{padding:20px 40px}.partnership img{width:max(6vw,60px);margin-right:50px}}.services{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;background:#000;padding:70px 140px}.services p{font-size:1rem;font-weight:500;color:#daa520}.services h3{font-size:1.5rem;font-weight:700;color:#fff}.service-grid{display:flex;gap:10px}.grid{background:#daa520;padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.grid img{width:50px}.grid h4{font-size:1.2rem;font-weight:500;color:#000}.grid p{font-size:1rem;font-weight:500;color:#000}.service-btn{display:flex;gap:20px}.service-btn button:nth-child(1){display:flex;gap:5px;align-items:center;padding:15px 20px;background:#fff;color:#000;border:none;outline:none;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer}.service-btn button img{width:10px}.service-btn button:nth-child(2){padding:15px 20px;background:#daa520;color:#000;border:none;outline:none;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:.3s ease}.service-btn button:nth-child(2):hover{background:transparent;border:1px solid #fff;color:#fff}@media(max-width:900px){.services{gap:20px;padding:30px 40px}.services p{font-size:.8rem;font-weight:400}.services h3{font-size:1.2rem;font-weight:600}.grid{padding:10px}.grid img{width:30px}.grid h4{font-size:1rem;font-weight:400}.grid p{font-size:.8rem;font-weight:400}.service-btn{gap:10px}.service-btn button:nth-child(1){padding:10px 15px;font-size:.8rem;font-weight:400}.service-btn button:nth-child(2){padding:10px 15px;background:#daa520;font-size:.8rem;font-weight:400}}.profile{width:100%}.wrapper{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin:50px 100px}.profile-image{position:relative;z-index:1}.profile-image .overlay-1{width:15vw;height:15vw;background:#daa520;position:absolute;top:-20px;left:-20px;z-index:2}.profile-image .overlay-2{width:8vw;height:8vw;background:#daa520;position:absolute;bottom:-20px;right:-20px;z-index:3}.profile-image img{width:20vw;position:relative;top:0;left:0;z-index:4}.profile-text{display:flex;flex-direction:column;gap:30px}.profile-text h3{font-size:1.3rem;font-weight:700}.profile-text p{display:flex;flex-direction:column;gap:20px}.profile-text p span{font-size:1rem;font-weight:400;color:#4b4a4a;text-wrap:nowrap}.profile-text button{padding:15px 20px;background:#daa520;color:#000;border:none;outline:none;font-size:1rem;font-weight:600;width:15vw;border-radius:4px;transition:.3s ease;cursor:pointer}.profile-text button:hover{background:transparent;color:#000;border:1px solid #000}@media(max-width:900px){.wrapper{margin:30px 40px}.profile-text{gap:20px}.profile-text h3{font-size:1.1rem;font-weight:600}.profile-text p{gap:10px}.profile-text p span{font-size:.8rem;font-weight:400}.profile-text button{padding:15px 20px;font-size:.8rem;font-weight:400;width:20vw}}@media(max-width:600px){.wrapper{flex-direction:column;gap:30px}}.testimonials{width:100%;position:relative;background:url(/Law_011.jpeg);height:80vh;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden}.arrow{color:#fff;font-size:1.4rem;font-weight:600;position:absolute;top:50%;left:10%;background-color:#daa520;border-radius:50%;padding:7px 15px;cursor:pointer;transition:.3s ease;z-index:3}.arrows{color:#fff;font-size:1.4rem;font-weight:600;position:absolute;top:50%;right:10%;background-color:#daa520;border-radius:50%;padding:7px 15px;cursor:pointer;transition:.3s ease;z-index:3}.arrow:hover,.arrows:hover{background:transparent;border:1px solid #fff}.overlay{position:absolute;top:0;left:0;width:100;height:100%;background:#0006;z-index:2}.text{position:absolute;top:15%;left:30%;display:flex;flex-direction:column;gap:30px;align-items:center;width:40%;z-index:2}.text h3{color:#fff;font-size:1.5rem;font-weight:600}.text .icons{display:flex;gap:1px;color:#daa520;background:transparent}.text .icons .icon{width:30px}.text p{color:#dbdbdb;font-size:1rem;font-weight:500;text-align:center}.text h5{color:#fff;font-size:1.2rem;font-weight:500}.testimonials button{padding:15px 20px;background:#daa520;color:#000;border:none;outline:none;font-size:1rem;font-weight:600;width:15vw;border-radius:4px;transition:.3s ease;cursor:pointer}.testimonials button:hover{background:transparent;color:#fff;border:1px solid #fff}@media(max-width:900px){.text h3{font-size:1.3rem;font-weight:600}.text .icons .icon{width:20px}.text p{font-size:.8rem;font-weight:400}.text h5{font-size:1rem;font-weight:500}.testimonials button{padding:15px 20px;font-size:.8rem;font-weight:400;width:20vw}}.contact{width:100%;height:80vh;background:#000;padding:70px}.contact-details{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.contact h6{font-size:.7rem;font-weight:400;color:#daa520}.contact h3{font-size:1.3rem;font-weight:700;color:#fff;margin-top:10px}.contact p{font-size:.9rem;font-weight:500;color:#fff}form{display:flex;flex-direction:column;gap:10px;margin-top:20px;align-items:center}.name-field,.detail-field{display:flex;gap:10px}.name-field input,.detail-field input,textarea{border:none;outline:none;padding:15px;border-radius:4px}form textarea{resize:none}form button{padding:15px 20px;background:#daa520;color:#000;border:none;outline:none;font-size:1rem;font-weight:600;width:15vw;border-radius:4px;transition:.3s ease;cursor:pointer}form button:hover{background:transparent;color:#fff;border:1px solid #fff}@media(max-width:900px){.contact{height:80vh;padding:40px}.contact h3{font-size:1.2rem;font-weight:600}.contact p{font-size:.8rem;font-weight:400}form{margin-top:10px}.name-field input,.detail-field input,textarea{padding:10px}form button{padding:15px 20px;font-size:.8rem;font-weight:400;width:20vw}}.footer{display:flex;flex-direction:column;background-color:#fff}.top,.middle{display:flex;justify-content:space-between;padding:20px 170px}.top img{width:100px;height:120px}.address,.contacts,.socials{display:flex;flex-direction:column;gap:10px;background-color:#fff}.address .location,.contact-info{display:flex;align-items:center;gap:10px}.location .icon,.contact-info .icon{color:#daa520;background:transparent;width:20px}.location p,.contacts p{font-size:.8rem;font-weight:400;color:gray}.address h4,.contacts h4,.socials h4{font-size:1.2rem;font-weight:600}.socials .icons{display:flex;gap:5px}.icons .icon{width:30px}.footer-p{background-color:#f4f4ff;padding:30px 170px}@media(max-width:900px){.top img{width:60px;height:70px}.address,.contacts,.socials{gap:5px}.address .location,.contact-info{gap:10px}.location .icon,.contact-info .icon{width:15px}.location p,.contacts p{font-size:.6rem}.address h4,.contacts h4,.socials h4{font-size:1rem;font-weight:500}.icons .icon{width:20px}.middle p{font-size:.8rem;font-weight:400}.footer-p{font-size:.8rem;font-weight:400;padding:20px 170px}}@media(max-width:600px){.top,.middle{flex-wrap:wrap;gap:30px}}