.btn {font-size: 1em;}
.logo-img{
	width: 110px;
    padding: 4px;
}
.f-title{
	font-size: 1.4em;
    font-weight: 600;
}
.live-box {
	background: rgba(255, 255, 255, 0.2);
    padding: 15px 15px;
}
.work-img{
	width: 50px;
	margin-bottom: 10px;
}
label {
    margin-top: 15px !important;
	font-weight: 600;
}
.badge-red {
    width: 2.8rem;
    height: 2.8rem;
    background-color: #b50728;
    color: #fff;
    border-radius: 50%;
    display: block;
    padding: 10px 5px 5px 5px;
    margin: auto;
    line-height: .6;
    position: relative;
    margin-top: -35px;
    margin-bottom: 20px;
}
.serv-area{
    box-shadow: 0px 6px 6px 0px rgba(2, 25, 65, 0.08);
    border-radius: 10px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
	background: #032B44;
	color: #fff;
}
.serv-card{
	text-align: center;
    padding: 5px;
}

.c-img{
	width: 130px;
    height: 135px;
    border-radius: 50%;
}
.c_stars{
	color: #fb6800;
    font-size: 16px;
}
.btc{
	width: 100%;
	margin-bottom: 10px;
}
.wc-cap{
	min-height: 150px;
	padding-top: 15px;
}
.img-u{
	width: 105px;
    height: 115px;
    /* margin-right: 20px; */
    padding: 4px;
    border-radius: 10px;
	float: left;
}
.blog-thumb{
	width: 90%;
    max-height: 110px;
    /* margin-right: 20px; */
    padding: 4px;
    border-radius: 10px;
}
.ed-thumb{
	width: 80px;
    height: 65px;
    /* margin-right: 20px; */
    padding: 2px;
    border-radius: 5px;
	border: 1px solid #FF5722;
}

.post_item{
	box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3);
    margin: 20px 5px;
}

.cont-form{
    top: 90px;
    /* background: #fff; */
    position: sticky;
    width: 100%;
    /* z-index: 10000; */
    /* border-bottom: 1px solid #eee; */
    /* -webkit-box-shadow: 0 2px 4px rgba(3, 3, 3, .11); */
    -moz-box-shadow: 0 2px 4px rgba(3, 3, 3, .11);
    /* box-shadow: 0 2px 4px rgba(3, 3, 3, .11); */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

img {
    border-radius: 5px;
}

.inner-banner {
    /* background: linear-gradient(90deg, #f0df20, #fff 50%, #f0df20); */
    /* background: linear-gradient(90deg, #ffffff, #d9e8ef 50%, #f1faff); */
    background: linear-gradient(90deg, #8d9396, #d9e8ef 50%, #c2d3dd);
    padding: 20px 50px 0 60px;
    border-radius: 10px;
    position: relative;
    justify-content: space-evenly;
	display: flex;
    align-items: center;
}

.lhs-cont {
    width: 220px;
    min-width: 200px;
    height: 210px;
    overflow: hidden;
    margin-right: 10px;
}
.rhs-cont {
	text-align: left;
    position: relative;
}

.box_item{
	background-color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    text-decoration: none;
    margin-bottom: 5px;
	font-size: 1.0em;
	box-shadow: 0px 2px 10px 0px rgb(4 17 23);
}
.bi-icon{
	width: 50px;
	margin-bottom: 5px;
}

.services-box{
	border: 0.5px solid #efefef;
	border-radius: 10px;
	background: #fff;
    text-align: center;
	padding: 10px;
}

.lawyer-img{	height:50vh;	}

.main-heading{
    font-weight: 700;
	word-break: break-word;
}

/* Normal desktop :992px. */
@media (min-width: 1920px){
	.main-heading{
		font-size: calc(3.25rem + 1.5vw);
	}
	.lawyer-img{	height:40vh;	}
}

@media (min-width: 1820px) and (max-width: 1920px) {
	.main-heading{
		font-size: calc(3.411rem + 1.4vw);
	}
	.lawyer-img{	height:45vh;	}
}
@media (min-width: 1680px) and (max-width: 1820px) {
	.main-heading{
		font-size: calc(3.911rem + 1.4vw);
	}
	.lawyer-img{	height:45vh;	}
}
@media (min-width: 1500px) and (max-width: 1680px) {
	.main-heading{
		font-size: calc(4.125rem + 1.5vw);
	}
	.lawyer-img{	height:55vh;	}
}
@media (min-width: 1440px) and (max-width: 1500px) {
	.main-heading{
		font-size: calc(4.125rem + 1.5vw);
	}
	.lawyer-img{	height:55vh;	}
}
@media (min-width: 1360px) and (max-width: 1440px) {
	.main-heading{
		font-size: calc(3.455rem + 1.5vw);
	}
	.lawyer-img{	height:50vh;	}
}
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1360px) {
	.badge-red {
		padding: 10px 5px 5px 5px;
		margin-top: -45px;
		margin-bottom: 30px;
	}
	.main-heading{
		font-size: calc(3.525rem + 1.5vw);
	}
	.lawyer-img{	height:50vh;	}
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
	.main-heading{
		font-size: calc(2.125rem + 1.5vw);
	}
}
 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	
}

 
/* small mobile :320px. */
@media (max-width: 767px) {
	.c_stars {
		font-size: 10px;
	}
	.lawyer-img{	height:45vh;	}
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 360px) and (max-width: 767px) {
	/* .container {width:450px} */
	.logo-img{
		width: 70px;
	}
	.inner-banner {
		display: flex;
		padding: 10px 12px 0;
		border-radius: 10px;
		align-items: flex-end;
		position: relative;
		box-shadow: 0 0 2px 1px #999;
		height: 132px;
	}
	.lhs-cont {
		width: 120px;
		min-width: 120px;
		height: 100%;
		position: relative;
		margin-right: 5px;
	}
	.rhs-cont {
		text-align: left;
		position: relative;
	}
	.box_item{
		margin-bottom: 5px;
        padding: 5px;
        /* background-color: initial; */
	}
	.bi-white{
		/* color: #fff; */
        font-size: 12px;
        line-height: 14px;
        /* margin-top: 10px; */
	}
	.bi-icon{
		width: 90%;
	}

 }

.form-control {
    font-size: 1.4rem;
}

.form-select {
    font-size: 1.4rem;
}

.app-login .auth-background-holder {
    background: url(../img/lawyer2.png) no-repeat center center;
    background-size: content;
    height: 100vh;
    min-height: 100%;
}

.auth-background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11;
}
.bg-2 {
    background: linear-gradient(179.56deg, #5659c7 10.21%, #6f71c7 183.43%);
}

/*  .blinking {
        animation: blink 1.5s ease-in-out infinite;
    }

    @keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    } */

.blinking {
    animation: blink 1.5s ease-in-out infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
        color: black; /* Initial color */
    }
    50% {
        opacity: 0.2;
        color: red; /* Color when text is hidden */
    }
    100% {
        opacity: 1;
        color: black; /* Final color */
    }
}

/* -------------------------------------- Ratings Starts --------------------------------------  */
.rate:not(:checked) > input {
	display: none;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
    line-height: 30px;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate-later{
	text-align: center;
	background: #5e3535;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	border: 4px solid #dc3545;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
}
/* -------------------------------------- Ratings Ends --------------------------------------  */


/* -------------------------------------- Offer Starts --------------------------------------  */
.offer-innr{
	text-align: center; margin: 10px;
}
.offer-mob{
	text-align: center;
}
.today-offer{
	border: 2px solid #fb6800; box-shadow: 0 13px 31px -5px rgba(0,0,0,.36);min-height: 220px;
}
.offer-h4{
	font-size: 14px;font-weight: 600;
}
.layer-details{
	line-height: 30px;
	font-size: 16px;
	font-weight: 400;
}
.latest-post-head{
    margin: 0px;
    padding: 4px 0;
    background: #fb6800;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}
.dot-border{
	border: 2px dotted;
	padding: 2px;
	margin: 2px 15px;
}
.guarantee{
	height: 60px;
}
.mcafee{
	height: 20px;
}
/* -------------------------------------- Offer Ends --------------------------------------  */
.wac {
    width: 35px;
    height: 35px;
    margin: 0 5px;
}

.footer-left-side{
	position: fixed;
    bottom: 77px;
    left: 20px;
    z-index: 2147482999;
}
.footer-left-cont{
	position: fixed;
    bottom: 30px;
    left: 25px;
    direction: ltr !important;
    z-index: 2147482999;
    width: 35px;
    height: 35px;
    display: block;
    background: #1f2b7b;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    color: #fff;
    border-radius: 20px;
}

.our-servicesp-3{
    background: linear-gradient(122deg, rgb(247 238 231 / 55%), rgb(254 182 132 / 0%), rgb(187 210 250 / 99%), rgb(242 242 242 / 15%))
}

/* -------------------------------------- Gradient Start --------------------------------------  */
    .gradient-bg {
      background: linear-gradient(135deg, #e3f2ff 0%, #f9f9ff 50%, #eef7ff 100%);
      position: relative;
      overflow: hidden;
    }
    .gradient-bg::before {
      content: "";
      position: absolute;
      top: -80px; left: -80px;
      width: 200px; height: 200px;
      background: rgba(13,110,253,0.1);
      border-radius: 50%;
      z-index: 0;
    }
    .gradient-bg::after {
      content: "";
      position: absolute;
      bottom: -100px; right: -100px;
      width: 250px; height: 250px;
      background: rgba(13,110,253,0.15);
      border-radius: 50%;
      z-index: 0;
    }

    /* Step Card */
    .step-card {
      background: #fff;
      border-radius: 20px;
      padding: 40px 25px;
      text-align: center;
      transition: all 0.4s ease;
      height: 100%;
      position: relative;
      z-index: 1;
      border: none;
    }
    .step-card:hover {
      transform: translateY(-10px) scale(1.02);
      box-shadow: 0 15px 40px rgba(13,110,253,0.2);
    }

    /* Step Number */
    .step-number {
      font-size: 40px;
      font-weight: 800;
      color: rgba(13,110,253,0.1);
      position: absolute;
      top: 15px; left: 20px;
    }

    /* Step Icon */
    .step-icon {
      width: 80px;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: #e9f1ff;
      color: #0d6efd;
      font-size: 34px;
      margin: 0 auto 20px auto;
    }
    .step-card:hover .step-icon {
      background: #0d6efd;
      color: #fff;
      box-shadow: 0 8px 20px rgba(13,110,253,0.4);
    }
/* -------------------------------------- Gradient Ends --------------------------------------  */

 section {
      background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
    }
    .feature-card {
      transition: all 0.3s ease;
      border: 1px solid #e5e9f2;
      border-radius: 16px;
      background: #fff;
    }
    .feature-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }
    .icon-circle {
      width: 70px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: #e9f1ff;
      color: #0d6efd;
      font-size: 32px;
      margin: 0 auto 20px auto;
    }
    h2 span {
      color: #0d6efd;
    }
    h6 {
      font-weight: 600;
    }

/* --------------------------------------pricing Gradient Start --------------------------------------  */
/* Background Gradient */
    .pricing-section {
      background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
      padding: 80px 0;
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .pricing-section::before {
      content: "";
      position: absolute;
      width: 300px; height: 300px;
      background: radial-gradient(circle, rgba(13,110,253,0.3) 0%, transparent 70%);
      top: -100px; left: -100px;
      border-radius: 50%; filter: blur(90px);
    }
    .pricing-section::after {
      content: "";
      position: absolute;
      width: 300px; height: 300px;
      background: radial-gradient(circle, rgba(255,215,0,0.25) 0%, transparent 70%);
      bottom: -100px; right: -100px;
      border-radius: 50%; filter: blur(90px);
    }

    /* Plan Card */
    .plan-card {
      border-radius: 20px;
      padding: 40px 30px;
      background: rgba(255,255,255,0.08);
      backdrop-filter: blur(15px);
      border: 1px solid rgba(255,255,255,0.2);
      box-shadow: 0 15px 35px rgba(0,0,0,0.4);
      transition: all 0.4s ease;
      text-align: center;
      height: 100%;
      position: relative;
    }
    .plan-card:hover {
      transform: translateY(-12px) scale(1.03);
      border-color: #0d6efd;
      box-shadow: 0 20px 50px rgba(0,0,0,0.6);
    }

    /* Popular Ribbon */
    .highlight::before {
      content: "Most Popular";
      position: absolute;
      top: -14px;
      left: 50%;
      transform: translateX(-50%);
      background: #0d6efd;
      color: #fff;
      font-size: 13px;
      font-weight: 700;
      padding: 4px 14px;
      border-radius: 30px;
      box-shadow: 0 3px 8px rgba(0,0,0,0.5);
    }

    /* Plan Name & Price */
    .plan-name {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 15px;
      text-transform: uppercase;
    }
    .plan-price {
      font-size: 36px;
      font-weight: 900;
      margin-bottom: 25px;
      color: #ffd700;
    }

    /* Features */
    .plan-features {
      margin-bottom: 25px;
      text-align: left;
      font-size: 15px;
      color: rgba(255,255,255,0.9);
    }
    .plan-features li {
      margin: 10px 0;
    }
    .plan-features li::before {
      content: "✔ ";
      color: #0d6efd;
      font-weight: bold;
    }

    /* Button */
    .btn-buy {
      border-radius: 30px;
      font-weight: 700;
      padding: 12px 30px;
      background: #0d6efd;
      color: #fff;
      border: none;
      transition: all 0.3s ease;
      box-shadow: 0 5px 15px rgba(13,110,253,0.4);
    }
    .btn-buy:hover {
      background: #ffd700;
      color: #000;
      box-shadow: 0 8px 25px rgba(255,215,0,0.5);
    }
/* -------------------------------------- About section Start --------------------------------------  */
	.about-section {
      padding: 100px 0;
      background: radial-gradient(circle at top left, #0d1b3d, #0a244d, #061226);
      color: #fff;
    }
    .about-title {
      font-size: 40px;
      font-weight: 800;
      margin-bottom: 20px;
      border-left: 6px solid #0d6efd;
      padding-left: 12px;
    }
    .about-text { font-size: 16px; line-height: 1.8; color: #dce2ec; }
    .stat {
      background: rgba(255, 255, 255, 0.07);
      padding: 28px;
      border-radius: 14px;
      text-align: center;
      box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    }
    .stat h3 {
      font-size: 34px;
      font-weight: 800;
      color: #fff;
    }
    .stat p {
      margin: 0;
      font-weight: 600;
      font-size: 15px;
      color: #cfd6e2;
    }

/* --------------------------------------service Start --------------------------------------  */
.services-section {
      padding: 80px 0;
      background: linear-gradient(135deg, #fdfcfb, #f3f2ef);
    }
    .services-title {
      font-size: 36px;
      font-weight: 800;
      text-align: center;
      margin-bottom: 50px;
      color: #1c1c1c;
    }
    .service-card {
      border-radius: 14px;
      padding: 30px 20px;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      border-bottom: 4px solid #0d1b3d; /* Dark Navy Blue Border */
      transition: all 0.3s ease;
      height: 100%;
    }
    .service-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 22px rgba(0,0,0,0.15);
    }
    .service-icon {
      width: 60px; height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
      border-radius: 50%;
      background: linear-gradient(135deg, #f5f5f5, #ececec);
      font-size: 26px;
      color: #0d1b3d; /* Navy Blue Icon */
    }
    .service-card h5 {
      font-weight: 700;
      font-size: 18px;
      margin-bottom: 10px;
      color: #1c1c1c;
    }
    .service-card p {
      font-size: 14px;
      line-height: 1.6;
      color: #555;
      margin-bottom: 15px;
    }
    .service-card a {
      font-weight: 600;
      font-size: 14px;
      color: #0d1b3d; /* Navy Blue Read More */
      text-decoration: none;
    }
    .service-card a:hover {
      text-decoration: underline;
    }

/* --------------------------------------advocate profile Start --------------------------------------  */
.attorney-section {
      padding: 80px 0;
    }
    .advocate-card {
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      text-align: center;
      box-shadow: 0 10px 25px rgba(0,0,0,0.15);
      transition: all 0.35s ease;
    }
    .advocate-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 18px 40px rgba(0,0,0,0.25);
    }
    .advocate-card img {
      height: 240px; /* kam height taaki cut na ho */
      width: 100%;
      object-fit: contain; /* image poora dikhe */
      background: #fcfdff;
    }
    .advocate-info {
      background: #0d1b3d;
      padding: 18px;
      border-top: 3px solid #c49a6c;
      box-shadow: inset 0 4px 8px rgba(0,0,0,0.3);
    }
    .advocate-info h5 {
      font-size: 18px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 5px;
    }
    .advocate-info span {
      font-size: 14px;
      color: #c9d1e3;
    }
    .swiper-button-next, .swiper-button-prev {
      color: #0d1b3d !important;
    }


/* --------------------------------------blog Start --------------------------------------  */
    /* Blog Card */
    .blog-section {
      background: #0a1429;
    }
	.card {
      border: none;
      border-radius: 16px;
      overflow: hidden;
      background: linear-gradient(145deg, #ffffff, #f0f0f0); /* White Gradient */
      box-shadow: 8px 8px 20px rgba(0,0,0,0.3), -8px -8px 20px rgba(255,255,255,0.2);
      transition: 0.3s ease-in-out;
      color: #0a1429; /* Text dark navy for contrast */
    }
    .card:hover {
      transform: translateY(-10px) scale(1.02);
      box-shadow: 12px 12px 25px rgba(0,0,0,0.4), -12px -12px 25px rgba(255,255,255,0.3);
    }
    .card img {
      height: 220px;
      object-fit: cover;
    }
    .card-body h5 {
      color: #0a1429; /* Dark navy text inside card */
      font-weight: 600;
    }
    .card-body small {
      color: #555;
    }
    .btn-gold {
      background: #c5a45a;
      color: #fff;
      border-radius: 30px;
      padding: 6px 20px;
      font-weight: 600;
      border: none;
      transition: 0.3s;
    }
    .btn-gold:hover {
      background: #e6c777;
      color: #000;
    }


/* --------------------------------------Footer Start --------------------------------------  */
/* Footer Background */
    .footer-white-3d {
      background: linear-gradient(145deg, #ffffff, #f3f6fb);
      box-shadow: inset 0 6px 15px rgba(0,0,0,0.05);
      padding-top: 40px;
    }

    /* ✅ Only About LegalTry section gets 3D card */
    .footer-about-card {
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 6px 14px rgba(0,0,0,0.1);
      padding: 20px;
      transition: all 0.3s ease;
    }
    .footer-about-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 25px rgba(0,0,0,0.15);
    }

    /* Section titles */
    .footer-title {
      color: #0d1b3d;
      font-weight: 700;
      margin-bottom: 15px;
    }

    /* Links */
    .footer-links ul {
      padding-left: 0;
      list-style: none;
    }
    .footer-links ul li a {
      display: block;
      color: #333;
      font-size: 14px;
      margin-bottom: 8px;
      text-decoration: none;
    }
    .footer-links ul li a:hover {
      color: #0d1b3d;
      font-weight: 600;
    }

    /* Social icons */
    .footer-social a {
      display: inline-block;
      margin-right: 10px;
      font-size: 20px;
      color: #0d1b3d;
      transition: 0.3s;
    }
    .footer-social a:hover {
      color: #f4d35e; /* golden hover */
    }

    /* Footer bottom */
    .footer-bottom {
      border-top: 1px solid rgba(0,0,0,0.1);
      margin-top: 30px;
      padding: 15px 0;
      text-align: center;
      font-size: 13px;
      color: #333;
    }
    .text-navy { color: #0d1b3d !important; }

/* --------------------------------------FAQS Start --------------------------------------  */
/* Section */
  .faq-section {
    padding: 70px 0;
	background: linear-gradient(145deg, #ffffff, #f7f9fc, #edf1f7);
  }

  /* Card 3D Glass Effect */
  .faq-card {
    background: linear-gradient(145deg, #ffffff, #f5f7fb);
    border-radius: 18px;
    padding: 25px;
    box-shadow: 10px 10px 25px rgba(0,0,0,0.12), -6px -6px 20px rgba(255,255,255,1);
    transition: all .3s ease;
  }
  .faq-card:hover {
    transform: translateY(-8px);
    box-shadow: 14px 14px 35px rgba(0,0,0,0.15), -8px -8px 25px rgba(255,255,255,.9);
  }

  /* Accordion Buttons */
  .faq-accordion .accordion-button {
    font-weight: 600;
    color: #0a1128;
    background: transparent;
    padding: 1rem 1.25rem;
	font-size: 14px;
  }
  .faq-accordion .accordion-button:not(.collapsed) {
    color: #0d6efd;
    background: #eef4ff;
  }
  .faq-accordion .accordion-body {
    color: #444;
    font-size: 14px;
    line-height: 1.4;
  }

  /* Navy Blue Pill Icons */
  .pill {
    display:inline-flex; align-items:center; justify-content:center;
    width:32px; height:32px; border-radius:50%;
    margin-right:.6rem;
    background: #0a1128;  /* Dark Navy Blue */
    color:#fff; 
    font-size:16px;
  }


/* --------------------------------------test Gradient Start --------------------------------------  */


/* --------------------------------------test Gradient Start --------------------------------------  */