*{margin:0;padding:0;box-sizing:border-box;list-style:none;}
html{font-size:10px;}
body{font-family:"Lato",sans-serif;color:#0d1b3f; font-size:1.4rem;}
img{width:100%; max-width:100%;border:none;}
a{text-decoration:none;color:inherit}
.container{width:90%;margin:0 auto}
h2{font-size:2rem;color:#233d8f;font-weight:700;padding-bottom:1rem;position:relative; text-transform:uppercase;}

.top-header{background:#039;color:#fff;font-size:1.3rem;padding:0.8rem 0}
.top-header .container{display:flex;flex-direction:column;align-items:center;justify-content:center; gap:1rem;text-align:center;}
.contact-info, .contact-num{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;}
.contact-info i{color:#ffe400}
.top-header .contact-info span{margin-right:1rem}
.other-info-links ul{display:flex; color:#fff; gap:1rem; }
.other-info-links ul li a{display:flex; align-items:center; gap:0.5rem;}
.other-info-links img{width:2.8rem;height:3rem;}

.main-header{width:100%;background:#fffffff2;position:relative;z-index:100;transition:background .3s}
.main-header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.logo img{width:20rem}
.nav-menu{display:none}
.nav-menu ul{list-style:none}
.nav-menu ul li{margin:1rem 0}
.nav-menu ul li a{color:#039;font-weight:500;display:block; padding:0 2rem;}
.menu-icon{font-size:2.5rem;color:#039;cursor:pointer}
.nav-menu.active{display:block;background:#fff;position:absolute;top:6rem;left:0;width:100%;border-top:1px solid #eee}
.nav-menu.active::before{content: "";position: fixed;top: 0;left: 0;width: 100%;height:100vh;background:rgba(0,0,0,0.4);z-index:-1;}

.hero-section{position:relative;overflow:hidden}
.hero-slide{height:30vh; background-size:cover;background-position:center}
.hero-slider .owl-dots{position:absolute;bottom:2rem;width:100%;text-align:center}
.hero-slider .owl-dot span{width:1rem;height:1rem;background:#fff;opacity:.7;margin:5px;display:inline-block;border-radius:50%}
.hero-slider .owl-dot.active span{background:#f28c28;opacity:1}

.scrolling-bar{background:#f9f4ff;color:#166bd4;overflow:hidden;white-space:nowrap; padding:0.5rem 1rem;}
.scrolling-text{display:inline-block;padding-left:100%;animation:scroll-left 25s linear infinite;font-size:1.3rem}
@keyframes scroll-left {
0%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}

/* ================= CLIENTS LOGO SLIDER ================= */
.clients-section{background:#fff;padding:2rem 0;text-align:center}
.clients-carousel .client-logo img{width:17rem;height:auto;margin:0 auto;opacity:.8;transition:opacity .3s ease,transform .3s ease}
.clients-carousel .client-logo img:hover{opacity:1;transform:scale(1.05)}

/* ================= ABOUT US SECTION ================= */
.about-section{background:linear-gradient(to bottom,#fff 0%,#d8effc 100%);padding:4rem 0;font-size:1.6rem;}
.about-container{display:flex;flex-direction:column;align-items:center;gap:3rem}
.about-image img{width:100%;}
.about-content{text-align:center;}
/* .about-content h2{font-size:2rem;color:#233d8f;font-weight:700;margin-bottom:2rem;position:relative; text-transform:uppercase;} */
/* .about-content h2::after{content:"";width:50px;height:3px;background:#f28c28;display:block;margin:8px auto 0;border-radius:2px} */
.about-content p{color:#222; margin-bottom:1.5rem; text-align:left;line-height:2.5rem;}
.btn-readmore{background:#307ad5;color:#fff;padding:1rem 2rem;border-radius:5px;transition:background .3s ease;display:inline-block;}
.btn-readmore:hover{background:#f28c28}

/* ================= AREA OF PRACTICE ================= */
.practice-section{padding:4rem 0;text-align:center}
.section-title{margin-bottom:3rem}
.section-title h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:6rem;height:2px;background-color:#233d8f;border-radius:2px}
.section-title h2::before{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:2.5rem;height:2px;background-color:#233d8f;border-radius:2px}


.practice-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}
.practice-box{background:#fff;border:1px solid #307ad5;padding:2.5rem 2rem;border-radius:8px;box-shadow:0 2px 1rem #0000000d;transition:all .3s ease; display:flex; flex-direction:column; gap:2rem;}
.practice-box:hover{transform:translateY(-5px);}
.practice-box img{width:10.6rem; height:auto; margin:auto;}
.pbox-info{display:flex; flex-direction:column; gap:1rem; line-height:2.2rem;}
.pbox-info-title{font-size:1.6rem; font-weight:700; color:#383838;}
.pbox-info a{color:#000; cursor:pointer} 
.view-all{margin-top:4rem; font-size:1.6rem;}
.btn-viewall{background:#307ad5;color:#fff;padding:1rem 25px;border-radius:5px;transition:background .3s;display:inline-block}
.btn-viewall:hover{background:#f28c28}

/* ================= WHY CHOOSE SECTION ================= */
.why-choose-section{background:linear-gradient(to bottom,#fff 0%,#d8effc 100%);padding:4rem 0;font-size:1.6rem;}
.why-choose-container{display:flex;flex-direction:column;align-items:center;gap:4rem}
.why-image{display:none;}
.why-content{text-align:left; display:flex;flex-direction:column;gap:1rem; line-height:2.6rem;}
.why-content h2{text-align:center;}
.why-list{list-style:none;padding:0; font-size:1.5rem;}
.why-list li{display:flex; align-items:center; gap:1rem}
.why-list li i{color:#233d8f;}
.why-content .btn-readmore{background:#307ad5;color:#fff;padding:1rem 2.5rem;border-radius:5px; transition:background .3s;display:inline-block; width:max-content; margin:auto; text-align:center;}
.why-content .btn-readmore:hover{background:#f28c28}

/* ================= MISSION & VISION SECTION ================= */
.mission-vision-section{padding:4rem 0;text-align:center; font-size:1.6rem;line-height:2.6rem;}
.mission-vision-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-top:5rem}
.mv-box{background:#f5fcff; border:2px solid #307ad5; border-radius:8px;padding:3.5rem 2.5rem;box-shadow:0 2px 1rem #0000000d;transition:transform .3s ease,box-shadow .3s ease}
.mv-box:hover{transform:translateY(-5px);box-shadow:0 6px 2rem #0000001a}
.mv-icon{max-width:10rem;height:10rem;margin:0 auto 2rem}
.mv-icon img{width:100%;height:auto;display:block}
.mv-box span{font-size:2rem;color:#353535;font-weight:600;margin-bottom:15px}
.mission-box{background:#233d8f;color:#fff}
.mission-box span{color:#fff}

/* ================= LEGAL BLOGS SECTION ================= */
.legal-blogs-section{background:#fff;padding:4rem 0;text-align:center;font-size:1.6rem;line-height:2.6rem;}
.blogs-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-top:5rem}
.blog-card{background:#f7f9fc;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 6px 2rem #0000001a}
.blog-img img{width:100%;height:auto;object-fit:cover}
.blog-content{padding:1rem 1.5rem 2rem;text-align:left}
.blog-content span{font-size:1.6rem;font-weight:700;color:#233d8f;margin-bottom:1rem;display:flex; display:-webkit-box;-webkit-line-clamp: 8; -webkit-box-orient: vertical;overflow: hidden;}
.blog-content p{margin-bottom:1rem}
.blog-content .read-more{color:#f28c28;font-weight:700; text-decoration:none;transition:color .3s ease}
.blog-content .read-more:hover{color:#233d8f}

/* ================= CONTACT / GET IN TOUCH ================= */
.contact-section{background:linear-gradient(to bottom,#f7f9fc 0%,#fff 100%);padding:4rem 0;font-size:1.6rem;line-height:2.6rem;}
.contact-container{display:flex;flex-direction:column;align-items:center;gap:4rem}
.contact-image{display:none;}
.contact-form{width:100%;max-width:60rem;text-align:center}
.contact-form h3{font-size:2rem;font-weight:400;color:#233d8f;margin-bottom:2.5rem}
.contact-form form{display:flex;flex-direction:column;gap:2rem}
.form-group{display:flex;flex-direction:column;gap:15px}
.form-group input,.contact-form textarea,.form-captcha input{font-family:"Lato",sans-serif;color:#0d1b3f; font-size:1.4rem; width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .3s ease}
.form-group input:focus,.contact-form textarea:focus,.form-captcha input:focus{border-color:#233d8f}
.contact-form textarea{resize:none}
/* .form-captcha{display:flex;gap:2rem;justify-content:center; align-items:center;}
.form-captcha label{color:#f28c28; font-size:1.6rem; font-weight:600; white-space:nowrap} */

.captcha-wrapper{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px}
.captcha-label{font-family:system-ui,-apple-system,sans-serif;font-weight:600;color:#475569;font-size:14px;margin:0}
.captcha-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.captcha-image-box{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #0000000d;width:max-content;}
.captcha-image-box img{display:block;height:30px;mix-blend-mode:multiply}
.captcha-refresh{background:none;border:none;cursor:pointer;color:#f28c28;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.captcha-refresh:hover{background-color:#e2e8f0;color:#3b82f6}
.captcha-refresh svg{width:20px;height:20px}
.captcha-input{width:100px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:16px;font-family:monospace;text-align:center;outline:none;transition:border-color 0.2s,box-shadow .2s}
.captcha-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}
.captcha-input::-webkit-outer-spin-button,.captcha-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.captcha-input[type=number]{appearance:textfield}

.btn-submit{background:#307ad5;color:#fff;padding:12px 3rem;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background .3s ease;width:fit-content;margin:0 auto}
.btn-submit:hover{background:#f28c28}
.hidden{display:none;}
.error{color: red; padding: 10px;}
.success{color:green; }

/* ================= PRE-FOOTER SECTION ================= */
.pre-footer-section{background:#fff;border-top:1px solid #e6e6e6;padding:4rem 0;font-size:1.6rem;line-height:2.6rem;}
.pre-footer-container{display:grid;grid-template-columns:1fr;gap:4rem;text-align:center}
.pre-footer-box{padding:1rem 1.5rem}
.pf-icon{font-size:5rem;color:#233d8f;margin-bottom:1.5rem}
.pre-footer-box h3{color:#233d8f;font-size:2rem;font-weight:700;margin-bottom:15px}
.pre-footer-box ul{list-style:none;padding:0;margin:0;text-align:left;display:block}
.pre-footer-box ul li{color:#333;margin-bottom:8px}
.pre-footer-box ul li i{color:#233d8f;margin-right:8px;}
.pf-link{display:inline-block;color:#233d8f;margin-top:8px;text-decoration:underline;transition:color .3s ease}
.pf-link:hover{color:#f28c28}
.disclaimer-text{text-align:justify;color:#333;font-style:italic}

/* ================= FOOTER SECTION ================= */
.main-footer{background:#166bd4;color:#fff;padding-top:5rem;}
.footer-container{display:grid;grid-template-columns:1fr;gap:4rem;padding-bottom:5rem;border-bottom:1px solid #fff3}
.footer-col h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem}
.footer-logo{width:16rem;margin-bottom:15px}
.about-footer p{color:#f0f0f0;line-height:2.6rem;margin-bottom:2rem}
.social-icons a{display:inline-block;color:#fff;background:#ffffff1a;width:3.5rem;height:3.5rem;line-height:3.5rem;text-align:center;border-radius:50%;margin-right:1rem;transition:all .3s ease}
.social-icons a:hover{background:#f28c28;color:#fff}
.links-footer ul,.contact-footer ul{list-style:none;padding:0;margin:0}
.contact-footer ul{margin:0 0 2rem;}
.links-footer ul li{margin-bottom:1rem}
.links-footer ul li a{color:#f0f0f0;text-decoration:none;transition:color .3s ease}
.links-footer ul li a:hover{color:#f28c28}
.contact-footer ul li{margin-bottom:1rem;display:flex;align-items:flex-start;gap:1rem}
.contact-footer ul li i{color:#f28c28;margin-top:4px}
.randomTxt{display:none;}
.subscribeSection, .subscribeSection form{display:flex; flex-direction:column; gap:1rem;}
.subscribeSection h4{color:#fff;font-size:2rem;font-weight:700;}
.subscribeInput{background: #eee;border:1px solid #fff;color: #000; height:3rem; padding:0.5rem; max-width:75rem;}
.footer-bottom{background:#233d8f;text-align:center;padding:15px 0}
.footer-bottom p{margin:0;font-size:1.3rem;color:#eee}

#backToTop{position:fixed;bottom:25px;right:25px;z-index:99;background:#f28c28;color:#fff;border:none;border-radius:50%;width:45px;height:45px;text-align:center;line-height:45px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;opacity:0;visibility:hidden}
#backToTop.show{opacity:1;visibility:visible}
#backToTop:hover{background:#039;color:#fff;transform:translateY(-3px)}

@media (min-width:768px) {
	.top-header .container{display:flex;flex-direction:row;justify-content:space-between;}
	.top_social{display:none;}
	.practice-grid{grid-template-columns:repeat(2,1fr)}
	.blogs-grid{grid-template-columns:repeat(2,1fr)}
}

@media (min-width:1024px) {
	.top-header{height:5.8rem;}
	.contact-info{flex-direction:row;justify-content:flex-start;gap:3rem;}
	.main-header{background:transparent;position:absolute;top:5.8rem;left:0;}
	.main-header.scrolled{background:#fffffff2}
	.logo img{width:15rem}
	.nav-menu{display:block}
	.nav-menu ul{display:flex;gap:0.5rem}
	.nav-menu ul li a{color:#000;font-weight:400;transition:color .3s; white-space:nowrap; padding:0 1rem}
	.nav-menu ul li:last-child a{padding-right:0}
	.nav-menu ul li a:hover{color:#f28c28}
	.menu-icon{display:none}
	.hero-slide{height:70vh}

	.about-container{flex-direction:row;justify-content:start;align-items:start;gap:5rem}
	.about-content{text-align:justify}
	.about-image{width:25rem;}

	.mv-box{text-align:left; padding:1rem 2rem 2rem; display:grid; gap:0;}
	.mv-box span{text-transform:uppercase; font-size:2.5rem;}
	.mission-vision-grid{grid-template-columns:repeat(2,1fr);gap:4rem}
	.mv-icon{margin:0 0 2rem}
	
}

@media (min-width:1200px) {
	h2{font-size:3rem;}
	.section-title{margin-bottom:4rem}
	.clients-section{padding:4rem 0;}
	.about-section, .why-choose-section, .contact-section{background:url('../images/bg.jpg') no-repeat center bottom; background-size:cover;}
	.about-container{width:90%; margin:auto; gap:10rem}
	.about-image{width:30rem;}
	.about-content{flex:1;}
	.about-content h2{font-size:3.5rem;}
	.about-content p{font-size:2rem; line-height:3.5rem; text-align:justify}
	.btn-readmore{font-size:1.8rem; font-weight:700;}

	.practice-grid{grid-template-columns:repeat(3,1fr)}
	.practice-box{border:none; box-shadow:none; flex-direction:row; gap:2rem; align-items:flex-start; text-align:left; padding:0;border-radius:0;}
	.practice-box img{margin:0; width:7rem;height:auto;}
	.pbox-info{padding:1rem 1rem 1rem 0; border:2px solid #307ad5; border-left:none; text-align:left;}
	.pbox-info p{display:-webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}
	.pbox-info-title{font-size:1.8rem; font-weight:400;position:relative; color:#000}
	.pbox-info-title::after{content:"";position:absolute;left:0;bottom:-0.5rem;width:4rem;height:2px;background-color:#333;border-radius:2px}
	.practice-box:hover .pbox-info-title{color:#233d8f;}
	.practice-box:hover .pbox-info-title::after{background-color:#307ad5;}

	.why-choose-section{padding:6rem 0 0}
	.why-choose-container{display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:10rem}
	.why-image{display:block; flex:1; max-width:60rem; position:relative;}
	.why-content{flex:1;gap:2rem; font-size:1.8rem; line-height:3.5rem; text-align:justify;}
	.why-content h2{text-align:left;}
	.why-list{font-size:1.8rem; font-weight:700}
	.why-list li{margin:1.2rem 0;}
	.why-content .btn-readmore{margin:0}

	.blogs-grid{grid-template-columns:repeat(4,1fr)}
	.blog-content span{display:-webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}
	.blog-content p{display:-webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}	
	
	.contact-section{padding:0}
	.contact-container{flex-direction:row;justify-content:center;align-items:center}
	.contact-image{display:block; flex:1; max-width:60rem; position:relative;  display:flex; justify-content:center;}
	.contact-form{text-align:left; flex:1;}
	.contact-form h3{font-size:3rem; font-weight:700}
	.contact-form .section-title h2{position:relative; width:max-content;}
	.form-group{flex-direction:row}
	.form-group input{width:50%}
	.form-captcha{justify-content:flex-start}
	.btn-submit{margin:0;}

	.pre-footer-container{grid-template-columns:repeat(3,1fr);text-align:left;align-items:start;gap:6rem;font-size:1.3rem;line-height:2.6rem;}
	.pfbox-heading{display:flex; gap:1rem; align-items:center;}
	.pre-footer-box ul{text-align:left}
	.disclaimer-text{display:-webkit-box;-webkit-line-clamp: 6; -webkit-box-orient: vertical;overflow: hidden; font-size:2rem;}

	.footer-container{grid-template-columns:1.5fr 1fr 1fr 1.5fr}
	.footer-logo{width:25rem;}
	.about-footer p{max-width:40rem}
	.subscribeInput{width:100%}
	.randomTxt{display:block;font-size:3rem;color: #fff;line-height:4rem; margin-bottom:2rem; text-align:center; }
	.randomTxt span{color: #f28c28;}

	.top_social{display:block;}
}

@media (min-width:1280px) {
	.top-header{font-size:1.4rem;}
	.nav-menu{font-size:1.8rem;}
	.nav-menu ul li a{font-weight:700;padding:0 1.5rem}
	.logo img{width:21rem}
	.scrolling-bar{padding:1rem 2rem;}
	.scrolling-text{font-size:1.8rem}	
}

@media (min-width:1600px) {
	.nav-menu{text-transform:uppercase;}
	.nav-menu ul li a{font-weight:400;}

	.practice-grid{gap:4rem 8rem;}
	.practice-box img{width:10.6rem;}
	.pbox-info{padding:1.5rem; padding-left:0; font-size:1.8rem; line-height:3rem;}
	.pbox-info-title{font-size:2rem;}
	.why-content{font-size:2rem;}
	.why-image{max-width:70rem; display:flex; justify-content:center;}
	.why-image img{width:90%;}

	.pre-footer-container{font-size:1.8rem;line-height:2.8rem;}
	.pre-footer-box h3{font-size:2.5rem;font-weight:400; text-transform:uppercase;}

	.footer-container{font-size:1.6rem;}
}