:root {
    --default: {{env("DEFAULT_COLOR","#171447")}};
}

.rhead{
   color: var(--default);
}

.logo {
width: 120px;
}
.box-container {
background-color: #ffffff;
padding: 2.5rem 1.5rem 0.5rem;
margin: 0 auto;
z-index: 1;
}
/* .btn-outline-secondary{
    color: #fff !important;
    border-color: #7a828a !important;
 } */

 .navbar-green {
    background-color: var(--attorney-color);
    color:#fff;
 }


 .socialm {
     border-radius:10rem;
     border:1px solid #7a828a;
     color: #a7abb1;
    display: block;
    line-height: 1.4;
    padding: 0.3rem;
    transition: background .1s ease-in-out,color .1s ease-in-out;
    margin:0 0.2rem;
 }
 .socialm img {
     border-radius: 50%;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 20px;
 }
 /* Styles for the main section container */
.section-container {
    display: flex; /* Display content in a row */
    flex-wrap: wrap; /* Allow content to wrap to the next row on smaller screens */
}

/* Styles for the box container (main content) */
.box-container, .ts2 {
    max-width: 1200px; /* Set your desired maximum width value */
    width: calc(100% - 14rem); /* Adjust the width to leave space for padding */
}

.box-container {
    background-color: #ffffff;
    /* padding: 3.5rem 2.5rem 1.5rem; */
    margin: 0 auto;
    z-index: 1;
}

/* section.container{
    margin-top: 0px !important;
} */

/* Media query for mobile devices */
@media (max-width: 768px) {
    .box-container {
        padding-top: 7rem !important;
        /* padding: 1.3rem !important;  */
        /* Adjust padding for mobile */
        width: calc(100% - 5rem); /* Adjust the width to leave space for padding */
    }
    .group-162807-1,
    .overlap-group10-1 {
        margin-top: 1rem; /* Add spacing between logo and contact information */
    }.covercontainer {
    padding:0px 20px !important;}
}
/* Cover container styles */


/* Background overlay styles */
.cover-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

/* Cover title styles */
.cover-title {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600;
    font-size: 40px;
    z-index: 1;
    position: relative;
    color:#f1f1f1;
}

/* Cover text styles */
.cover-text {
    z-index: 1;
    position: relative;
    max-width: 1200px !important;
    margin: 0 auto;
    color: #fff;
}

/* Media query for screens 768px wide and below */
@media (max-width: 768px) {
    /* Adjust the font size for smaller screens */
    .cover-title {
        font-size: 32px;
    }

    .cover-text {
        font-size: 16px;
    }

    .covercontainer{
        opacity: 0.7;
        background-color: rgba(50, 72, 122, 0.5);
    }
}

.covercontainer {
    width: 100%;
    /*height:650px; *//* Set your desired fixed height */
    height:525px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

/* Default styles for larger screens */
.covercontainer2 {
    /* background-image: url('https://images.squarespace-cdn.com/content/v1/5079f3f884ae362b5e77c4d0/1350179510429-2CNAGM7QM2RUWUYMVKCN/Background.jpg'); */
    color: #fff !important;
}
.covercontainer2, .cover-container2 {
    display: block !important;
    height: auto !important;
    position: relative;
    background-position: top center;
    background-size: cover;
    padding: 10% !important;
}
.cover-container2 {
    background-image: url('legalcom/img/fadelylaw-desk.jpg?fit=1920%2C1080&ssl=1');
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/* Overlay styles */
.background-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

/* Pricing box styles */
.pricing-box {
    background: var(--attorney-color);
    z-index: 1;
    position: relative;
    max-width: 400px !important;
    margin: 0 auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10%;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

/* Pricing title styles */
.pricing-title {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600;
    font-size: 40px;
    z-index: 1;
    position: relative;
    color: #fff !important;
}

/* Pricing plan styles */
.pricing-plan {
    font-weight: 400;
    font-size: 32px;
    z-index: 1;
    position: relative;
    color: #fff !important;
}

/* Price styles */
.price {
    font-weight: 900;
    font-size: 26px;
    z-index: 1;
    position: relative;
    color: #f1f1f1 !important;
}

/* Features list styles */
.features {
    list-style: none;
    color: #fff;
    padding: 0 !important;
    margin: 0 !important;
}
.card-header {
    /* background-color:  rgba(255, 255, 255, 0.5); */
    background-color: var(--attorney-color) !important;
    color: #fff;
}
/* Plan description styles */
.plan-description {
    color: #fff;
}

/* Full-width button styles */
.full-width-button {
    /* Add your button styles here */
    width: 100%;
}

/* Media query for screens 768px wide and below */
@media (max-width: 768px) {
    /* Adjust the padding for smaller screens */
    .covercontainer2 {
        padding: 5%;
    }
.pricing-box {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    padding:20px !important;
}
    /* Adjust the font size for smaller screens */
    .pricing-title {
        font-size: 32px;
    }

    .pricing-plan {
        font-size: 24px;
    }

    .price {
        font-size: 20px;
    }
}

.covercontainer img {
    display: block;
    width: 100%;
    height: auto;
    /* opacity:0.3; */
    position: relative; /* Ensure the image is on top of the overlay */
}
/* Ensure the container is positioned relative */
.covercontainer .ts {
    position: relative;
}

/* Add an overlay to the testimonial section */
.covercontainer .ts::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 72, 122, 0.5); /* Adjust the color and opacity as needed */
    pointer-events: none; /* Allows clicks to pass through the overlay */
}

/* Style the background image */


/* Adjust the positioning of the testimonial section */
.covercontainer .ts .testimonial {
    position: absolute;
    top: 50%;
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%);
    text-align: left; /* Align the text to the left */
    color: #fff;
}

/* Style the star rating */
.covercontainer .ts .testimonial .rating {
    font-size: 28px;
}

.covercontainer .ts .testimonial .star {
    color: #ffd700; /* Gold color for stars */
}

/* Style the client's photo and make it round */
.covercontainer .ts .testimonial .client-photo img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
}

/* Testimonial text styles */
.covercontainer .ts .testimonial h1 {
    color: #efefef !important;
    font-size: 36px; /* Adjust the font size as needed */
    font-family: 'Playfair Display', serif !important;
    font-weight: 600;
}

.covercontainer .ts .testimonial p {
    color: #efefef !important;
    font-size: 16px; /* Adjust the font size as needed */
    font-weight: 400;
}

/* Client Info Styles */
.covercontainer .ts .testimonial .client-details {
    display: flex;
    align-items: center; /* Vertically center the content */
    margin-top: 20px; /* Adjust the margin as needed */
}

.covercontainer .ts .testimonial .client-photo {
    width: 100px; /* Adjust the width as needed */
    height: 100px; /* Adjust the height as needed */
    border-radius: 50%; /* Make it round */
    margin-right: 20px; /* Adjust spacing between photo and info */
    overflow: hidden; /* Hide any overflow from the photo */
}

.covercontainer .ts .testimonial .client-photo img {
    width: 100%; /* Make the image fill the container */
    height: auto; /* Maintain aspect ratio */
    display: block;
}

.covercontainer .ts .testimonial .client-info {
    flex-grow: 1; /* Expand to fill available space */
}

.covercontainer .ts .testimonial .client-name {
    color: #fff !important;
    font-size: 20px; /* Adjust the font size as needed */
    font-weight: 600;
}

.covercontainer .ts .testimonial .client-title {
    color: #efefef !important;
    font-size: 14px; /* Adjust the font size as needed */
    font-weight: 400;
    margin-top: -10px !important;
}

/* Media query for screens 768px wide and below */
@media (max-width: 768px) {
    /* Adjust testimonial font sizes for smaller screens */
    .covercontainer .ts .testimonial h1 {
        font-size: 28px;
    }

    .covercontainer .ts .testimonial p {
        font-size: 14px;
    }

    .covercontainer .ts .testimonial .client-name {
        font-size: 16px;
    }

    .covercontainer .ts .testimonial .client-title {
        font-size: 12px;
    }
    /* Ensure the container is positioned relative */
.covercontainer .ts {
    position: absolute !important;
}
.covercontainer .ts .img {
    display: block; background-position: top right; /* Adjusted to show right side of the image */
    background-size: cover;
    height: auto;
    opacity: 0.3;
    position: relative; /* Ensure the image is on top of the overlay */
}
}



.request-call-back-2, .navbar-collapse ul{min-width:200px;}
    .d-nonee {
    }
    @media (min-width: 769px) {
        .covercontainer .ts .img {
    display: block;
    max-width: 100%;
    height: auto;
    opacity: 0.3;
    position: relative; /* Ensure the image is on top of the overlay */
}
        .logo {
            width:180px;
        }
        .group-162807-1 {
        font-size:0.8rem; word-wrap: normal;
    }
.wp-4 {
    padding-top:2rem;}
}
    .group-162807-1 {width:400px !important;}
    .coverbuttons .btn-primary {
    border: 1px solid #171447 !important;
    color: #fff !important;
    background-color: #171447 !important;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.coverbuttons .btn-outline-primary {
    border: 1px solid #fff !important;
    color: #fff !important;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.coverbuttons .btn-primary:hover {
    background-color: #fff !important;
    color: #171447 !important;
    border: 1px solid #171447 !important;
}

.coverbuttons .btn-outline-primary:hover {
    background-color: #171447 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
@media (max-width: 768px) {
    .group-162807-1 {
        text-align:center;
        font-size:1rem; word-wrap: normal;
    }
    .logo {
    /* width: 100% !important; */
    display: block; /* Make it a block-level element */
    margin: 50px auto 0; /* Center horizontally */
}
    .menu-box {
        width: 90%;
        max-width: 300px;
        padding: 15px;
    }
    .d-nonee {
        display:none !important;
    }
}
h1 {font-size:2.5rem;
    color:#000 !important; font-family: "Merriweather", Helvetica !important;
}
        .vertical-image {
            /* Example vertical image styles */
            width: 100%;
            max-height: 317px; /* Adjust the height as needed */
            object-fit: cover; /* Maintain aspect ratio and cover the container */
        }

        .horizontal-image {
            /* Example horizontal image styles */
            width: 100%;
            max-height: 150px; /* Adjust the height as needed */
            object-fit: cover; /* Maintain aspect ratio and cover the container */
        }/* Assuming you have a class "full-width-button" to target this specific button */
        @media (min-width: 768px){
            .coverbuttons{
                margin-left:12rem !important;text-align:left !important;
            }


        }
.full-width-button {
            width: 100%;
            background-color: #171447;
            color: white;
            padding: 10px 25px; /* Add padding to adjust button height and spacing */
            border: none; /* Remove default button border */
            cursor: pointer;
            justify-content: space-between; /* Align content to the start and end */
            align-items: center; /* Center vertically */
            text-align: left; /* Align text to the left */
            border-radius:25px;
        }

        /* Optional: Add hover effect */
        .full-width-button:hover {
            background-color: var(--attorney-color);
        }
        /* Style for the arrow icon */
        .arrow-icon {
            margin-left: 10px; /* Add space between text and icon */
            font-size: 18px; /* Adjust icon size as needed */
        }
        .why {
            padding-left:0.5rem !important;
        }
.custom-bullet {
    list-style-type: none;
    background-image: url('https://wmtxlaw.legalgen.com/platinum/img/fi-5290065-6.svg');
    background-size: 40px 70px; /* Set the width to 20px and auto for the height */
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px !important;
    margin-bottom: 20px;
}
.custom-bullet h3{
    padding: none;margin:none;color:#000;
}
/* .card {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
} */
/* .card-header, .card-body, .list-group-item {
    color: #000 !important;
} */
.card-title {
    color: #efefef !important;
}
 /* .card-header
 {
    background:#000;
} */
 .card-body, .list-group-item {
    background-color: #fff !important;
    color: #000 !important;
}
.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust color and opacity as needed */
    z-index: 1; /* Ensure the overlay is above the image */
}

.button-container {
    position: absolute;
    top: 40%;
    left: 20%;
    transform: translate(-40%, -40%);
    z-index: 2; /* Place the buttons and text above the overlay */
}
.navbar-nav .nav-item {
    display: inline-block; /* Ensure list items are inline */
    margin: 0; /* Remove any default margins */
}

.btn.btn-pill.btn-outline-secondary {
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflowing text */
    text-overflow: ellipsis; /* Show ellipsis (...) for overflowing text */
    max-width: 100%; /* Set a maximum width */
    width: auto; /* Allow the button width to adjust based on content */
}
/* Media query for screens with a minimum width of 768px */
@media (min-width: 768px) {
    /* Styles for the menu-like box */
.menu-box {
    width:80%;
    position: absolute;
    top: 14rem; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%);
     background-color: var(--attorney-color) !important; /* Light grey background */
    padding: 20px;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 2; /* Bring the menu box in front of box-container */
}

/* Styles for the horizontal menu */
.horizontal-menu {
    list-style: none;
    margin:0;
    padding: 0;
    display: flex; /* Display menu items horizontally */
    justify-content: center; /* Center menu items horizontally */
}

.horizontal-menu li {
    margin: 0 10px; /* Add spacing between menu items */
}
.horizontal-menu li a {
    text-decoration: none;
    color: #efefef;
    font-weight: bold;
    font-size: 16px;
}
    .button-container {
        position: absolute;
        top: 40%;
        left: 15%;
        transform: translate(-40%, -40%);
    }

    .button-container h1 {
        font-size: 44px !important;
        width: 650px !important;
        font-weight: 600 !important;
        margin: 30px 40px !important;
        text-align: left !important;left: 21%; position: relative; font-family: 'Playfair Display', serif !important; font-weight: 600; font-size: 44px; margin-bottom: 10px; color: #efefef !important; text-align: left;
    }

    .button-container p {
        font-size: 22px !important;
        width: 650px !important;
        margin: 30px 40px !important;
        text-align: left !important;left: 21%; top:80%; position: relative; font-family: 'Playfair Display', serif; font-size: 22px; margin-bottom: 20px; color: #fff; text-align: left;
    }
}
/* Styles for the mobile menu toggle button */
.mobile-menu-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 1000;
}

.hamburger {
    width: 30px;
    height: 3px;
    background-color: #000;
    margin: 6px 0;
    transition: 0.4s;
}

/* Media query for screens with a maximum width of 768px (mobile screens) */
@media (max-width: 768px) {
    .horizontal-image {
    margin-top: 1rem;
    }
    .py-5 {
    padding-bottom: 0.5rem!important;
    padding-top: 0.5rem!important;
}
    .menu-box {
        display: none; /* Hide the default menu on mobile screens */
        position: fixed;
        top: 0;
        right: 0;
        background-color: #fff;
        width: 200px !important;
        min-height: 50%;
        z-index: 2000;
    }

    .menu-box.active {
        display: block; /* Show the menu when active */
    }

    .mobile-menu-toggle {
        display: block; /* Show the mobile menu toggle button */
        z-index: 9999; /* Set a higher z-index value to bring it in front of everything */
    }

    /* Rotate the hamburger icon to an "X" when the menu is active */
    .mobile-menu-active .hamburger:nth-child(1) {
        transform: rotate(-45deg) translate(-5px, 6px);
    }

    .mobile-menu-active .hamburger:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-active .hamburger:nth-child(3) {
        transform: rotate(45deg) translate(-5px, -6px);
    }
    .horizontal-menu {
        flex-direction: column !important; /* Display vertically */
    }

    .horizontal-menu li {
        margin-right: 0 !important; /* Remove right margin to stack items vertically */
        margin-bottom: 10px !important; /* Add some spacing between items */
    } .horizontal-menu {
        list-style:none !important;
        flex-direction: column; /* Display vertically */
        position: fixed; /* Stick to the screen */
        top: 0; /* Align to the top of the screen */
        right: 0; /* Stick to the right side of the screen */
        background-color: #fff; /* Add background color if needed */
        padding: 20px 80px 20px 0; /* Add padding for spacing */
    }

    .horizontal-menu li {
        margin-right: 0; /* Remove right margin to stack items vertically */
        margin-bottom: 10px; /* Add some spacing between items */
    }
}


/* Media queries for screens with a maximum width of 768px */
/* Media queries for screens with a maximum width of 768px */
/* Media queries for screens with a maximum width of 768px */
@media (max-width: 768px) {
    /* Styles for the box container (main content) */
.box-container {
    width: 100% !important; /* Adjust the width to leave space for padding */
    background-color: #ffffff; /* Set the background color for the box */
    /* padding: 3.5rem 2.5rem 1.5rem;  */
    /* Add padding to the box */
    margin:0 auto;
    box-shadow: 0 !important; /* Add a shadow to the box */

    z-index: 1; /* Place the box-container behind the menu box */
}
    .button-container {
        margin:0 auto; width:100% !important;
        top: auto; /* Remove the top property */
        left: auto; /* Remove the left property */
    transform: none !important;
    }

    .covercontainer img {
        width: 250% !important;
    }

    .button-container button {
        margin-top: 20px;
    }

    .button-container h1 { width:100%!important;font-size:22px !important;font-weight:800!important; text-align:center!important;
        top: auto!important; /* Remove the top property */
        left: auto!important; /* Remove the left property */font-family: 'Playfair Display', serif !important; color: #fff !important;
    }
}
.col-md-6 {
    position: relative; /* Make the container a positioning context for absolute positioning */
}

.faq-overlay {
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Center both vertically and horizontally */
}

.play-button {
    z-index: 1;
    position: relative;
    width: 100px; /* Adjust the size of the circle as needed */
    height: 100px; /* Adjust the size of the circle as needed */
    border: 2px solid rgba(255, 255, 255, 0.5); /* Transparent border */
    border-radius: 50%; /* Create a circular shape */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #171447b8;
}

.faq-img-container {
    max-width: 100%; /* Ensure the container doesn't exceed its parent's width */
    overflow: hidden; /* Hide any overflow if the image is larger than the container */
}

.faq-img-container img {
    width: 100%; /* Set the width to 100% of the container */
    height: auto; /* Allow the height to adjust proportionally based on the image's aspect ratio */
    display: block; /* Remove any default inline styling for the image */
}
/* .faq-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
    color:#000;
} */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    /* color: #fff; */
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0;
}
.question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #171447;
    padding: 10px 20px;
    cursor: pointer;
}
.toggle-button {
    font-size: 20px;
    cursor: pointer;
    color:#efefef;
}
.faq-container h3{font-size:16px !important;}
/* .faq-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
    color:#000;
} */

.question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #171447;
    padding: 10px 20px;
    cursor: pointer;
}
.toggle-button {
    font-size: 20px;
    cursor: pointer;
    color:#efefef;
}
.faq-container h3{font-size:16px !important;}
.faq-item {
    flex-basis: 100%; /* Full width for horizontal alignment */
    margin-bottom: 20px;
}

.question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f0f0f0;
    padding: 10px 20px;
    cursor: pointer;
}

.question h3 {
    margin: 0;
}

.toggle-button {
    font-size: 20px;
    cursor: pointer;
}

.answer {
    display: none;
    padding: 10px 20px;
    border: 1px solid #ccc;
}

.faq-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
    color:#ffffff;
}
.faq-container .answer {
    color: #000;
}
.question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #171447;
    padding: 10px 20px;
    cursor: pointer;
}
.toggle-button {
    font-size: 20px;
    cursor: pointer;
    color:#efefef;
}
.faq-container h3{font-size:16px !important;}
/* Footer Styles */
.footer {

    background:var(--footer-bg-color) !important;
    color: var(--footer-font-color);
    padding: 50px 0;
}

.footer-content h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.social-icons {
    font-size: 24px;
    margin-top: 10px;
}

.social-icons i {
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
}

.footer-content ul {
    list-style: none;
    padding: 0;
}

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

.footer-content ul li a {
    color: var(--footer-font-color);
    text-decoration: none;
}

.footer-content ul li a:hover {
    text-decoration: underline;
}

.footer-bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #efefef !important;
}

.footer-bottom p {
    font-size: 14px;
    margin: 0 auto;
    width:100%;
}

.footer-bottom a {
    color: #fff;
    text-decoration: underline;
}

.footer-bottom a:hover {
    text-decoration: none;
}
/* Blog Section Styles */
.blog-section {
    background-color: #f7f7f7;
    padding: 40px 0;
}

.blog-item {
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.blog-item img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.blog-item h3 {
    font-size: 24px;
    margin-top: 15px;
}

.blog-date, .blog-author {
    color: #888;
    font-size: 14px;
    margin-top: 10px;
}

.blog-excerpt {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
}

.blog-item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}

/* Media Query for Responsiveness */
@media (max-width: 768px) {
    .blog-item {
        margin-bottom: 20px;
    }
}

.bg-red {
    background-color: #171447 !important;
    border-color: #171447 !important;
    color: #fff;
}

/* Navbar */
.navbar-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.nav-item {
    margin-left: 15px;
}

.nav-link {
    text-decoration: none;
    color: #fff; /* Change the color as needed */
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #fff; /* Change the hover color as needed */
}

/* Dropdown */
.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff; /* Change the background color as needed */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Add shadow as needed */
    z-index: 1;
}

.dropdown-item {
    display: block;
    padding: 10px;
    color: #212529; /* Change the color as needed */
    text-decoration: none;
}

.dropdown-item:hover {
    background-color: var(--attorney-color); /* Change the hover background color as needed */
}

/* Show dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.theme-btn{
    background: var(--attorney-color);
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
 }