body{
font-family: "Poppins", sans-serif;
}


.container{
    max-width : 1320px !important;
    width: 100%;
    margin : 0 auto;
}

/*Header*/

.contact-details ul {
list-style: none;
display: flex;
gap: 20px;
padding: 0;
margin: 0;
}

section.top-bar {
background-color: #F41714;
padding: 8px 0;
}

.contact-details a {
color: white;
text-decoration: none;
font-size: 14px;
}

.contact-details img {
filter: brightness(0) invert(1);
width: 22px;
}

.icon-list ul {
list-style: none;
display: flex;
gap: 20px;
justify-content: end;
padding: 0;
margin: 0;
}

.icon-list i {
color: white;
}

.icon-list i:hover {transform: scale(1.1);transition: all .5s ease;color: black;}

.contact-details a img {
margin-right: 10px;
}

.contact-details .border {
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
padding-left: 20px;
}

a.nav-link {
font-family: "Prompt", sans-serif;
text-transform: uppercase;
color: black;
font-size:17px;
}

a.nav-link:hover {
color: #f41714;
font-weight:500;
}

ul.navbar-nav {
gap: 20px;
}

div#navbarNav {
justify-content: center;
}

.btn1 {position: relative;overflow: hidden;background-color: #f41714;color: white;padding: 15px 40px;border-radius:
30px;text-decoration: none;text-transform: capitalize;transition: color 0.4s ease;}
.btn1:hover{
color:white;
}

.btn1:hover i{
color: white;
z-index: 9;
position: relative;
}
.btn1::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: black;
z-index: 0;
transition: width 0.4s ease;
border-radius: 30px; /* Match button's border radius */
}

.btn1:hover::before {
width: 100%;
}

.btn1 span {
position: relative;
z-index: 1;
}

/*Hero-section*/

section.hero-section .swiper {
width: 100%;
}

section.hero-section .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
}

.hero-map img {
width: 100%;
}

.hero-text {

}

.hero-text small {
font-size: 16px;
color: white;
}

.hero-text h1 {
font-size: 75px;
line-height: 1.2;
margin: 0 0 20px 0;
color: white;
}

.highlight {
color: #E73D84;
}

@media (min-width:1400px){
.review {
margin: 15px 0;
position: absolute;
right: 0;
bottom: 77px;
}
}

.review-text p {
font-size: 20px;
}

.stars {margin-top: 5px;color: #ffc107;font-family: 'Poppins';font-weight: 200;font-size: 14px;line-height: 15px;}

.search-bar {display: flex;margin-top: 20px;background-color: #f41714;border-radius: 15px;width: 80%;font-family:
'Poppins';padding: 10px 0;height: 60px;}

.search-bar input {
padding: 15px;
border: none;
outline: none;
/* border-radius: 30px 0 0 30px; */
background-color: transparent;
color: white;
text-align: center;
}

.search-bar input:last-child {
border-radius: 0;
}

.search-bar button {
background: #f4171400;
border: none;
padding: 15px 20px;
border-radius: 0 30px 30px 0;
cursor: pointer;
color: white;
font-size: 18px;
display: flex;
align-items: center;
}


section.hero-section .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #999;
opacity: 1;
margin: 8px 0;
}

section.hero-section .swiper-pagination-bullet-active {
background: #f41714;
}

section.hero-section {
background-image: url(/images/hero-background.png);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
}

.row.fuild {
position: absolute;
width: 97%;
}

.hero-text {
position: relative;
z-index: 99;
font-family: "Playfair Display", serif;
}

.review-text {
color: white;
}

section.hero-section .form-control:focus {
/*color: #ffffff;*/
background-color: #ffffff00;
border-color: #86b7fe00;
outline: 0;
box-shadow: unset;
/* text-align: center; */
}

.search-bar button:hover {
background-color: transparent;
}

section.hero-section input.form-control::placeholder {
color: #fff; /* Change to your desired color */
}

input.bordered {
border-left: 1px solid white !important;
border-radius: 0;
}

section.hero-section span.swiper-pagination-bullet {
background-color: white;
opacity: 1;
}

section.hero-section span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #f41714;
}

section.hero-section .swiper-pagination {
width: 30px !important;
right: 0 !important;
left: unset !important;
bottom: 48% !important;
gap: 10px;
}

section.hero-section .swiper {
padding: 100px 0 !important;
}

.bottom-link {
text-align: right;
margin-right: 20px;
}

/* about */

#about h4, #process h4, #case-studies h4, #testimonial-section h4, #blogs h4 , section#newsletter h4 {color:
#F41714;font-family: 'Playfair Display';font-size: 22px;}

#about h2, #process h2, #case-studies h2, #testimonial-section h2, #blogs h2 , section#newsletter h2 {
font-family: 'Playfair Display';
color: #F41714;
font-size: 52px;
font-weight: 700;
}

#about p , #process p{
color: #868686;
margin-top: 20px;
font-weight: 400;
}

#about ul {
list-style: none;
padding: 0;
color: #f41714;
}

#about ul li {
margin-bottom: 10px;
font-weight: 500;
}

#about ul li i {
margin-right: 10px;
}

#about a.btn1 {/* position: relative; *//* top: 30px; */display: block;max-width: max-content;margin-top: 30px;}

p {
line-height: 28px;
font-weight: 300;
}

#about a.btn1 i {
margin-left: 10px;
}

section#about::before {
content: "";
position: absolute;
top: 5%;
right: 13%;
width: 150px;
height: 150px;
background: url('/images/shapeimage.png') no-repeat center center;
background-size: contain; /* or cover */
z-index: 999;
}

section#about::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 250px;
height: 210px;
background: url('/images/shapeImage1.png') no-repeat center center;
background-size: contain; /* or cover */
z-index: 999;
}

section#about {
background-image: url(/images/about-bg.png);
padding: 100px 0;
margin-top: 80px;
background-size: cover;
background-position: bottom left;
position:relative;
}

#about .col-md-6:nth-child(2) {
padding-left: 50px;
}


/*counter*/

.counter-container {
display: flex;
background-color: #f41714;
border-radius: 20px;
padding: 60px 40px;
justify-content: space-around;
width: 90%;
}

.counter-number {
color: white;
font-size: 36px;
line-height: 30px;
}

.counter-label {
color: white;
}

.counter-item {
display: flex;
align-items: center;
gap: 10px;
}

section#counter {
padding: 50px 0 80px 0;
}

section#counter .row {
justify-content: center;
}

/*lawyers*/

section#lawyers {
background-color: #f41714b8;
overflow: hidden;
padding: 50px 0;
}

#lawyers h4 {
color: #ffffff;
font-family: 'Playfair Display';
font-size: 22px;
}

#lawyers h2 {
color: white;
font-family: 'Playfair Display';
font-size: 50px;
letter-spacing: 5px;
}

#lawyers a.btn1 {
position: relative;
top: 30px;
width: max-content;
}

#lawyers .col-md-3 {
display: flex;
justify-content: center;
flex-direction: column;
background-color: #f75855;
position: relative;
z-index: 99;
}

#lawyers a.btn1 i {
margin-left: 10px;
}

#lawyers .box {
background-color: #f41714;
color: white;
text-align: center;
font-family: 'Playfair Display';
border-radius: 20px;
padding: 0 0px 5px 0px;
min-height: 410px;
}

#lawyers .box h3 {
margin-top: 10px;
text-transform: capitalize;
font-size: 24px;
}

#lawyers .box img {
border-radius: 20px;
border-radius: 20px;
height: 300px;
width: 100%;
object-fit: cover;
}

#lawyers .swiper-wrapper {padding-bottom: 80px;position: relative;}

#lawyers .swiper-slide {
text-align: center;
}

#lawyers .swiper-button-prev:hover:after {
filter: brightness(0) invert(1);
transition: .5s all ease;
}

#lawyers .swiper-slide a {
background-color: #000000;
top: 50px;
}

#lawyers .swiper-slide .btn1::before {
background-color: #f41714;
border-color: red;
}

#lawyers .swiper-slide a:hover {
background-color: #f41714;
transition: all 1s ease
}

#lawyers .swiper-button-next {
display: none;
}

#lawyers .swiper-button-prev {
background-color: white;
border-radius: 50%;
width: 60px;
height: 60px;
top: 37%;
left: -30px;
z-index: 99;
}

#lawyers .swiper-second {
position: relative;
/* padding-left: 20px; */
}

#lawyers .swiper-button-prev:after {
font-size: 22px;
font-weight: bolder;
color: grey;
filter: brightness(0);
transition: .5s all ease;
}

#lawyers .box p {
font-family: 'Poppins';
width: 90%;
margin: auto;
}

/* Process */

.step-container {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
}

.icon {
margin-right: 20px;
z-index: 1;
}

.icon img {
width: auto;
height: auto;
}

.step-text h2 {
color: #e30613;
margin: 0 0 10px;
}

.step-text p {
margin: 0 !IMPORTANT;
font-size: 16px;
color: #555;
}

.timeline {
position: relative;
/* padding-left: 50px; */
}

.dashed-line {
position: absolute;
top: 30px;
left: 28px;
bottom: 0;
width: 2px;
background-image: linear-gradient(#e30613 33%, rgba(255, 255, 255, 0) 0%);
background-position: right;
background-size: 2px 12px;
background-repeat: repeat-y;
height: 74%;
z-index: 0;
}

.steps h3 {
color: #F41714;
font-family: 'Playfair Display';
font-weight: 700;
}

.steps {
margin-top: 40px;
}

section#process {
background-color: #f5f5f5;
position: relative;
overflow: hidden;
padding: 100px 0;
margin-top: 80px;
}

section#process:before {
content: url(/images/shapeimage2.png);
/* width: 200px; */
/* height: 10%; */
position: absolute;
right: -50px;
transform: scale(.8);
bottom: -60px;
}

section#process:after {
content: "";
background-image: url(/images/process1.png);
position: absolute;
left: 0;
bottom: 10%;
/* Needed to cover horizontally */
/* Or set a specific height if needed */
background-position: center;
background-size: cover;
z-index: 1; /* Optional: Put it behind content */
width: 47%;
height: 80%;
background-repeat: no-repeat;
border-radius: 20px;
}

#process img.play-icon {
z-index: 99;
position: relative;
top: 40%;
left: 30%;
}

/*Case-Studies*/

.image1.gallery-img {
width: 24%;
}

.image2.gallery-img {
width: 31%;
}

.image3.gallery-img {
width: 24%;
}

.image4.gallery-img {
width: 16%;
}

.gallery-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 22px;
cursor: pointer;
}

.gallery-img img:hover {
transform: scale(1.1);
transition: all .5s ease;
overflow: hidden;
filter: brightness(0.5);
}

.gallery-img {
overflow: hidden;
border-radius: 22px;
padding: 0;
}

.image5.gallery-img {
width: 17%;
}

.image6.gallery-img {
width: 28%;
}

.image7.gallery-img {
width: 28%;
}

.image8.gallery-img {
width: 22%;
}

#case-studies .row.r1 , #case-studies .row.r2 {
gap: 18px;
margin-top: 18px;
}

#case-studies h2 {
text-align: center;
margin-bottom:30px
}

#case-studies h4 {
text-align: center;
}

section#case-studies {
padding: 100px 0;
}

/* Testimonial */

#testimonial-section .inner {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 30px;
border-radius: 20px 60px 20px 20px;
position: relative;
border-bottom: 5px solid #f41714;
}

#testimonial-section .swiper-slide {
padding: 15px;
}

.testimonial-header {
display: flex;
align-items: center;
gap: 15px;
}

#testimonial-section .name {
font-family: 'Playfair Display';
font-size: 22px;
color: #f41714;
font-weight: 600;
}

#testimonial-section .role {
color: grey;
font-size: 14px;
}

#testimonial-section .inner p {
color: grey;
font-weight: 400;
margin-top: 40px;
}

#testimonial-section span.quote-icon {
background-color: #8780801a;
width:100px;
position: absolute;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 60px 0 50px;
right: 0px;
top: 0;
}

.testimonial-header img {
width: 80px;
}

#testimonial-section .swiper.testimonial-swiper {
margin-top: 30px;
}

section#testimonial-section .container {
position: relative;
overflow: hidden;
}

#testimonial-section .swiper-button-next, #testimonial-section .swiper-button-prev {
background-color: #f41714;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
}

#testimonial-section .swiper-button-next:after, #testimonial-section .swiper-button-prev:after {
font-size: 20px;
}

#testimonial-section .swiper-button-prev , .blog-button-prev.swiper-button-prev {
left: unset !important;
right: 80px;
top: -15% !important;
}

#testimonial-section .swiper-button-next , .blog-button-next.swiper-button-next {
right: 20px !important;
top: -15% !important;
}

section#testimonial-section {
padding-bottom: 100px;
padding-top: 50px;
}

#testimonial-section .inner .stars {
font-size: 20px;
}

#testimonial-section .swiper.test-swiper {
overflow: visible !important;
margin-top: 20px;
}

/*FAQS*/

section#faqs {
background-color: #F6F5F5;
padding: 80px 0;
}

.faq-box {
background-color: #f41714;
color: white;
padding: 30px 150px;
border-radius: 15px;
width: 90%;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
}

.faq-box h3 {
font-family: 'Playfair Display';
text-align: center;
font-size: 40px;
}

.faq-box h4 {
font-family: 'Playfair Display';
margin-top: 30px;
width: 100%;
}

div#accordionExample {
background-color: transparent;
margin-top: 20px;
}

.faq-box .accordion-item {
margin-bottom: 20px;
border-radius: 5px !important;
}

.faq-box button.accordion-button {
color: #000000d4 !important;
font-weight: 600;
padding: 25px;
border-radius: 5px;
}

.faq-box .accordion-button:not(.collapsed) {
background-color: white;
border: 0 !important;
box-shadow: unset;
}

.faq-box .accordion-button::after {
rotate: -90deg;
color: red !important;
filter: brightness(0) saturate(100%) invert(22%) sepia(75%) saturate(6998%) hue-rotate(356deg) brightness(95%)
contrast(119%);
}

.faq-box .accordion-button:not(.collapsed)::after {
rotate: 0deg;
}

.faq-box a.btn1 {
background-color: #ffffff;
color: #f41714;
display: flex;
width: max-content;
align-items: center;
gap: 10px;
padding: 15px 20px;
}

.faq-box a.btn1:hover {
color: white;
background-color: black;
transition: all 1s ease;
}

div#accordionExample {
width: 100%;
}

.accordion-button:focus {
z-index: 3;
border-color: none;
outline: 0;
box-shadow: unset
}

/* Blogs */

#blogs .meta {
display: flex;
align-items: center;
gap: 8px;
}

#blogs .meta p {
margin: 0;
color: grey;
font-weight: 400;
font-size: 14px;
}

#blogs .meta.bordered {
border-right: 1px solid #80808047;
padding-right: 20px;
}

#blogs .meta-list {display: flex;gap: 20px;width: 90%;margin: 20px auto;}

.blog h2 {
font-size: 24px !important;
line-height: 32px;
width: 90%;
margin: auto;
font-weight: 700 !important;
}

.blog img {
width: 100%;
border-radius: 30px;
}

#blogs .meta img {
width: auto;
}

.blog .inner {
border: 1px solid #f41714;
border-bottom-width: 5px;
border-radius: 30px;
padding-bottom: 30px;
background-color: white;
}

.blog {
padding: 7px;
}

.blog-button-prev.swiper-button-prev , .blog-button-next.swiper-button-next {
background-color: #f41714;
width: 50px;
height: 50px;
border-radius: 50%;
}

#blogs .swiper-button-prev:after,
#blogs .swiper-button-next:after, .swiper-button-prev:after {
filter: brightness(0) invert(1);
font-size: 20px !important;
}

#blogs .swiper.blog-swiper {
overflow: visible;
margin-top: 40px;
}

#blogs .container {
overflow: hidden;
}

section#blogs {
padding: 80px 0;
background-color: #F5F5F5;
margin-top: 80px;
position: relative;
overflow: hidden;
}

section#blogs:before {
content: url(/images/shapeimage3.png);
position: absolute;
bottom: -30px;
transform: scale(.8);
left: -30px;
}
section#blogs:after {
content: url(/images/shapeimage4.png);
position: absolute;
bottom: -30px;
transform: scale(.8);
right: -30px;
}

.swiper-button-prev:hover , .swiper-button-next:hover {
background-color: black !important;
transition: all .5s ease;
}

/* Newsletter */

section#newsletter:before {content: "";position: absolute;background-color: red;width: 50%;height: 100%;z-index: -1;top:
0;}

section#newsletter h4 , section#newsletter h2 {
color: white;
}

section#newsletter {
position: relative;
padding: 50px 0;
}

section#newsletter input.form-control {
color: black;
height: 60px;
border-radius: 40px;
}

section#newsletter input.form-control::placeholder {
color: #0000004d;
}

#newsletter .col-md-6 {display: flex;flex-direction: column;justify-content: center;}

#newsletter h2 {
font-size: 40px !important;
}

#newsletter input.btn1 {
padding: 13px 30px;
border: 0;
position: absolute;
right: 5px;
top: 5px;
}

#newsletter form {
position: relative;
}

#newsletter .form-control:focus {
border: 1px solid red;
}

#newsletter .btn1:hover {
background-color: black !important;
transition: all .5s ease;
}

/*Footer*/


#footer h4 {
font-size: 24px;
font-weight: 600;
font-family: 'Playfair Display';
}

#footer ul {
padding: 0;
list-style-type: none;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
margin-top: 20px;
}

#footer ul li {
margin-bottom: 10px;
}

#footer ul li a:hover {
color: #ff0000;
}

#footer h5 {
font-size: 22px;
font-family: 'Playfair Display';
font-weight: 600;
}

#footer p {
font-weight: 400;
font-size: 16px;
text-align: center;
width: 80%;
margin-top: 30px;
margin-bottom: 30px;
}

#footer .center-col {
text-align: center;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}

#footer .center-col i {
color: white;
background-color: #1A3331;
padding: 12px;
border-radius: 50%;
width: 40px;
height: 40px;
margin: 3px;
}

#footer .center-col i:hover {
background-color: #ff0000;
transform: scale(1.05);
transition: all .5s ease;
}

.icon-div i , .total i {
background-color: #ff0000;
color: white;
width: 50px;
height: 50px;
/* padding: 17px; */
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}

#footer small {
font-weight: 400;
font-size: 16px;
width: 100%;
display: block;
}

#footer .icon-with-text {
display: flex;
gap: 15px;
margin-bottom: 25px;
}

#footer a {
color: black;
text-decoration: none;
}

section#copyright {
background-color: #ff0000;
text-align: center;
color: white;
font-size: 15px;
padding: 15px;
}

section#copyright p {
margin: 0;
}

#footer .left-col {
display: flex;
flex-direction: column;
align-items: end;
}

section#footer {
padding: 100px 0;
/* background-color: #f5f5f5; */
border-top: 1px solid #8080803d;
}


/*Dashboard*/

.personal-info {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding-bottom: 30px;
}

.personal-info h4 {
font-size: 24px;
font-weight: 600;
}

.personal-info h5.designation {
font-size: 16px;
font-weight: 400;
color: grey;
}

.personal-info h6.case-add {
background-color: #00800036;
color: green;
padding: 10px;
border-radius: 30px;
width: fit-content;
font-size: 14px;
}

i.fa-solid.fa-pen-to-square.edit {
position: absolute;
right: 30px;
color: grey;
font-size: 20px;
top: 30px;
}

.connections i, .experience i, .total .icon-with-text i {
border-radius: 10px;
width: 40px;
height: 40px;
}

.connections h5 {font-size: 12px;color: grey;font-weight: 400;margin-bottom: 2px;}

.connections h3 {
font-size: 20px;
}

.connections .r1 , .connections .r2 {
display: flex;
gap: 20px;
margin-top: 20px;
}

.connections .icon-with-text {
display: flex;
gap: 15px;
width: 50%;
flex-wrap:wrap;
}

.connections {
border-top: 1px solid lightgrey;
padding: 20px 0 30px;
}

.experience {
border-top: 1px solid lightgray;
padding: 30px 0 30px;
}

.experience h4 {
font-size: 24px;
}

.experience .icon-with-text {
display: flex;
gap: 15px;
}

.experience h3 {
font-size: 16px;
font-weight: 600;
}

.experience h6 {
color: grey;
font-weight: 400;
font-size: 13px;
}

.experience p {
font-weight: 400;
font-size: 15px;
line-height: 22px;
margin-top: 20px;
}

.enhanced .box {
background-color: #ff0000;
color: white;
padding: 10px 30px 50px 30px;
border-radius: 20px;
}

.enhanced .btn2 , .summary .btn2 {
border-radius: 10px;
background-color: white;
color: #ff0000;
font-weight: 600;
padding: 16px 20px;
text-decoration: auto;
top: 10px;
position: relative;
}

.enhanced p {
font-weight: 400;
}

.enhanced a.btn1:hover {
color: #fc0000 !important;
}

.enhanced .btn2:hover {
background-color: black;
color: white;
transition: .5s all ease;
}

.left-sidebar {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 50px 20px;
position: relative;
background-color: white;
margin: 10px 0;
border-radius: 15px;
}

body.dashboard {
background-color: #F5F5F5;
}

.enhanced h3 {
font-size: 24px;
}

.legend-dot {
height: 12px;
width: 12px;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
}

canvas#applicationsChart {background-color: transparent;width: 50% !important;height: 50% !important;z-index: 9;}

.total {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;background-color: #ff00002e;border-radius: 15px;display:
flex;flex-wrap: wrap;padding: 0px 20px 20px 20px;column-gap: 20px;row-gap: 20px;position: relative;}

.dashboard .col-md-6 {
/* padding: 5px; */
/* margin: 0px; */
}

.total .icon-with-text {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}

.total .w-50 {width: 45% !important;/* margin-top: 20px; */}

.total h6 {font-size: 12px;font-weight: 500;}

.percent p {
font-size: 12px;
font-weight: 300;
margin: 0;
}

.percent i {
background-color: unset;
width: unset !important;
height: unset !important;
display: unset;
}

.percent h6 {
background-color: white;
border-radius: 5px;
width: max-content;
padding: 3px;
color: green;
margin: 0;
font-size: 12px;
}

.percent h6 i.danger {
color: red;
}

.percent h6 i {
color: green;
}

.percent {
display: flex;
flex-direction: column;
align-items: end;
}

.total h3 {
font-weight: 600;
font-size: 30px;
}

.total:after {
content: "";
position: absolute;
background-color: #fff4f4;
width: 92%;
height: 2px;
left: 4%;
top: 52%;
}

.summary {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 15px;
padding: 20px;
height: 100%;
background-color: white;
}

.summary h4 {
font-size: 18px;
font-weight: 600;
}

.summary .text-with-btn {
display: flex;
justify-content: space-between;
align-items: center;
}

.summary a.btn2 {background-color: #ff0000;color: white;padding: 10px 10px;font-weight: 500;top: 0;font-size: 12px;}

.round-chart {
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}

.round-chart h3.fw-bold {position: absolute;left: 18%;top: 36%;}

.round-chart p {position: absolute;left: 14%;top: 50%;font-size: 14px;z-index: 0;}

.round-chart ul li {
font-size: 14px;
color: grey;
}

.chart-card {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 15px;
background-color: white;
padding: 20px;
}

.chart-card button.nav-link.active{
background-color: #ff0000;
}

.chart-card ul#viewTabs {
background-color: #f2f2f294;
border-radius: 5px;
}

.chart-card button.nav-link {
color: grey;
}

.row.inner-row {
margin-top: 10px;
margin-bottom: 25px;
}


.upcoming-hearings .hearings h3 {
margin-bottom: 15px;
font-size: 20px;
font-weight: 600;
}

.upcoming-hearings table {
width: 100%;
border-collapse: collapse;
}

.upcoming-hearings th,
.upcoming-hearings td {
text-align: left;
padding: 12px 0;
font-weight: 300;
border-bottom: 1px solid #8080801c;
color: #636363;
font-size: 14px;
}

.upcoming-hearings th {
font-weight: 300;
color: grey;
font-size: 16px;
}

.upcoming-hearings .calendar {
/* flex: 1; */
/* text-align: center; */
width: 50%;
}

.upcoming-hearings .calendar-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
font-weight: bold;
border-bottom: 2px solid #8080801a;
padding-bottom: 10px;
}

.upcoming-hearings .calendar-header button {
background: none;
border: none;
font-size: 20px;
cursor: pointer;
}

.upcoming-hearings .calendar-header span {
font-weight: 400;
font-size: 18px;
color: grey;
}

.upcoming-hearings .calendar-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 10px;
}

.upcoming-hearings .day,
.upcoming-hearings .weekday {
padding: 10px;
border-radius: 50%;
font-size: 14px;
}

.upcoming-hearings .weekday {
font-weight: 400;
color: black;
}

.upcoming-hearings .day.today {
background: red;
color: white;
font-weight: bold;
width: 45px;
height: 45px;
}

.upcoming-hearings .day {
color: black;
font-size: 15px;
text-align: center;
}

.upcoming-hearings {
display: flex;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
background-color: white;
border-radius: 15px;
padding: 20px;
margin-top: 25px;
}

.hearings {
width: 50%;
}

@media (max-width : 1600px){
.upcoming-hearings .day, .upcoming-hearings .weekday {
padding: 5px;

}
}

.right-sidebar .search-bar {
display: block;
/* align-items: center; */
margin-bottom: 20px;
background-color: transparent;
width: 100% !important;
margin-top: 0 !important;
}

.right-sidebar .search-bar input {
/* flex: 1; */
padding: 10px;
/* border: 1px solid #ccc; */
border-radius: 8px;
width: 85%;
text-align: left;
background-color: white;
color: black;
}

.right-sidebar .search-bar button {
background: red;
color: white;
border: none;
padding: 10px 12px;
margin-left: 10px;
border-radius: 8px;
cursor: pointer;
}

.right-sidebar .card {
background: white;
border-radius: 12px;
padding: 15px;
margin-bottom: 15px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
border: 0;
}

.right-sidebar .card-header {
display: flex;
align-items: center;
margin-bottom: 10px;
}

.right-sidebar .card-header .icon {
width: 40px;
height: 40px;
background: #f2dede;
border-radius: 10px;
margin-right: 10px;
}

.right-sidebar .card-header .title {
font-weight: bold;
}

.right-sidebar .card-header .location {
font-size: 12px;
color: gray;
}

.right-sidebar .tags {
display: flex;
gap: 10px;
margin: 10px 0;
}

.right-sidebar .tag {
background: #eee;
padding: 5px 10px;
border-radius: 8px;
font-size: 12px;
}

.right-sidebar .description {
font-size: 14px;
color: #444;
margin-bottom: 10px;
}

.right-sidebar .fees {
font-weight: bold;
color: red;
margin-bottom: 10px;
display: flex;
align-items: center;
ali'cve:';
justify-content: space-between;
}

.right-sidebar .consult-btn {
background: red;
color: white;
border: none;
padding: 8px 14px;
border-radius: 8px;
font-size: 14px;
cursor: pointer;
}

.right-sidebar .notification-section {
background: white;
border-radius: 12px;
padding: 15px;
margin-top: 20px;
}

.right-sidebar .notification-section h4 {
margin-top: 0;
margin-bottom: 10px;
}

.right-sidebar .notification {
display: flex;
align-items: start;
margin-bottom: 15px;
}

.right-sidebar .notification .icon {
width: 60px;
height: 40px;
background: #e7f1ff;
border-radius: 8px;
margin-right: 20px;
display: flex;
align-items: center;
justify-content: space-evenly;
}

.right-sidebar .notification .text {
font-size: 13px;
color: #333;
}

.right-sidebar .timestamp {
font-size: 11px;
color: gray;
margin-top: 2px;
}

.right-sidebar .section-label {
font-size: 12px;
font-weight: bold;
margin-top: 15px;
color: #777;
margin-bottom: 20px;
}

.right-sidebar .search-bar form {
display: flex;
justify-content: space-between;
}

.right-sidebar .fees h6 {
color: grey;
font-weight: 300;
}

.notification i.fa-solid.fa-download , .notification i.fa-solid.fa-circle-check {
color: #006aff;
}

.notification i.fa-solid.fa-user , .notification i.fa-solid.fa-envelope-open{
color: green;
}


/*Register*/

.register {
max-width: 700px;
margin: 40px auto;
padding: 20px;
}

.register .note {
font-size: 12px;
color: #888;
margin-top: -10px;
margin-bottom: 10px;
text-align: right;
}

.register .login {
text-align: center;
font-size: 14px;
font-weight: 500;
}

.register .login a {
color: #e60000;
text-decoration: none;
}

.register button {
background-color: #e60000;
color: white;
padding: 14px;
border-radius: 10px;
width: 80% !important;
margin-left: 10%;
}

.register button:hover {
background-color: #000000;
color: white;
transition: all .5s ease;
}
.register h2 {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}

.register .input-group {
height: 50px;
}

.register .form-check {
width: 80%;
text-align: center;
margin: auto;
}

.register input#terms {padding: 10px;}

.register a {
color: black;
font-weight: 600;
text-decoration: auto;
}

.register span.input-group-text {
border-radius: 10px;
background-color: transparent;
border-right: 0 !important;
}

.register input.form-control {
border-radius: 10px;
border-left: 0;
}

.register span.input-group-text i {
color: grey;
}

.register .form-control:focus {
box-shadow: unset;
border-color: #80808047;
}

a.login-logo {
    position: absolute;
}





body{
   
    font-weight : 400;
}


body.profile h2{
     font-family: "Playfair Display", serif;
    font-size: 54px;
     line-height: 54px;
      font-weight : 700;
    
}

body.profile p{
    
    color: #000;
    font-weight : 400;
}


section.login-banner:after {
    content: "";
    background-image: url(/images/login-bg.png);
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-position: right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index:-1;
}

.login-banner{
    position: relative;
    min-height: 100vh;

}


.remember-link label {
    margin-top: 5px;
}


.login-box{
    margin : 0 100px;
    font-family : "Inter";
}

.login-box h4{
    font-size : 28px;
    font-weight : 700;
    line-height : 38px;
    color: #0F172A;
    
}

.login-box p{
    font-size : 16px;  
    line-height : 24px;
    color : #64748B;
    
}

.login-box input{
    min-height : 60px;
    padding-left: 50px;
    border: 1px solid #E2E8F0 ;
    border-radius : 12px;
    margin-bottom : 16px;
}

.login-box input:focus{
   box-shadow : none;
   border-color : #000 ;
}

.login-box input[type="checkbox"] {
  min-height : auto ;
   width : 24px;
   height : 24px;
   margin-right : 12px;
   padding-left: unset;
}


.login-box input[type="checkbox"]:checked {
    background-color: #F41714;
    border-color: #F41714;
}

.login-box button[type="submit"] {
   height : 56px;
   background-color : #F41714;
   font-size : 16px;
   font-weight : 700;
   margin-bottom : 40px !important;
    border-radius : 12px;
}


.social-links-wrap {
    display : flex;
    gap : 20px;
    margin-bottom : 34px;
    margin-top: 30px;
}

.social-links-wrap button {
    width : 50%;
    height: 56px;
    border-radius : 12px;
    border : 1px solid #E2E8F0;
    background-color : #fff;
    display: flex ;
        justify-content: center;
        align-items: center;
        gap: 10px;

        color: #0F172A;
        font-weight: 600;
    

}

.social-links-wrap button:hover {
    border-color : #000;

}

a.forgot-link {
    color : #F41714;
    font-weight : 700;
    text-decoration: none;
}

p.no-acc {
    color : #0F172A
}
p.no-acc a{
    color : #F41714;
    text-decoration : none;
    font-weight : 700;
}

.input-wrap {
    position : relative;
    
}

.input-wrap span {
    position : absolute;
    left : 15px;
    top : 50%;
    transform: translate(0, -50%);
}
.input-wrap span i {
   font-size : 22px;
}

.login{
    background-image: url('imgaes/Shape\ Image.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}


/* find lawyer */

.find-lawyer-banner{
    min-height: 700px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content:center ;
    align-items: center;
    background: url(/images/lawyer-banner.png) no-repeat center center / cover;
    margin-bottom : 100px;
}


section.find-lawyer-banner h2{
    color: white;
    font-weight : 700;
    font-family: "Playfair Display", serif;
    font-size : 72px;
    line-height: 84px;
    margin-bottom : 40px;
}

section.find-lawyer-banner a{
   
     display: block;
    max-width: 489px;
    width: 100%;
    margin: 0 auto;
}

img.bottom-arrow {
    position :absolute;
    bottom : 0;
    right : 40px
}


section.expertise {
    padding : 50px 0;
    background: url(/images/expertise-bg.png) no-repeat center center / cover;
    margin: 100px 0;
     position: relative;
    
}

section.expertise::after {
      content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 250px;
    height: 210px;
    background: url(/images/shapeImage1.png) no-repeat center center;
    background-size: contain;
    z-index: 999;
}



section.expertise h4 {
   font-size : 20px;
   line-height : 26px;
   color : #F41714;
   font-family: "Playfair Display", serif;
   font-weight : 500;
}

section.expertise h2 {
   font-size : 50px;
   line-height : 60px;
   color : #F41714;
   font-family: "Playfair Display", serif;
   font-weight : 700;
   margin : 20px 0;
}


section.expertise p {
  
   color : #868686;
   font-weight : 400;
   margin-bottom : 50px;
  
}

section.sign-up .container.container-small {
    max-width : 1160px;
}


section.sign-up h2 {
    font-size : 60px;
    line-height : 70px;
    font-weight : 600;
    color: white;
    font-family : "Urbanist";
    margin-bottom : 24px;
}

section.sign-up p {
    font-style : italic;
    color: white;
    font-family : "Urbanist";
  
}


section.sign-up a.btn1 {
    display : flex;
    justify-content: center;
    align-items : center;
    max-width : 250px;
    border-radius : 12px;
    margin-top : 30px;
}

section.sign-up a.btn1::before {
  
    border-radius : 12px;
}


section.sign-up .row {
        background: url(/images/sign-up-bg.png) no-repeat center center / cover;
      
        padding : 0 30px;
        border-radius : 20px;
        margin-bottom : 100px;
         color: white;
         min-height : 480px;
         padding-top: 50px;
          position : relative;
       
}
section.sign-up .row img{
    position : absolute;
    width: 46% !important;
    bottom : 0;
    right : 0;
}

section.sign-up .row .content-col{
    padding-right : 50px !important;
}


/* profile page */


section.profile-banner {
    margin-top : 50px;
}

img.user-img{
    border : 3px solid #F41714;
}

button.profile-btn {
    border-radius : 30px;
    border : 1px solid #E2231A;
    padding : 12px 34px;
    font-weight : 700;
    color : #000;
    background-color : transparent;
    transition : all 0.4s ease;
    min-width: 220px;
}

button.profile-btn:hover {
  
    color : #fff;
    background-color : #E2231A;
    
}

ul.profile-btns {
    padding : 0;
    
}

ul.profile-btns li {
    list-style : none;
    margin-bottom : 20px;
    
}

ul.profile-btns li i {
   margin-right: 10px
    
}

section.profile-banner h2{
    font-size : 44px;
    line-height: 44px;
    font-family: "Playfair Display", serif;
    color : #000;
    font-weight : 700;
    
}

section.bio {

    margin : 100px 0;
}

section.bio a {
    text-decoration : none;
    color : #06357A;
    font-weight : 700;


}


.badges h5{
    color : #1A1A1A;
    font-weight : 700;
    font-size : 24px !important;
    
    
}

section.profile-banner h5{
    color: #000;
    font-weight: 700;
    font-size : 16px
}

ul.info-list {
    margin-top : 15px;
   padding : 0;
}

ul.info-list li {
   list-style : none;
   margin-bottom : 10px;
}

ul.info-list li img {

   margin-right : 15px;
}

section.profile-section-3 .row{
    margin-bottom : 80px;
}


section.profile-section-3 h6{
    font-weight : bold;
     margin-bottom : 3px;
}

section.profile-section-3 p{
    margin-bottom : 3px;
}

p.para-light {
    color : #6C6C6C;
    font-size : 14px;
    line-height : 14px;
}



/*AD*/

section#ad h2 , #ad h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    font-family: "Inter";
}

section#ad label.form-label {
    font-weight: 600;
}

#ad .row.duration {
    border: 0.5px solid #000;
    border-radius: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 40px 20px;
    margin: 0;
    margin-bottom: 50px;
}

#ad .row.duration .form-label {
    margin-top: 20px;
}


#ad .row.location {
    margin: 0;
    padding: 40px 20px;
    margin-bottom: 50px;
    border: 0.5px solid #000;
    border-radius: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#ad .row.location .form-label {
    margin-top: 20px;
}

#ad input.form-control {
    height: 50px;
     border : 0.5px solid #000;
    border-radius : 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#ad .form-section {
    padding-right: 50px;
}

#ad .preview-section {
    padding-left: 50px;
}

.preview-card {
    display: flex;
    gap: 20px;
    align-items: start;
    margin:30px 0;
}

#ad h5.name {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 24px;
}

#ad p.designation {
    font-size: 20px;
    font-family: 'Playfair Display';
    font-weight: 600;
    color: #454545;
}

#ad p.number {
    font-size: 16px;
    font-weight: 600;
    color: #454545;
}

#ad .body-box p {
  
    padding: 20px;
    margin-top: 10px;
    border: 0.5px solid #000;
    border-radius: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.f-description{
     border: 0.5px solid #000;
    border-radius: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    min-height : 85px !important;
 
}

.f-description:focus {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    border-color : #000;
}


#ad input[type="range"]::-webkit-slider-thumb {
  
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  box-shadow: none !important;
}


    



.view-profle {justify-content: space-around;gap: 20px;}



.view-profle .btn{
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px;
    font-family: 'Inter' ;
    font-weight: 700 ;
    color: #F41714;
    background-color: transparent;
    border : 1px solid black;
    transition : all 0.4s ease;
    padding: 10px 14px ;
    width: 100%;
     border-radius: 10px;

}

.view-profle .btn:hover{
  
    color: white;
    background-color: #F41714;
    

}


#ad button.btn.btn-publish {
    width: 80%;
    background-color: #00FF4C;
    padding: 15px;
    border-radius: 10px;
    color: white;
    margin-top: 50px;
    margin-left: 10%;
    color: #000;
    font-family: 'Inter';
    font-weight: 700;
}

#ad img.logo {
    padding: 30px;
}

section#ad {
    background-image: url(/images/login-bg.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-size: 50% auto;
}


/*Payment*/


.payment h4 {
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
}

.payment .input-group {
    border-radius: 10px;
    height: 50px;
}

.payment label {
    font-size: 16px;
    font-weight: 300;
}

.payment-methods img {
    width: 80px;
    border: 2px solid #80808052;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
    height: 50px;
    object-fit: contain;
    background-color: white;
}

.payment-methods {
    gap: 20px;
}

.payment .wrapper {
    border-radius: 40px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    
    background-color: white;
}
.payment .wrapper .inner-wrapper{
   
    padding: 40px 40px 0px 40px;
    
}

.payment .wrapper label {
    font-size: 18px;
    font-weight: 400;
}

.payment .wrapper .input-group {
    border-radius: 10px !important;
}

.payment span.input-group-text i {
    color: #545454;
}

.payment span.input-group-text {
    border-radius: 10px;
}

.payment input.form-control {
    border-radius: 10px;
}

.payment .wrapper button {
    background-color: #F41714;
    padding: 20px;
    border-radius: 0px;
    margin-top: 20px;
    border:none;
}

.payment h5 {
    text-align: center;
    text-transform: capitalize;
}

.payment-container {
    padding: 20px;
}

.payment p.small.text-muted {
    font-weight: 500 !important;
    margin-top: 20px !important;
}

.payment label.form-check-label {
    font-weight: 500;
    color: black;
}

.payment label.form-check-label a {
    color: black;
}

.payment button.btn.submit-btn {
    background-color: #47c047;
    width: 80% !important;
    padding: 18px;
    color: white;
    margin-left: 10%;
}

.payment .terms {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.payment  .button-wrapper {
    border-radius: 0px 0 40px 40px;
    overflow: hidden;
}

/*Contact*/

.form-floating input {
    border-radius: 10px;
}

button.btn.btn-primary.btn-lg.rounded-pill {
    background-color: #F41714;
    border: 0;
    border-radius: 10px !important;
    font-family: 'Poppins';
    font-size: 16px;
    padding: 16px;
}