@import url('menu.css');
@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');
@import url('slider.css');
@import url('slick-theme.css');
@import url('slick.css');
@import url('https://fonts.cdnfonts.com/css/switzer');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --color-1: #2C394A;
    --color-2: #f4f0ea;
    --color-3: #d1c8b6;
    --color-4: #f1c300;
}

* {
    font-family: 'Switzer', sans-serif !important;
}

html {
    height: 100%;
    scroll-behavior: smooth;
}

body.home .dark_logo {
    display: none;
}

body {
    /* font-family: "Inter", sans-serif; */
    font-family: 'Switzer', sans-serif;
    color: var(--color-1);
    margin: 0;
    padding: 0;
    height: 100%;
}

input:focus,
textarea:focus,
button:focus,
button:hover {
    outline: 0 !important;
    /* box-shadow: none !important; */
}

p {
    line-height: 1.7em !important
}

a,
button {
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

header {
    background-color: transparent;

}

.bg-grey {
    background-color: #F6F5F3;
}


#nav-transparent {
    height: 0;

}

#nav-transparent.bg_white #dark_logo {
    display: none !important;
}

@media (min-width:991px) {
    #nav-transparent.bg_white {
        height: auto;
    }

    #nav-transparent.bg_white .nav-menu>li>a {
        color: #2C394A;
    }

    #nav-transparent.bg_white .nav-right-menu ul li a {
        color: #2C394A;
    }

    #nav-transparent.bg_white .nav-white-bg .nav-right-menu ul li a {
        color: #fff;
    }

    #nav-transparent.bg_white #dark_logo {
        display: block !important;
    }

    #nav-transparent.bg_white .nav-white-bg #dark_logo,
    #nav-transparent.bg_white #light_logo,
    #nav-transparent.bg_white #main_logo {
        display: none !important;
    }

    #nav-transparent.bg_white .nav-white-bg #main_logo {
        display: block !important;
    }
}




#nav-transparent .nav-white-bg .navigation {
    animation: .42s cubic-bezier(.165, .84, .44, 1) slide-in--down;
    box-shadow: 0 4px 40px #00000020;

}

#nav-transparent .nav-white-bg .navigation .nav-dropdown {
    box-shadow: 0 4px 40px #00000020;
}

@keyframes slide-in--down {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slide-out--up {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}


.nav-menu {
    display: flex;
}

.nav-brand {
    height: 48px;
    line-height: normal;
}

.nav-brand img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

#nav-transparent .navigation {
    display: flex;
    align-items: center;
}

.nav-menus-wrapper {
    flex: 1;
}

#nav-transparent .nav-menu>li>a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 20px 0;
    margin: 0 10px;
    position: relative;

}

#nav-transparent .nav-menu>li>a:hover {
    color: #f1c300;
}

.nav-dropdown {
    box-shadow: none;
}

.nav-dropdown>li>a {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}


.nav-dropdown>li>a:hover {
    color: var(--color-4);
}

#nav-transparent .nav-menu>li:last-child>a:before,
#nav-transparent .nav-menu>li:last-child>a:before {
    display: none;
}

.nav-right-menu ul {
    display: flex;
    list-style: none;
    gap: 10px;
    justify-content: flex-end;
}

.nav-right-menu ul li {
    display: flex;
    align-items: center;

}

.nav-right-menu ul li a {
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E2E1DB;
    border-radius: 42px;
    padding-left: 16.5px;
    padding-right: 16.5px;
}

.nav-right-menu ul :last-child a {
    width: 180px;
    max-width: 180px;
    background-color: #f1c300;
    color: #000;
    border-radius: 42px;
}

/* .nav-right-menu ul :last-child a:hover {
    background-color: #2C394A;
    color: #fff;
} */

@media (min-width:991px) {}


.nav-dropdown {
    border-radius: 4px;
}



.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    border-width: 0 1px 1px 0;
}

#nav-transparent .nav-white-bg {
    background-color: #2C394A;
    border-bottom: 0;
    box-shadow: none;
}

#nav-transparent .nav-white-bg .nav-menu>li>a {
    color: #fff;
}

@media (max-width: 768px) {
    #nav-transparent {
        height: 70px !important;
    }

    .nav-right-menu {
        display: none;
    }

    .nav-menu {
        display: table;
    }

    #nav-transparent .nav-menu>li>a {
        color: #fff;
    }

    .tc_btn {
        border-radius: 0;
    }

    #navigation {
        padding: 0;
    }

    .nav-brand {
        margin: 0;
        padding-left: 5px;
    }

    .nav-brand img {
        height: 48px;
        object-fit: contain;
        object-position: left;
    }


    .nav-toggle:before {
        height: 2px;
    }

    .nav-dropdown {
        border-radius: 0;
    }


    #nav-transparent .nav-menu>li>a {
        margin: 0;
        padding: 10px 20px;
    }
}




.hero_bottom_curved {
    position: relative;
    /*  margin-top: -150px;
    background: url('../images/hero_b_shape.svg');*/
    background-size: cover;
    /* min-height: 300px; */
    z-index: 999;
    /* padding: 40px 0 15px; */
}

.hero_bottom_curved .caption-lable {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid #E9E9E9;
    background-color: #F9F8F4;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}

.light-header .submenu-indicator-chevron,
.light-header.nav-white-bg .submenu-indicator-chevron {
    border-color: transparent #fff #fff transparent !important;
}

.dark-header .submenu-indicator-chevron,
.dark-header.nav-white-bg .submenu-indicator-chevron {
    border-color: transparent #222 #222 transparent !important;
}


h3 {
    font-size: 48px;
    font-weight: 400;
    /*text-align: center;*/
    color: #2C394A;
    margin: 0;
    letter-spacing: -0.02em;
}

.pack-box h3 {
    font-size: 48px;
    font-weight: 400;
}

h2 {
    font-size: 60px;
    font-weight: 500;
    /*text-align: center;*/
    color: #2C394A;
    margin: 20px 0;
    letter-spacing: -0.02em;
}

p {
    font-size: 16px;
    font-weight: 400;
    /*text-align: center;*/
    color: #575C66;
}

@media (max-width: 768px) {
    /* .hero_bottom_curved {
        position: relative;
        margin-top: -50px;
        background: url('../images/hero_b_shape.svg');
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 999;
        padding-bottom: 40px;
    } */


}

.partnerLogos {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
}



@media (max-width: 768px) {
    .partnerLogos {
        margin-top: 50px;
        display: grid;
        gap: 20px;
        align-items: center;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}

.mx-h-520 {
    max-height: 520px;
}

.mx-w-450 {
    max-width: 560px;
}

.mx-w-560 {
    max-width: 560px;
}

.mx-w-500 {
    max-width: 500px;
}

.mx-w-620 {
    max-width: 500px;
}

.pack-box,
.trust-box {
    padding: 40px 0;
}

.trust-box p {
    line-height: 22px !important;
    margin-top: 12px;
}

.t-box {
    background: rgba(246, 245, 243, 1);
    padding: 25px;
    border-radius: 16px;
    height: 100%;
}

.t-box h5 {
    font-size: 26px;
    color: rgba(44, 57, 74, 1);
    font-weight: 400;
    padding: 30px 0 5px 0;
}

.t-box p {
    font-size: 16px;
    line-height: 28px;
}

@media (max-width:661px) {
    .mb-60 {
        margin-bottom: 60px;
    }
}






/* .box-2 {
    padding: 40px;
    padding-bottom: 200px;
    text-align: left;
    position: relative;
    border: 1px solid #E9E9E9;
    height: 100%;
    background-image:
        linear-gradient(180deg, #E9EBED 45.39%, rgba(233, 235, 237, 0) 100%),
        url(../images/Business-Lawyer-UAE-and-Dubai.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top, bottom center;
    background-size: 100% 100%, contain;
} */

.box-2 h3 {
    margin-top: 0 !important;
}

.box-2 p {
    padding-right: 100px;
    color: #575C66;
    font-size: 16px;
    line-height: 22px;
}



.box-1 .pack-1,
.box-1 .pack-2 {
    width: 375px;
    height: 355px;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

.box-1 .pack-1 {
    width: 345px;
    height: 315px;
}

.box-1 .pack-2 {
    width: 500px;
    height: 300px;
}

.slide_tags_1 {
    display: flex;
    gap: 10px;
    /* align-items: center;
    justify-content: center; */
}

.slide_tags_1 span {
    position: relative;
    display: inline-block;
    padding: 5px 5px 5px 30px;
    color: #2C394A;
    font-size: 18px;
    font-weight: 400;

}

.slide_tags_1 span::before {
    position: absolute;
    content: '';
    left: 0;
    width: 25px;
    height: 25px;
    background: url('../images/safety-check.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


.slide_tags_2 {
    display: flex;
    flex-wrap: wrap;
    /* Allow items to wrap into multiple rows */
    gap: 16px;

    align-items: left;
    justify-content: left;
}

.slide_tags_2 li {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    justify-content: left;
    color: #2C394A;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.56px;
    position: relative;
    /* padding-left: 10px; */
    /* width: calc(32.33% - 5px); */
    /* Ensure 3 columns (33.33% each) */
    box-sizing: border-box;
    /* Prevent padding from affecting the width */
}

.slide_tags_2 li::before {
    content: "";
    position: relative;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url('../images/safety-check.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.slide_btns_1 .editsave {
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    height: 40px;
    background-color: #f1c300;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    border-radius: 42px;
    line-height: 1;
    border: none;
}

.slide_btns_1 a {
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    height: 40px;
    background-color: #f1c300;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border-radius: 42px;
}

.bleft-1 {
    align-content: flex-end;
    display: flex;
}

.bleft-1 img {
    width: 55%;

}

.about-box {
    background: #F5F5F5;
    box-shadow: 0px 2px 2px 0px rgba(216, 219, 223, 0.33);
    padding: 20px 16px;
    margin-bottom: 8px;
}


.caption-lable {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid #E9E9E9;
    background-color: #F9F8F4;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}

.caption-lable_2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 8px;
    border: 2px dashed #E9E9E9;
    background-color: transparent;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}

@media (max-width: 767px) {
    .slide_tags_2 {
        flex-direction: row;
        align-items: flex-start;
        gap: 5px;
        flex-wrap: wrap;
    }


}




.clientsLove {
    padding: 60px 0;
}


.bgBlockPatterns {
    position: relative;
    /* background: #F9F8F4;
    background: linear-gradient(90deg, rgba(249, 248, 244, 0) 0%, rgba(249, 248, 244, 1) 100%); */
}

.bgBlock {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    left: 0;
    top: 0;
    z-index: -1;

}

.linearBg {
    background: linear-gradient(90deg, rgba(249, 248, 244, 0) 0%, rgba(249, 248, 244, 1) 100%);
    width: 85%;
    height: 100%;
    border-radius: 12px;
}

.solidBg {
    background: #F9F8F4;
    width: 60%;
    height: 100%;
    border-radius: 12px;
}


.clientsLoveList {
    list-style: none;
    padding: 35px 0;
    margin: 0;
    gap: 30px;
    flex-direction: column;
    display: flex;
}

.clientsLoveList li {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.clientsLoveList li .greyBg {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F5F5F5;
    font-size: 50px;
    font-weight: 500;
    line-height: 130%;
    width: 166px;
    height: 99px;
    border-radius: 20px;
}

.clientsLoveList li .whiteBg {
    background-color: #fff;
    height: 75px;
    max-width: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 8px 25px 8px 30px;
}


.clientsLoveList li:nth-child(2) {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.clientsLoveList li:nth-child(2) .whiteBg {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.box-1.newbox {
    padding-bottom: 75px;
}

.box-1.newbox p {
    color: #828385;
    max-width: 400px;
}

.box-1.newbox .pack-1 {
    width: 230px;
    height: 240px;
}

.box-1.newbox .pack-2 {
    width: 290px;
    height: 250px;
}

.defaultPadding {
    padding: 100px 0;
}

.testimonials {
    padding: 60px 0;
    background-color: #F5F5F5;
}

.testimonials h3 {
    margin: 15px 0 10px;
}

.testimonial-slider {
    margin-top: 30px;
}

.rating {
    --rating: 0%;
    position: relative;
    display: inline-block;
    width: calc((20px + 4px) * 5);
    height: 19px;
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="19" viewBox="0 0 20 19" xmlns="http://www.w3.org/2000/svg"><path d="M10.0003 15.2165L4.12246 18.5067L5.43524 11.8998L0.489746 7.32634L7.17895 6.53322L10.0003 0.416504L12.8217 6.53322L19.5108 7.32634L14.5654 11.8998L15.8782 18.5067L10.0003 15.2165Z" fill="%23ccc"/></svg>');
    background-repeat: repeat-x;
    background-size: 24px 19px;
}

.rating::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: var(--rating);
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="19" viewBox="0 0 20 19" xmlns="http://www.w3.org/2000/svg"><path d="M10.0003 15.2165L4.12246 18.5067L5.43524 11.8998L0.489746 7.32634L7.17895 6.53322L10.0003 0.416504L12.8217 6.53322L19.5108 7.32634L14.5654 11.8998L15.8782 18.5067L10.0003 15.2165Z" fill="%23FF5805"/></svg>');
    background-repeat: repeat-x;
    background-size: 24px 19px;
    pointer-events: none;
}



.testimonial_item {
    /* max-width: 384px; */
    background-color: #FFFFFF;
    border: 1px solid #F5F5F6;
    border-radius: 12px;
    padding: 32px;
    margin: 12px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 2px;

}

.testimonial_item .testimonial_head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;

}

.testimonial_item .testimonial_head .testimonial_avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 4px;
    background-color: #E6E6E7;
}

.testimonial_item .testimonial_head .testimonial_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.testimonial_item .testimonial_head h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}

.testimonial_item .testimonial_head p {
    margin-bottom: 0;
    font-size: 14px;
}

.testimonial_item .testimonial_content p {
    margin-bottom: 0;
    font-size: 18px;
}


.testimonial_item .testimonial_rating {
    margin-bottom: 10px;
}



.blogSection {
    padding: 60px 0;
    /*background-color: #F5F5F5;*/
}



.blogSection h3 {
    margin: 15px 0 10px;
}

.blogpost {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    overflow: hidden;
        display: flex;
    flex-direction: column;
}


.blogpost .postimg {
    width: 100%;
    height: 256px;
}

.blogpost .postimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blogpost .postcontent {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-grow:1;
}

.blogpost .postcontent h5 {
    font-size: 16px;
    line-height: 1;
    font-weight: normal;
    margin: 0;
}

.blogpost .postcontent h3 {
    margin: 0;
    font-size: 18px;
    line-height: 160%;
}

.blogpost .postcontent h3 a {
    color: #2C394A;
}

.blogpost .postcontent .postmeta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #575C66;
    padding-top: 10px;
    border-top: 1px solid #E9E9E9;
    margin-top: auto;
}


.readytoProtect {
    padding: 0px 0 57px;
    /* background-color: #F5F5F5;*/
}

.readToBlock {
    position: relative;
    padding: 80px;

    border-radius: 20px;
    background: url('../images/readytoprotect.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    z-index: 0;
}

/* .readToBlock:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 285px;
    height: 282px;
    background: url('../images/readytoprotect_left.png');
    background-position: top right;
    background-repeat: no-repeat;
    z-index: -1;
}

.readToBlock:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url('../images/Icon Gradient Footer.svg');
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: -1;
} */


footer {
    padding: 85px 0;
    background-color: rgba(86, 86, 86, 1);
    background: radial-gradient(85.04% 85.04% at 49.93% 14.96%, #565656 0%, #262626 100%);

    /*border-top: 1px solid #E9E9E9;*/
    position: relative;
    z-index: 1;
    /* Ensure it's above the pseudo-element */
    min-height: 100px;
    /* or whatever height makes sense */
}

footer:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url("../images/Icon Gradient Footer.svg");
    background-position: top right;
    background-repeat: no-repeat;
    z-index: -1;
}

.footerLogoBlock {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

.footerLogoBlock .flogo {
    display: inline-flex;
    max-width: 127px;
}

.footerLogoBlock ul {
    list-style: none;
    display: flex;
}

.footerLogoBlock ul li a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footerLogoBlock div:first-child {
    position: relative;
    display: flex;
    align-items: center;
}

.footerLogoBlock div:first-child:after {
    position: absolute;
    content: '';
    right: -20px;
    width: 1px;
    height: 35px;
    background-color: #D8DBDF;
}


.footerCols {
    display: flex;
    flex-direction: column;
    gap: 60px;
}


.footBottom {
    font-size: 12px;
    border-top: rgba(130, 139, 150, 1) 1px solid;
    padding: 20px 0;
}

.extralink {
    display: block;
    gap: 15px;
}

.footBottom .extralink a {
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    padding-left: 20px;
}

.footerLinkBlock h6 {
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 25px;
}

.footerLinks {
    display: flex;
    flex-direction: column;
    gap: 15px;

}

.footerLinkBlock p {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 16px;

}

.footerLinks a {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.footBottom .extralink a:hover,
.footerLinks a:hover {
    color: #f1c300;
}

@media (max-width:767px) {
    .pack-box {
        overflow-x: hidden
    }

    .box-1 {
        padding: 20px 20px 100px;
        margin-bottom: 24px;
    }

    .box-1 h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .box-1 .pack-1 {
        width: 210px;
        height: 190px;
    }

    .box-1 p {
        padding-right: 25px;
        font-size: 14px;
    }

    .box-1 .pack-2 {
        width: 230px;
        height: 145px;
    }



    .slide_tags_2 li {
        font-size: 14px;
        line-height: 160%;
        letter-spacing: -0.56px;
        padding-left: 24px;
    }

    .slide_tags_2 li::before {
        width: 18px;
        height: 18px;
    }

    .pack-box {
        padding-bottom: 0;
    }

    .pack-box h3 {
        font-size: 24px;
    }

    .about-box p {
        margin-bottom: 0;
    }

    .clientsLoveList li .whiteBg {
        padding: 8px 20px;
        font-size: 11px;
        height: 60px;
    }

    .clientsLoveList li .greyBg {
        font-size: 26px;
        font-weight: 500;
        line-height: 1;
        width: 170px;
        height: 70px;
        border-radius: 15px;
    }

    .box-1.newbox .pack-1 {
        width: 150px;
        height: 150px;
    }

    .box-1.newbox .pack-2 {
        width: 180px;
        height: 180px;
    }

    .testimonials {
        margin-top: 50px;
        overflow-x: hidden;
    }

    .testimonials h3,
    .blogSection h3 {
        font-size: 25px;
    }

    .testimonial-slider {
        margin-top: 0;
    }

    .testimonial_item {
        margin: 0;
    }

    .blogpost {
        margin-bottom: 20px;
    }

    .readToBlock {
        padding: 80px 20px 40px 20px;
    }

    .readToBlock:before {

        width: 140px;
        height: 140px;
        background-size: contain;
        z-index: -1;
    }

    .readToBlock h2 {
        font-size: 26px;
    }

    .readToBlock p {
        font-size: 16px;
    }

    .readToBlock .caption-lable {
        padding: 8px;
    }

    .slide_btns a {
        font-size: 12px;
        height: 40px;
    }

    .extralink {

        justify-content: center;
        margin-bottom: 10px;
    }

    /* .order-1 {
        padding-top: 20px;
    } */

    .container {
        padding: 0 16px !important;
    }

}




.page-banner {
    position: relative;
    height: 800px;
    /* overflow: hidden; */
    z-index: 0;
    background-position: right center;
    background-size: contain;
    display: flex;
    align-items: center;
    background: radial-gradient(77.46% 77.46% at 50.06% 22.54%, rgba(233, 235, 237, 0) 0%, #E9EBED 86.54%);
    /* top: 100px; */

}

.page-banner .pageBanenrImg img {
    margin-bottom: 40px;
}

/* .page-banner::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 60%);
    background-position: left center;
    background-size: cover;
    z-index: 0;
} */

.page-banner .container {
    padding-top: 150px;
    padding-bottom: 50px;
}



.page-banner .content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    color: white;
    /* margin-bottom: 20px; */
}


.page-banner .sublable {
    display: flex;
    align-items: center;
    justify-items: flex-start;
    position: relative;
    color: #1F2C47;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5%;
    padding-left: 40px;
}


.page-banner .sublable:before {
    position: absolute;
    content: '';
    left: 0;
    width: 30px;
    height: 30px;
    background-image: url('../images/sublable.png');
    background-position: center;
    background-size: contain;

}

.page-banner h1 {
    font-size: 64px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 0;
    color: #2C394A;
}

.page-banner p {
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    color: #828385;
    text-align: left;
    margin-bottom: 0;
    min-height: 140px;
}

/* .page-banner .slide_btns {
    display: flex;
    flex-direction: row;
    gap: 15px;
  
}

.page-banner .slide_btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 24px;
    padding-right: 24px;
    height: 43px;
    background-color: #f1c300;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border-radius: 42px;
} */

.page-banner .slide_btns a:first-child {
    background-color: #f1c300;
}

.slide_btns a:first-child {
    background-color: #f1c300;
}

.page-banner .slide_btns a:nth-child(2) {
    background-color: #FBEBAB;
}

.page-banner .slide_tags {
    display: flex;
    gap: 10px;
    /* align-items: center;
    justify-content: center; */
}

.page-banner .slide_tags span {
    position: relative;
    display: inline-block;
    padding: 5px 5px 5px 30px;
    color: #2C394A;
    font-size: 14px;
    font-weight: 300;

}

.page-banner .slide_tags span::before {
    position: absolute;
    content: '';
    left: 0;
    width: 25px;
    height: 25px;
    background: url('../images/safety-check.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}



.whatWeHelpWith {
    padding: 80px 0;
}

.wwhw_block {
    border: 1px solid #E9E9E9;
    /* margin-bottom: 20px; */
}

.wwhw_block .wwhw_block_head {
    background-color: #F7F8F8;
    /* height: 56px; */
    display: flex;
    align-items: center;
    justify-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    line-height: 1;
}

.wwhw_block .wwhw_block_head span {
    position: relative;
    content: '';
    width: 24px;
    height: 24px;
    background: transparent var(--icon);
    left: 0;
    margin-right: 12px;
}

.wwhw_block .wwhw_block_body {
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    justify-items: flex-start;
    padding: 20px;
    flex-direction: column;
    gap: 12px;
}

.wwhw_block .wwhw_block_body h4 {
    color: #2C394A;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.wwhw_block .wwhw_block_body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #49505B;
    margin: 0;
}


.iconLable {
    margin: 0;
    padding: 0;
    list-style: none;
    columns: var(--count);
    -webkit-columns: var(--count);
    -moz-columns: var(--count);

}

@media(max-width:661px) {
    .iconLable {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}

.iconLable li {
    color: #2C394A;
    font-size: 16px;
    font-weight: 400;
    background-color: #F9F8F4;
    margin-bottom: 15px;
    padding: 13px 45px;
    position: relative;
    display: block;
}

.iconLable li:before {
    position: absolute;
    content: '';
    background-image: url('../images/safetycheck.png');
    background-position: center;
    background-size: contain;
    width: 25px;
    height: 25px;
    left: 15px;

}


.everythingyoutneed {
    padding-bottom: 100px;
}

.whowehelp {
    padding-bottom: 100px;
}



.whychooselegalcover {
    padding: 0px 0 60px;
    background-color: #FFFFFF;
}

.whychooselegalcoverBlock {
    position: relative;
    padding: 30px 80px;
    border-radius: 20px;
    border: 1px solid rgba(130, 131, 133, 0.33);
    background: #F9F8F4;
    background: linear-gradient(320deg, #F9F8F4 40%, #F9F8F4 100%);
    z-index: 0;
}

.whychooselegalcoverBlock:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/why-choose-legal-cover.png');
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat;
    z-index: -1;
}

.zigzacList {
    display: flex;
    flex-direction: column;
    gap: 30px;
    list-style: none;
}

.zigzacList li:nth-child(1) {
    align-self: flex-start;
}

.zigzacList li:nth-child(2) {
    align-self: flex-end;
    padding-right: 50px;
    margin-bottom: 70px;
}

.zigzacList li:nth-child(3) {
    align-self: flex-end;
}

.zigzacList li:nth-child(4) {
    align-self: flex-start;
    padding-left: 50px;
}

.zigzacList li>div {
    color: #2C394A;
    font-size: 16px;
    font-weight: 400;
    background-color: #FFFFFF;
    margin-bottom: 15px;
    padding: 13px 45px;
    position: relative;
    display: inline-flex;
    box-shadow: #D8DBDF54 0px 2px 2px;
    border-radius: 12px;
    transition: all 0.2s ease-in-out;
}

.zigzacList li>div:before {
    position: absolute;
    content: '';
    background-image: url('../images/safetycheck.png');
    background-position: center;
    background-size: contain;
    width: 25px;
    height: 25px;
    left: 15px;
}

/* .zigzacList li>div:hover {
    background-color: #2C394A;
    color: #fff;
} */


.faqBlock {
    padding: 50px 0 100px;
}

.accordion {
    border-radius: 12px;
    margin-top: 50px;
}

.accordion-header {
    margin: 0;
}

.accordion-header button.accordion-button span {
    font-size: 14px;
    font-weight: 400;
    color: #2C394A;
    padding: 4px 8px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

.accordion-header button.accordion-button[aria-expanded="true"] span {
    background-color: #DFB40C;

}


.accordion-item {
    border-color: #E9E9E9;
}

.accordion-button {
    padding: 20px 30px;
    background: #F9F8F4;
    background: linear-gradient(320deg, #F9F8F4 40%, #F9F8F4 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    font-size: 20px;
    color: #2C394A;
    font-weight: 500;
}

.accordion-button::after {
    position: absolute;
    right: 30px;
    top: 50%;
}

.accordion-body {
    text-align: left;
    padding: 0 30px 30px;
    background: #F9F8F4;
    background: linear-gradient(320deg, #F9F8F4 40%, #F9F8F4 100%);
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}



/*  */
.p-pricing {
    padding-bottom: 100px;
}

.toggle-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 19px;
    margin-bottom: 40px;
}

.form-switch input {
    display: none;
}

.form-switch {
    display: inline-block;
    width: 60px;
    height: 30px;
    margin: 4px;
    position: relative;
}

.switchslider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #777, 0 0 4px #777;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: 0.2s;
}

.switchslider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #777;
    border-radius: 30px;
    transform: translateX(-30px);
    /*translateX(-(w-h))*/
    transition: 0.2s;
}

.switchslider:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 30px;
    transform: translate(8px, 8px);
    transition: 0.2s;
}

input:checked+.switchslider:before {
    transform: translateX(30px);
    /*translateX(w-h)*/
    background-color: #fff;
}

input:checked+.switchslider:after {
    transform: translate(38px, 8px);
    /*translateX(w-h)*/
    background-color: #f1c300;
}

input:checked+.switchslider {
    box-shadow: 0 0 0 2px #f1c300, 0 0 4px #f1c300;
    background-color: #f1c300;
}


/* .form-switch .form-check-input {
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
} */
.switchHeading {
    font-size: 22.167px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
}

.badge-discount {
    background-color: rgba(236, 197, 44, 0.20);
    color: #000;
    font-size: 12px;
    font-weight: 400;
    padding: 4px;
    border-radius: 5px;
    margin-left: 15px;
}

.plan-card {
    background-color: #F5F5F5;
    padding: 10px;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.plan-card .plan-head {
    padding: 10px 10px 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #fff;
}

.plan-card .plan-head h5.plan-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #2C394A;
    margin-bottom: 5px;
}

.plan-card .plan-head p {
    font-size: 13px;
    font-weight: 400;
    line-height: 160%;
    color: #575C66;
    margin: 0;
}

.plan-card .plan-head p strong {
    font-weight: 500;
}

.plan-card .plan-price {
    padding: 15px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    position:relative;
}

.plan-price-pla{
    position: absolute;
    top: -8px;
    left: 15px;
    display: flex;
    gap: 15px;
}
.plan-price-pla > div.strike{
    color: #2C394A !important;
    position:relative;
}
.plan-price-pla > div.strike:before{
    width:100%;
    height:1px;
    background-color:#F1C300;
    top:8px;
    content:'';
    position:absolute;
}

.plan-price-pla > div{
    font-family: Inter;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 100%;
    letter-spacing: -2%;
    color:#F1C300 !important;
}

.plan-card:hover .plan-price-pla > div.strike{
    color: #fff !important;
    position:relative;
}




.plan-card .plan-price h3 {
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 48px;
    color: #2C394A;
    font-weight: 400;
}

.plan-card .plan-price span {
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    color: #575C66;
    font-weight: 400;
}

.plan-card .plan-btn {
    padding: 0 10px;
}

.plan-card .plan-btn a,
.plan-card .plan-btn button {
    width: 100%;
    display: block;
    background-color: #FFFFFF;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px;
    border: 0;
    box-shadow: #0000000F 0px 1px 2px;
    margin: 10px 0 20px 0;
    text-align: center;
    color: #000;

}

/* .plan-card .plan-btn button:hover {
    background-color: #F5F5F5;
    box-shadow: rgba(0, 0, 0, 0.059) 0px 1px 2px !important;
} */

.plan-card .feature-list {
    flex: 1;
    background-color: #fff;
    padding: 18px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.plan-card:hover {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
    background: radial-gradient(85.04% 85.04% at 49.93% 14.96%, #565656 0%, #262626 100%);
}

.plan-card:hover .plan-head{
    border-bottom: 1px solid rgba(255,255,255,0.3);
}


.plan-card:hover .plan-title,
.plan-card:hover .plan-price h3,
.plan-card:hover .plan-price span,
.plan-card:hover .feature-list li{
    color:#fff !important;
}

.plan-card:hover .feature-list {
    /*background-color: #F5F5F5;*/
    background: rgba(255,255,255,0.15);
    box-shadow: 0px 4px 12px 0px #0000000A;
}

.plan-card:hover .plan-btn a,
.plan-card:hover .plan-btn button {
    background-color: #F1C300;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px !important;
}
.plan-card:hover .feature-list li:before{
filter:invert(1) brightness(100);
}



.plan-card .feature-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;

}

.plan-card .feature-list li {
    font-size: 14px;
    color: #2C394A;
    position: relative;
    padding-left: 30px;
}

.plan-card .feature-list li:before {
    background-image: var(--pIcon);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    content: '';
    left: 0;
}




/* B PLANS */
.b-pricing {
    background-color: #F5F5F5;
}

.b-pricing .tab-content {
    padding: 20px 0 60px;
}

.bPlansTable {
    padding: 30px 20px;
    background: #fff;
    border-radius: 15px;
}

.bPlansTable ul {
    display: flex;
    top: 0px;
    z-index: 10;
    padding-bottom: 14px;
    margin-bottom: 0;
}

.bPlansTable ul li {
    list-style: none;
    flex: 1;
}

.bPlansTable ul li:last-child {
    border-right: 1px solid #ddd;
}

.bPlansTable ul li button {
    width: 100%;
    border: 1px solid #ddd;
    border-right: 0;
    padding: 10px;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0;
    color: #666;
}

.bPlansTable ul li.active button {
    background: #f5f5f5;
    color: #000;
}

.bPlansTable .planTop {
    display: flex;
    flex-direction: column;
}


.bPlansTable thead th {
    vertical-align: top;
}

.bPlansTable .planTop .plan-head {
    /* padding: 10px 10px 15px; */
    text-align: left;
}

.bPlansTable .planTop .plan-head h5.plan-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    margin-bottom: 8px;
    letter-spacing: -0.4px;
}

.bPlansTable .planTop .plan-head p {
    font-size: 13px;
    font-weight: 400;
    line-height: 160%;
    color: #575C66;
    margin: 0;
}

.bPlansTable .planTop .plan-head p strong {
    font-weight: 500;
}

.bPlansTable .planTop .plan-price {
    /* padding: 10px 10px; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 24px;
}

.bPlansTable .planTop .plan-price h3 {
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 48px;
    color: #2C394A;
    font-weight: 400;
}

.bPlansTable .planTop .plan-price span {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    color: #575C66;
    font-weight: 400;
}

.bPlansTable .planTop .plan-btn {
    /* padding: 0 10px; */
    margin-top: 24px;
    margin-bottom: 48px;
}

.bPlansTable .planTop .plan-btn button {
    width: 100%;
    display: block;
    background-color: #FFFFFF;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px;
    border: 0;
    box-shadow: #0000000F 0px 0px 0px 2px !important;
    /* margin: 10px 0 20px 0; */
    transition: all 0.2s ease-in-out;

}

.bPlansTable .planTop .plan-btn button:hover {
    box-shadow: #f1c50010 0px 0px 0px 2px !important;
    background-color: #f1c300;

}

.bPlansTable table {
    table-layout: fixed;
    width: 100%;
}

.bPlansTable thead {
    vertical-align: top;
    border: 0;
}

.bPlansTable table tbody tr:last-child {
    border: 0;
}

.bPlansTable table tr td,
.bPlansTable table tr th {
    position: relative;
    padding: 0 17px;
}

.bPlansTable table tr td {
    padding-top: 24px;
    padding-bottom: 24px;
    line-height: 0;
}

.bPlansTable table tr td:first-child,
.bPlansTable table tr th:first-child {
    padding-left: 0;
}

.bPlansTable table tr td:last-child,
.bPlansTable table tr th:last-child {
    padding-right: 0;
}

.bPlansTable table tr:nth-child(even) td:after {
    background-color: var(--color-2);
}

.bPlansTable table tr td:last-child:after {
    display: none;
}

.bPlansTable td {
    padding: 0;
    height: 72px;
    empty-cells: show;
}

.bPlansTable td,
.bPlansTable th {
    text-align: left;
}

.bPlansTable td {
    font-size: 16px;
    font-weight: 400;
    color: #000000;

}


.bPlansTable table tbody tr {
    border-bottom: 1px solid #D8DBDF;
}


.bPlansTable td+td,
.bPlansTable th+th {
    text-align: center;
    display: none;
}

.bPlansTable td.default {
    display: table-cell;
}

.bPlansTable table tr td:first-child {
    font-size: 16px;
    color: #2C394A;
    line-height: 24px;
    font-weight: 400;
}

@media (min-width:1200px) {
    .bPlansTable table tr td:first-child {
        white-space: nowrap;
    }
}

.sep {
    background: #f5f5f5;
    font-weight: bold;
}

.txt-l {
    font-size: 16px;
    font-weight: 400;
    color: #2C394A;
    line-height:20px;
}

.txt-top {
    position: relative;
    top: -9px;
    left: -2px;
}

.removeIcon,
.tickIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
}

.tickIcon {
    background-image: url('../images/tickicon.png');
}

.removeIcon {
    background-image: url('../images/removeIcon.png');
}

.hide {
    border: 0;
    background: none;
}

@media (min-width: 640px) {
    .bPlansTable ul {
        display: none;
    }

    .bPlansTable td,
    .bPlansTable th {
        display: table-cell !important;
    }

    .bPlansTable td+td,
    .bPlansTable th+th {
        width: auto;
    }
}

@media (max-width: 639px) {
    .bPlansTable tfoot th:first-child {
        display: table-cell;
    }

    .bPlansTable tfoot th:nth-child(2) {
        display: block;
    }

    .bPlansTable ul {
        flex-wrap: wrap;
    }

    .bPlansTable ul li {
        flex: 1;
    }
}

span.infoIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    background: url("../images/info.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -3px;
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 200px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    white-space: pre-wrap;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

@media (max-width:661px) {
    .bPlansTable {
        padding: 10px;
    }

    .bPlansTable .planTop .plan-btn,
    .bPlansTable .planTop .plan-head {
        padding: 0;
    }

    .bPlansTable .planTop .plan-price {
        padding: 10px 0;
    }

    .bPlansTable td {
        height: 56px;
    }

    .txt-l,
    .bPlansTable table tr td:first-child {
        font-size: 13px;
    }
    .bPlansTable table tr th,
    .bPlansTable table tr td{
        line-height:20px !important;
                 padding: 0;
    }
    .bPlansTable ul {
        flex-wrap: wrap;
        gap: 5px;
        margin-bottom: 20px;
    }

    .bPlansTable ul li button:hover,
    .bPlansTable ul li.active button {
        background: #dfb40c;
        color: #000;
        box-shadow: #dfb50c15 0px 0px 0px 2px !important;
    }

    .bPlansTable ul li button {
        width: 100%;
        display: block;
        background-color: #FFFFFF;
        padding: 4px 6px;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        border-radius: 4px;
        border: 0;
        box-shadow: #0000000F 0px 0px 0px 2px !important;
        margin: 0;
        transition: all 0.2s ease-in-out;
    }
}

.logo-carousel {
    margin-top: 25px;
}

.logo-carousel img {
    max-height: 80px;
    margin: auto;
    display: block;
    object-fit: contain;
}

.logo-carousel .slick-slide {
    padding: 10px;
    text-align: center;
}
.blogList{
    padding-top:120px !important;
}
.postDetails{
    margin-top:48px;
    padding-top:72px;
}

.postDetails .bloghead {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.postDetails .bloghead .headTag {
    display: flex;
    align-items: center;
    gap: 15px;
}

.postDetails .bloghead .headTag .category {
    border: 1px dashed #B5BBC4;
    height: 32;
    opacity: 1;
    gap: 8;
    padding: 6px 12px;
    display: flex;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #49505B;
}

.postDetails .bloghead .headTag .date {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.08px;
}

.bloghead h2 {
    font-weight: 600;
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -1.6px;
    margin: 0;

}

.bloghead p {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.2px;
    margin: 0;
}

.blogMeta {
    padding-top: 30px;
    margin-top: 15px;
    border-top: 2px dashed #D8DBDF;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blogMeta .blogAuth {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blogMeta .blogAuth .blogAuthAvatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px dashed #B5BBC4;
    overflow: hidden;
}

.blogMeta .blogAuth .blogAuthAvatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blogMeta .blogAuth .blogAuthInfo {
    display: flex;
    gap: 0;
    flex-direction: column;
}

.blogMeta .blogAuth .blogAuthInfo h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.24px;
    color: #2C394A;
    margin: 0;

}

.blogMeta .blogAuth .blogAuthInfo p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.12px;
    color: #49505B;
    margin: 0;
}


.blogMeta .blogAuthSocial {
    display: flex;
    gap: 10px;
}

.blogMeta .blogAuthSocial .social_link {
    background: #F5F5F5;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D8DBDF;
    border-radius: 10px;
}

.blogMeta .blogAuthSocial .social_share {
    background: #2C394A;
    border: 2px solid #2C394A;
    padding: 6px 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    text-align: center;
    color: #fff;
    border-radius: 11px;
    max-width: 86px;
}

.postContent {
    padding: 0 110px;
}

.postContent p {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.2px;

}

.postContent ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 40px;
    position: relative;
}

.postContent ul:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background-image: repeating-linear-gradient(to bottom,
            #D8DBDF 0,
            #D8DBDF 5px,
            transparent 5px,
            transparent 10px);
}

.postContent ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.16px;
    color: #49505B;
}

.postContent ul li strong {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.2px;
    color: #2C394A;
}

.postContent .lineDivider {
    width: 2px;
    height: 48px;
    background-image: repeating-linear-gradient(to bottom,
            #D8DBDF 0,
            #D8DBDF 5px,
            transparent 5px,
            transparent 10px);
    margin: 40px auto 40px;

}

.postContent h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #575C66;

}

.blogMetafoot .blogMeta {
    margin: 0;
    padding: 15px;
    border: 2px dashed #D8DBDF;
    border-radius: 15px;
}

.blogMetafoot .blogAuthSocial {
    align-items: center;
}

.blogMetafoot .blogAuthSocial p {
    margin: 0;
    margin-right: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.08px;
    color: #575C66;

}

.accountForm {
    height: calc(100% - 72px);
    background: #FFFFFF;

}

/* .gradientReg {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(232, 225, 224, 1) 50%);
} */

.gradientLog {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, #E7EDF7 50%);
}

.accountFormBgImage {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    background-size: cover;
    padding: 20px;
    position: relative;
    z-index: 0;
}

.accountLoginFormBgImage {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    background-size: cover;
}

.login .iconsBanner,
.register .iconsBanner {
    margin: 60px !important;
}

.regMask {
    mask-image: url('../images/regMask.svg');
    mask-repeat: no-repeat;
    mask-size: 200%;
}

.loginMask {
    mask-image: url('../images/logMask.svg');
    mask-repeat: no-repeat;

}

.login .accountForm .accountFormBlock .accountFormBody {
    max-width: 334px;
    padding: 0;
    margin: 0 auto;
}



@media (min-width:1200px) {
    .accountForm {
        height: auto;
    }

    .regMask {
        mask-position: 15% 125%;
    }

    .loginMask {
        mask-size: 230%;
        mask-position: 75% 40%;
    }
}

@media (min-width:1400px) {
    .accountForm {
        height: calc(100% - 72px);
    }

    .regMask {
        mask-position: 15% 95%;
    }

    .loginMask {
        mask-size: 200%;
        mask-position: 75% 40%;
    }
}

/* 
.loginMask {
    mask-image: url('../images/loginImgMask.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    mask-composite: exclude;
} */


/* 
.accountFormBgImage::before {

    content: '';
    position: absolute;
    width: 1231.82px;
    height: 1231.82px;
    left: calc(50% - 1231.82px/2 - 188.21px);
    top: calc(50% - 1231.82px/2 - 410.7px);

background: #0A0A0A;
transform: rotate(15deg);

}

*/
.accountFormBlock {
    padding: 64px 64px 64px 0;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.accountFormBlock .accountFormHead a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-left: 20px;
    color: #2C394A;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    text-decoration: underline;
    text-decoration-style: solid;

}

.accountFormBlock .accountFormHead a:before {
    position: absolute;
    left: 0;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url('../images/arrow-left-s-line.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.accountFormBody {
    padding: 24px;
    display: flex;
    flex-direction: column;

}

.accountFormBody .head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.accountFormBody .head h3 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    /* 140% */
    letter-spacing: -0.8px;
}

.accountFormBody .head p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #2C394A;
}

.accountFormBody .head p a {
    font-weight: 400;
    font-size: 14px;
    color: #575C66;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;

}

.formFields .form-label {
    color: #2C394A;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    margin-bottom: 0;
    display: block;
    padding: 2px 0;
    margin-bottom: 6px;
}

.formFields .form-label span {
    color: #AB3C3C;
}

.formFields .form-control {
    /* width: 100%; */
    height: 48px;
    opacity: 1;
    padding: 12px;
    gap: 8px;
    border: 1px solid #E5E5E5;
    border-radius: 0;
    color: #575C66;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;


}

.formFields .eye-icon {
    cursor: pointer;
}

.formFields .eye-slash {
    display: none;
}

.input-group-text {
    border-radius: 0;
    background-color: transparent;
}

.input-group .form-control {
    border-left: 0;
}




.formFields .round {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2C394A;
    display: flex;
    gap: 16px;
    position: relative;
}


.formFields .round a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    color: #575C66;
}

.formFields input[type="submit"],
.formFields button[type="submit"] {
    width: 100%;
    height: 48px;
    padding: 12px;
    background: #2C394A;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.formFields .trobleshoot {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2C394A;
    text-align: center;
    margin-top: 10px;

}

.formFields .trobleshoot a {
    color: #575C66;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;

}

.accountFormFoot {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #575C66;
}

.round label {
    background-color: #fff;
    border: 2px solid #2C394A;
    border-radius: 50%;
    cursor: pointer;
    width: 20px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
}

.round label:after {
    border: 2px solid #2C394A;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 4px;
    transform: rotate(-45deg);
    width: 10px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked+label {
    background-color: #fff;
    border-color: #2C394A;
}

.round input[type="checkbox"]:checked+label:after {
    opacity: 1;
}




.accountFormtestimoni {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 1;
}

.accountFormtestimoni.login {
    left: auto;
    right: 20px;
}


.accountFormtestimoniItem {
    max-width: 384px;
    min-height: 432px;
    max-height: 432px;
    background-color: #fff;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.accounttestimoniTop {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.accounttestimoniTop .auth {
    width: 64px;
    height: 64px;
}

.accounttestimoniTop .auth img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accounttestimoniTop p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px !important;
    letter-spacing: 0px;
    margin: 0;
    color: #2C394A;
}


.accounttestimoniBottom h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #2C394A;
    margin: 0;
}


.accounttestimoniBottom p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #575C66;
    margin: 0;
}

.googleBtn {
    width: 100%;
    height: 48px;
    padding: 12px;
    border: 1px solid #D4D4D4;
    background: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    /* transition: all 0.2s ease-in-out; */
}

.googleBtn span {
    background-image: url('../images/google-fill.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}

/* .googleBtn:hover {
    background-color: #E6E6E7;
} */

@media (max-width:661px) {


    h3 {
        font-size: 24px;
    }

    h2 {
        font-size: 40px;

    }

    .page-banner {
        background-position: bottom;
        background-repeat: no-repeat;
        align-items: flex-start;
        padding-top: 60px;
        padding-bottom: 0;
        height: 720px;
    }

    .page-banner::before {
        background-position: center;
    }

    .page-banner .content {
        width: 100%;
    }



    .page-banner .content h1 {
        font-size: 26px;
        padding: 40px 20px 0 20px;
    }

    .page-banner .content p {
        font-size: 14px;
    }

    .page-banner .content .slide_btns {
        display: flex;
        flex-direction: row;
        gap: 15px;
        margin-top: 40px;
        margin-bottom: 15px;
        width: 100%;
    }

    .page-banner .content .slide_btns a {
        font-size: 14px;
    }


    .page-banner .content .slide_tags {
        display: flex;
        gap: 10px;

    }

    .page-banner .content .slide_tags span {
        padding: 0px 5px 0px 30px;
        font-size: 13px;

    }

    .page-banner .content .slide_tags span::before {
        top: -3px;

    }

    .whychooselegalcoverBlock {
        padding: 20px;
    }

    .whychooselegalcoverBlock h2 {
        font-size: 40px;
    }

    .whychooselegalcover {
        padding-bottom: 0;
    }

    .testimonials {
        margin-top: 0;
        padding-bottom: 0;
    }

    .accordion-button {
        padding: 20px;
        padding-right: 60px;
        font-size: 16px;
    }

    .zigzacList {
        gap: 10px;
    }

    .zigzacList li {
        padding: 0 !important;
        margin-bottom: 0 !important;
        width: 100%;
        text-align: left;
    }

    .zigzacList li>div {
        display: block;
    }

    .slide_btns a {
        padding-left: 22px;
        padding-right: 22px;
    }

    .page-banner .content h1 {
        padding-left: 0;
    }

    .personalBanner {
        height: 600px;
        max-height: 100%;
    }

    .everythingyoutneed {
        padding-bottom: 60px;
    }

    .everythingyoutneed img {
        width: 100%;
    }

    .whowehelp img {
        margin-top: 30px;
    }
}

@media (max-width:767px) {
    .accountForm {
        background: #FFFFFF;
        height: auto;
    }

    .accountForm .container {
        padding: 0 !important;
    }

    .accountFormBlock {
        padding: 20px 0;
        gap: 20px;
    }

    .accountFormtestimoni.login,
    .accountFormtestimoni {
        position: relative;
        left: auto;
        bottom: auto;
        right: auto;
        top: auto;
    }

    .accountFormBgImage {
        height: 300px;
    }


    .loginMask,
    .regMask {
        mask: none;
    }

    .accountFormtestimoniItem {
        min-height: 300px;
        max-height: 100%;
    }

    .readToBlock:after {
        width: 100%;
        background-size: contain;
    }

    .ps-5 {
        padding-left: 0 !important;
    }

    .dash-box {
        padding: 25px !important;
    }

    .bg-4 {
        padding: 4px !important;
    }
}

.bg-shadow {

    box-shadow: 0px 8px 64px 0px #8F8F8F29;


}

.p-user {
    margin: 8px 8px 8px 8px;
}

.user-3 {
    width: 32px;
    height: 32px;
    background: #eee;
    padding: 6px 5px 5px 5px;
    border-radius: 7px;
}

.bg-3 {
    background: #fff;
    padding: 8px;
    border-radius: 8px;

}

.bg-4 {
    background: #f5f5f5;
    padding: 8px;
    border-radius: 8px;
}

.ft-2 {
    font-size: 14px;
    font-weight: 600;
}

.ft-3 {
    font-size: 12px;
}

.dashboard {
    padding: 40px 0;
}


.dash-box {
    background: #F5F5F5;
    width: 1099;
    gap: 10px;
    angle: 0 deg;
    opacity: 1;
    top: 23px;
    left: 273px;
    border-radius: 20px;
    padding: 48px;

}

.t-tile-1 h3 {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 48px;
    letter-spacing: -4%;
    padding: 0;
    margin: 0;

}

.t-tile-1 p {
    font-family: Inter;
    font-weight: 300;
    font-style: Regular;
    font-size: 18px;
    color: #575C66;
    line-height: 48px;
    letter-spacing: -4%;

}

.t-tile-2 h3 {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -4%;
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-top: 5px;
}


.p-name {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 16px;
    letter-spacing: -0.08px;
    text-align: center;
    background: #F1C300;
    padding: 6px;
    border-radius: 5px;
    color: #2C394A;


}

.c-plan a {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -4%;
    color: #2C394A;
}

.c-plan a:hover {
    color: #F1C300;
}

.r-name {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -4%;
    color: #2C394A;
}

.h-plan {
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid #B5BBC4;
    padding: 5px 10px 5px 10px;
    color: #49505B;
    font-size: 12px;
}

.bg-grey1 tr th {
    background: #F5F5F5 !important;
    font-size: 14px;
}

thead {
    border-bottom: 2px solid #dee2e6;
    /* Bootstrap's default border color */
    background: none !important;
    color: #2C394A;

}

thead th {
    border: none;
    /* Remove default cell borders */
    font-size: 16px;
    font-weight: 500;

}

tbody tr {
    border-bottom: 0px solid #dee2e6;
    /* Same as Bootstrap default */

}

tbody td {
    border: none;
    /* Remove all cell borders */
    color: #2C394A;
    font-size: 14px;
    font-weight: 300;
}


.bg-light {
    background: #F5F5F5;
    margin: 6px;
    border-radius: 10px;
}

.nav-item {
    margin-bottom: 5px;
}

.nav-item a {
    color: #2C394A;
    font-size: 15px;
}


.nav-item a:hover {
    color: #DFB40C;
}

.active {
    /* background: #fff;
    border-radius: 6px;*/
}

.nav-item a:hover {
    background: #fff;
    border-radius: 6px;
}

.nav-link span {
    background: #fff;
    border-radius: 5px;
    line-height: 22px;
    height: 20px;
    padding: 3px 7px 5px 7px;
}

.nav-item a:hover span,
.nav-item .active span {
    background: #F5F5F5;
}

.nav-link:focus,
.nav-link:hover {
    color: #2C394A;
}

.h-line hr {
    color: #DEDFE3;
}

.bg-white1 {
    background: #fff;
    border-radius: 8px;
    margin: 3px 0;
    padding: 10px 25px;
    border: #E5E5E5 1px solid;
}


.bg-white1 label {
    font-size: 12px;
    color: #737373;
    margin: 0;
}

.bg-white1 input {
    border: none;
    padding: 0;
}

.bg-white1 .form-control:disabled {
    background-color: #fff;
    opacity: 1;
}

/* Additional Css */


.hover-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /* ✅ ensures equal height */
    transition: all 0.3s ease;
}

.hover-row .col-item {
    transition: all 0.3s ease;
    padding: .5rem;

    flex: 0 0 25%;
    /* default for flexbox (col-3) */
    max-width: 25%;
    cursor: pointer;
    display: flex;
    /* ✅ make each col-item a flex container */
    flex-direction: column;
    /* stack inner content */
    justify-content: center;
    /* vertically center content */
}



/* Hover behavior — desktop only */
@media (min-width: 992px) {
    .hover-row:hover .col-item {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .hover-row:hover .col-item:hover {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Mobile: stack columns + disable hover transitions */
@media (max-width: 991.98px) {

    .hover-row .col-item,
    .hover-row .col-item:first-child {
        flex: 0 0 100%;
        max-width: 100%;
        cursor: default;
    }

    .hover-row .col-item:hover {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.client-loves {
    /* background: url('../images/About-Us.jpg') no-repeat center center/cover; */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 54.68%), url('../images/About-Us.jpg') lightgray 50% / cover no-repeat;
    position: relative;
    padding: 60px 0;
    color: #fff;
    overflow: hidden;
    height: 100%;
    min-height: 800px;
    max-height: 800px;
}

.client-loves-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}


.client-loves h3 {
    color: #fff;
}

/* Overlay layer */
.client-loves::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image: url('../images/shape.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    height: 100%;
    left: auto;
    top: 0;
}

/* Keep content above overlay */
.client-loves .container {
    position: relative;
    z-index: 2;
}



.hover-row .col-item.c_active {
    flex: 0 0 50%;
    /* first col is col-6 */
    max-width: 50%;
}

.c-first {
    background: rgba(255, 255, 255, 0.26);
    border-radius: 25px;
    padding: 25px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    backdrop-filter: blur(20px);
    color: #fff;

}

.c-first h4 {
    color: #fff;
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    /* 89.6px */
    letter-spacing: -4px;
    line-height: 0.6;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.c-first h4 img {
    width: 32px;
    height: 32px;
}

.c-first p {
    color: #fff;
    line-height: 140px;
    font-size: 16px;
}

.hover-row .col-item.c_active .c-first,
.hover-row .col-item.c_active .c-first:hover {
    background: #fff
}

.hover-row .col-item.c_active .c-first h4,
.hover-row .col-item.c_active .c-first:hover h4 {
    color: #575C66
}

.hover-row .col-item.c_active .c-first p,
.hover-row .col-item.c_active .c-first:hover p {
    color: #575C66;
    max-width: 300px;
}

/*.hover-row .col-item .c-first:hover{
    background: #fff
}

.hover-row .col-item .c-first:hover:not(.active)    {
    justify-content: space-between;
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.26);
}

.hover-row .col-item .c-first:hover h4,
.hover-row .col-item:first-child .c-first h4{
    color: #000
}
.hover-row .col-item .c-first:hover p ,
.hover-row .col-item:first-child .c-first p{
    color: #000
} */


.read-more a {
    color: rgba(44, 57, 74, 1);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 133.333% */
}

.read-more img {
    margin-left: 10px;
    width: 12px;
    height: 12px;
    justify-content: center;
    align-items: center;
}

.read-more a:hover {
    color: #F1C300;
}


.bt-3 {

    padding: 16px 26px;
    margin-bottom: 5px;

    gap: 12px;
    align-items: center;

    border-radius: 40px;
    background: #EBEAE5;
    color: rgba(44, 57, 74, 1);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.bt-3:hover {
    background: #F1C300;
        color: rgba(44, 57, 74, 1);
}

.btn-group-flex {
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;

}

.btn-group-flex .btn {
    flex: 1 1 0;
    /* all buttons share width equally */
    min-width: 200px;
    /* optional: prevents too small buttons */
}


.law-firm-2 {
    transition: all 0.3s ease-in-out;
}

.law-firm-2:hover {
    border-radius: 16px;
    border: 1px solid rgba(233, 233, 233, 1);
    background: rgba(246, 245, 243, 1);
    padding: 15px;
}

.br-4 {
    border-radius: 14px;
}

.law-firm-1-content {
    padding: 28px 18px;
}

.law-firm-1 h5 {
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 33.8px */
    letter-spacing: -0.18px;
    color: rgba(44, 57, 74, 1);
    margin-bottom: 10px;
}

.law-firm-1 p {
    color: #828385;
    font-family: Switzer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important;
    margin: 0;
    margin-top: 34px;

}



.law-firm-2 {
    border-radius: 16px;
    border: 1px solid rgba(233, 233, 233, 1);
    background: #fff;
    padding: 15px;
}


.law-firm-2 h5 {
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 33.8px */
    letter-spacing: -0.18px;
    color: rgba(44, 57, 74, 1);
}

.law-firm-2 p {
    color: #828385;
    font-family: Switzer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important;
    margin: 0;
    margin-top: 34px;

}


.sett-1 {
    padding: 40px 0;
    margin: 60px 0 0 0;
}


.set-p {
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 24px;
    /* margin-bottom: 10px; */
}

.c-step {
    padding: 60px;
}

.c-step h3 {

    padding: 0px 0;
}

.f-500 {

    font-weight: 500;
}

.s-step {
    position: relative;
    padding-left: 25px;
    /* space for the border */
    margin-bottom: 20px;
}

.s-step::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25%;
    /* start border a bit down */
    height: 40%;
    /* half the height of the div */
    width: 3px;
    /* border thickness */
    background-color: #F1C300;
    /* border color */
}

.s-step p {
    font-size: 16px;
    color: #828385;
    line-height: 23px !important;
    font-weight: 400;
}




.sub-head {
    font-size: 16px;
    text-transform: uppercase;
    color: #575C66;
    font-weight: 500;
    letter-spacing: 0.64px;
}

.icon-right {
    width: 25px;
    /* or size that fits your design */
    height: 25px;
    padding-left: 10px;
    margin-left: 10px;
    margin-right: -8px;
    margin-top: 2px;
    /* border-left: 1px solid rgba(255, 255, 255, 0.4); */
    /* white with 40% opacity */
    position: relative;
}

.slide_btns a {
    position: relative;
}

.slide_btns a:first-child:before {
    position: absolute;
    content: '';
    right: 50px;
    width: 1px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.40);
}

.sub-text {
    position: relative;
    padding-left: 12px;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.56px;
    color: #2C394A;
    font-weight: 500;
    border: 1px solid #E9E9E9;
    border-radius: 6px;
    display: inline-block;
    text-transform: uppercase;
    max-width: max-content;
    background: #fff;
    padding: 6px 8px 6px 18px;
    font-weight: 500;
}




.sub-text::before {
    content: "";
    position: absolute;
    left: 8px;
    /* positions bullet inside the border */
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #F1C300;
    /* bullet color */
    border-radius: 50%;
}

.sub-text1 {
    padding-left: 12px;
    font-size: 14px;
    color: #2C394A;
    font-weight: 500;
    border: 1px solid #E9E9E9;
    border-radius: 6px;
    padding: 6px 8px;
    display: inline-block;
    /* good */
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    /* redundant */
    letter-spacing: 0.56px;
    line-height: 130%;
}

.sub-text12 {
    color: #FFF;
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid rgba(255, 255, 255, 0.15);
    max-width: max-content;

}

.mainsingle .pageBanner .slide-left h1,
.individuals .pageBanner .slide-left h1 {
    max-width: 640px;
}

.page-banner h1,
.pageBanner .slide-left h1 {
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -2.56px;
    max-width: 550px;
}

.slide_tags_2 {
    display: inline-flex;
    flex-direction: row;
    gap: 12px;
    align-items: left;
    justify-content: left;
}

.slide_tags_3 {
    display: flex;
    flex-direction: column;
   /* gap: 20px;*/
}

.slide_tags_3 li {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* vertical space between <li> items */
    /*  align-items: center;
    justify-content: center;*/
    color: #2C394A;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.56px;
    position: relative;
    padding-left: 32px;
    color: #575C66;
    border-bottom: 1px solid rgba(191, 187, 169, 0.4);
    /* white with 40% opacity */
}

.slide_tags_3 li div {
    line-height: 1;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.3em;
}

.slide_tags_3 li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 26px;
    height: 25px;
    background: url('../images/safety-check.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.slide_tags_3 li:last-child {
    border-bottom: none;
}

.text-3 {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
}



.readToBlock h2 {
    font-size: 42px;
    color: #fff;
}

.readToBlock p {
    color: #fff;
}

/* .leg-adv {
    padding: 60px 0;
    margin-top: 87px;
} */


.advice-1 {
    background: #fff;
    padding: 15px;
    border-radius: 16px;
    height: 100%;
}

.advice-1 .advice-1-cont {
    padding: 35px 15px 15px 15px;
}

.advice-1 .rightImgCont {
    padding: 25px 4px 25px 14px;
}


.advice-1 .rightImgCont h5 {
    font-size: 28px;
    padding-top: 0;
    letter-spacing: -1.12px;
    font-weight: 400;
    line-height: 130%;
}

.advice-1 .rightImgCont p {}

.advice-1 h5 {
    font-size: 24px;
    color: #2C394A;
    padding-top: 0;
    letter-spacing: -0.03em;
    font-weight: 400;
}


.advice-1 p {
    font-size: 16px;
    color: #575C66;
    line-height: 160%;
    margin-bottom: 0;
}

.rightImgCont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rightImgCont div:first-child {
    max-width: 236px;
}

.rightImgCont div:last-child {
    max-width: 345px;
}

.bRightImgCont {
    padding: 50px 50px;
    position: relative;
}

.bRightImgCont img {
    position: absolute;
    bottom: 0;
    right: 15px;
}

.bRightImgCont h5 {
    font-size: 28px;
    padding-top: 0;
    letter-spacing: -1.12px;
    font-weight: 400;
    line-height: 130%;
}

.g-business {
    min-height: 300px;
    padding: 100px 0;
}


.footerLogoBlock1 {
    padding-bottom: 40px;
    border-bottom: rgba(130, 139, 150, 1) solid 1px;
}

.text-lg-start span {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
}

.iconsBanner {
    background: linear-gradient(50deg,
            rgba(255, 255, 255, 0.4) 12%,
            rgba(255, 255, 255, 0.1) 77%);
    background-blend-mode: normal;
    box-shadow: 0px 0 1px 1px rgba(255, 255, 255, 0.58);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 16px;
    margin-bottom: 2.313rem !important;
    /* max-width: 186px; */
}

.iconsBanner img {
    width: 78px;
    height: 78px;
    object-fit: contain;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1440px;
        padding-left: 60px;
        padding-right: 60px;
    }

    .slide_tags_2 {
        row-gap: 16px;
    }

    .slide_tags_2 li {
        white-space: nowrap;
    }
}


.slide_tags_3 li strong {
    font-weight: 500;
    color: #2C394A;
}


@media (max-width: 768px) {
    .slide_btns {
        flex-direction: column;

    }

    .slide_btns a {
        font-size: 13px;
        height: 45px;
        width: 100%;
    }

    .slide_btns a.span {
        margin: 0 auto;
    }

    .slide_btns .icon-right {
        justify-self: flex-end;
    }

    .iconsBanner {
        right: 0;
        position: absolute;
    }

    .iconsBanner img {
        width: 50px;
        height: 50px;
    }

    .hero-slider {
        height: 860px;
    }

    /*.hero-slider .slide {
        background-image: url('../images/hero_01_mobile.png');
        background-size: 100% !important;
        background-repeat: no-repeat;
    }*/


    .slide:first-child {
        background-size: 200%;
    }

    .slide_tags_3 li {
        line-height: 1.4;
        padding-bottom: 15px;
    }



    .slide_btns span {
        margin: 0 auto;
    }

    .imgOverlapIcon {
        max-height: 80px;
    }

    .text-3 {
        text-align: left;
    }

    .slide_tags_2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .slide_tags_2 li {
        width: 100%;
    }

    /* .box-1 {
        height: 670px;
        background-size: 200%;
        background-position-y: 160%;
        background-image:
            linear-gradient(180deg, #E9EBED 45.39%, rgba(233, 235, 237, 0) 60%),
            url(../images/Family-Lawyer-UAE-and-Dubai.jpg);
    } */

    .postitionBottomBtn {
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
    }

    .box-2 {
        padding: 20px;
        height: 670px;
        background-size: 115%;
        background-position-y: 100%;
        background-position-x: right;
        background-image: linear-gradient(180deg, #E9EBED 55%, rgba(233, 235, 237, 0) 100%), url(../images/Business-Lawyer-UAE-and-Dubai.jpg);

    }

    .box-2 p {
        padding-right: 0;
    }

    .cert-laywer {
        padding: 40px 15px;
    }

    .readToBlock {
        padding: 40px 20px 40px 20px;
    }

    .readToBlock h2 {
        font-size: 24px;
        color: #fff;
    }

    footer {
        background: radial-gradient(307.47% 57.42% at 148.13% -12.55%, #565656 0%, #262626 100%);
    }

    footer::after {
        display: none;
    }
}




/* CUSTOM HEADER STYLES  */

.nav-brand {
    position: relative;
    display: inline-block
}



@media (max-width: 768px) {
    .hero-slider {
        height: 960px;
    }

    .slide:first-child {
        background-size: contain;
    }

    .page-banner {
        height: 800px;
    }

    .page-banner .slide:first-child {
        background-size: cover !important;
    }

    .hover-row .col-item.c_active {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pageBanner .container {
        padding: 0 16px !important;
        height: 100%;
    }

}

@media (max-width: 768px) {
    #nav-transparent {
        height: 0 !important;
    }

    .hero-slider .slide {
        padding-top: 100px;
    }

    #dark_logo,
    #light_logo {
        transition: opacity 0.3s ease;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Default */
    #light_logo {
        opacity: 0;
    }

    #dark_logo {
        opacity: 1;
    }

    /* Light header → white logo/text */
    #nav-transparent.light-header #light_logo {
        opacity: 1;
    }

    #nav-transparent.light-header #dark_logo {
        opacity: 0;
    }

    /* Dark header → dark logo/text */
    #nav-transparent.dark-header #light_logo {
        opacity: 0;
    }

    #nav-transparent.dark-header #dark_logo {
        opacity: 1;
    }

    .nav-brand {
        height: 48px;
        width: 107px;
    }

    #nav-transparent.light-header #light_logo {
        display: block !important;
    }

    #nav-transparent.dark-header .nav-toggle:before {
        background-color: #222;
        box-shadow: 0 0.4em 0 0 #222, 0 0.8em 0 0 #222;
    }

    #dark-header .navigation .mfixed {
        background: #FFFFFF !important;
    }


}

.dark-header .navigation-fixed-wrapper:has(.mfixed) {
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.light-header .navigation-fixed-wrapper:has(.mfixed) {
    background-color: #222;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

@media (min-width:991px) {
    .nav-brand {
        height: 48px;
        width: 107px;
    }

    .nav-header {
        position: relative;
    }

    /* HEADER & LOGO CSS */
    #nav-transparent {
        position: relative;
        z-index: 1000;
        transition: background-color 0.4s ease-in-out;
    }

    /* Stack logos for smooth fade */
    #dark_logo,
    #light_logo {
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity 0.4s ease-in-out;
        opacity: 0;
        z-index: 1;
    }

    /* Default: show dark logo */
    #dark_logo {
        opacity: 1;
        z-index: 2;
    }

    /* Menu links default (dark text) */
    #nav-transparent .nav-menu a,
    #nav-transparent .nav-right-menu a {
        color: #222;
        transition: color 0.4s ease-in-out;
    }



    #nav-transparent.light-header .nav-menu a {
        color: #fff;
    }

    /* Sticky nav example */
    .navigation-fixed-wrapper.fixed.nav-white-bg {
        background-color: #222;
    }



    #nav-transparent.light-header #light_logo,
    #nav-transparent.nav-white-bg #light_logo {
        opacity: 1;
        z-index: 2;
    }

    #nav-transparent.light-header #dark_logo,
    #nav-transparent.nav-white-bg #dark_logo {
        opacity: 0;
        z-index: 2;
    }



    /* Menu text */
    #nav-transparent.light-header .nav-menu a,
    #nav-transparent.nav-white-bg .nav-menu a,
    #nav-transparent.light-header .nav-right-menu a,
    #nav-transparent.nav-white-bg .nav-right-menu a {
        color: #fff;
    }

    #nav-transparent.light-header .nav-right-menu a,
    #nav-transparent.nav-white-bg .nav-right-menu a {
        color: #222;
    }

    .dark-header .nav-white-bg #light_logo {
        opacity: 1;
    }

    .dark-header .nav-white-bg #dark_logo {
        display: none;
    }

    #nav-transparent.dark-header .nav-menu a,
    #nav-transparent.nav-white-bg .nav-menu a,
    #nav-transparent.dark-header .nav-right-menu a,
    #nav-transparent.nav-white-bg .nav-right-menu a {
        color: #222;
    }


    #nav-transparent.dark-header .nav-right-menu a,
    #nav-transparent.nav-white-bg .nav-right-menu a {
        color: #222;
    }


    .pageBanner .pageBg {
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }


    /* .pageBanner h1 {
        font-size: 64px;
        font-weight: 400;
        line-height: 130%;
        margin-bottom: 20px;
    } */

    .pageBanner p {
        font-size: 16px;
        font-weight: 400;
        line-height: 160% !important;
        margin: 0;
    }

    .pageBanner .container {
        height: 100%;
    }

    .pageBanner .slide-content {
        width: 100%;
        max-width: 100%;
    }

}

#nav-transparent.dark-header~.hero-slider h1 {
    color: #2C394A;
}

#nav-transparent.dark-header~.hero-slider p {
    color: #575C66;
}

#nav-transparent.dark-header~.hero-slider .slide_tags span {
    color: #2C394A;
}

.home .hero-slider .pageBg {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.mainsingle .hero-slider .pageBg {
    background-size: cover !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
}

.singleservice .hero-slider .pageBg {
    background-size: cover !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}

.individuals .hero-slider .pageBg,

.business .hero-slider .pageBg {
    background-size: contain !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
}

.slide.active {
    border-radius: 0;
}

.accountFormBgImage {
    padding: 20%;
    text-align: center;
}

.accountFormBgImage h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-size: 48px;
    font-weight: 400;
}

.contact #nav-transparent,
.login #nav-transparent,
.register #nav-transparent {
    height: auto !important;
    background-color: #fff;
}

@media (min-width:991px) {
    .halfBlockImg {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
    }
}

@media (max-width:767px) {
    .accountFormBgImage {
        min-height: 400px;
    }

    .accountFormBgImage {
        padding: 20% 5%;
        text-align: center;
    }

    .accountFormBgImage h1 {
        font-size: 30px;
    }

    .home .hero-slider .pageBg {
        background-size: contain !important;
        background-position: bottom !important;
    }

    .individuals .hero-slider .pageBg,
    .business .hero-slider .pageBg {
        background-size: contain !important;
        background-position: bottom !important;
    }


    .nav-header {
        display: flex;
        justify-content: space-between;
        width: 87%;
    }

    .nav-right-menu a {
        /*width: 90px !important;
        max-width: 90px !important;*/
        font-size: 13px !important;
        height: auto !important;
        padding: 6px 10px !important;
    }

    .nav-toggle {
        background-color: #fff;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

    .nav-toggle:before {
        width: 15px;
        left: 8px;
        top: 8px;
        background-color: #000;
        border-radius: 0;
        box-shadow: 0 0.4em 0 0 #000, 0 0.8em 0 0 #000;
    }

    .hero_bottom_curved {
        padding: 40px 0 15px;
        min-height: auto;

    }

    .img-5 {
        width: 55%;
    }

    .mb-text-center h1,
    .mb-text-center p {
        text-align: center;
    }

    .t-box {
        margin-bottom: 10px;
    }

    .trust-box .col-lg-4 {
        margin-bottom: 10px;
    }

    .c-first {
        height: 200px;
    }

    .c-first h4 {
        padding-bottom: 10px;
        border-bottom: #E7E5DE 1px solid;
    }

    .g-business {
        padding: 50px 0;
    }

    .mobile-plan-tabs button {
        font-size: 14px;
        FONT-WEIGHT: 400;
    }

    .mb-5 {
        margin-bottom: 1rem !important;
    }

    .bt-3 {
        font-size: 14px;
        padding: 12px 18px;
    }

    .pf-3 .text-center {
        text-align: left !important;
    }

    .leg-adv {
        padding: 30px 0;
        margin: 15px 0;
    }

    .c-step {
        padding: 20px;
    }

    .s-step {
        padding-left: 14px;
    }

    .s-step::before {
        top: 2px;
        height: 25px;
    }

    .n-center .justify-content-center {
        justify-content: left !important;
    }

    .t-tile-1 h3 {
        font-size: 26px;
    }

}



/* Latest By Ravi */

table {
    background: #fff;
}

th,
td {
    text-align: center;
    vertical-align: middle;
}

/* Mobile tab buttons */
.mobile-plan-tabs {
    display: none;
    margin-bottom: 1rem;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 8px;
    background: #F1F2F3;
}

.mobile-plan-tabs button {
    border: none;

    border-radius: 20px;
    padding: 0.5rem 1rem;
    font-weight: 500;
}

.mobile-plan-tabs button.active {
    border-radius: 8px;
    background: var(--White, #FFF);
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
}

.show-basic {
    vertical-align: middle !important;
    border-collapse: separate !important;
    border-spacing: 10px 0px;
}

.border-5 {
    border-radius: 10px 10px 0 0;
}

.border-6 {
    border-radius: 0 0 10px 10px;
}

.show-basic thead {
    border: none;
}

.bg-gray1 {
    background: #F5F5F5 !important;
    text-align: left;
    color: #000 !important;
    padding: 15px 22px 15px 22px !important;
    border-bottom: rgba(191, 187, 169, 0.40) 1px solid;
}

.bg-gray1 p {
    background: #fff;
    padding: 20px;
    margin: 0;
    border-radius: 22px;
    color: #000 !important;
}

.bg-gray2 {
    background: #fff !important;
    text-align: left;
    color: #000 !important;
    padding: 15px 22px 15px 22px !important;
    border-bottom: rgba(191, 187, 169, 0.40) 1px solid;
}


.bg-black {
    background: rgba(38, 38, 38, 1);
    text-align: left;
    color: #fff !important;
    padding: 15px 22px 15px 22px !important;
    border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
}

.no-border {
    border: none !important;
}

.bg-black p {
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    margin: 0;
    border-radius: 22px;
    color: #fff !important;
}

.p-table {
    padding: 20px;
    border-radius: 20px;
    background: #fff;
}

/* Desktop: show all columns */
@media (min-width: 768px) {

    .pricing-table th,
    .pricing-table td {
        display: table-cell;
    }
}

/* Mobile: show only one column at a time */
@media (max-width: 767.98px) {
    .mobile-plan-tabs {
        display: flex;
    }

    .pricing-table thead th:not(:first-child),
    .pricing-table tbody td:not(:first-child) {
        display: none;
    }

    .pricing-table th:first-child,
    .pricing-table td:first-child {
        text-align: left;
        width: 50%;
    }

    .pricing-table.show-basic th:nth-child(2),
    .pricing-table.show-basic td:nth-child(2),
    .pricing-table.show-pro th:nth-child(3),
    .pricing-table.show-pro td:nth-child(3),
    .pricing-table.show-enterprise th:nth-child(4),
    .pricing-table.show-enterprise td:nth-child(4) {
        display: table-cell;
    }
}


/* Marquee Wrapper */
.marquee-container {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0;
}

/* Continuous scroll track */
.marquee-track {
    display: inline-flex;
    white-space: nowrap;
    animation: scroll-left 60s linear infinite;
}

.marquee-text {
    display: inline-block;
    margin-right: 0;
    /* no space between duplicates */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: rgba(87, 92, 102, 1);

    padding-right: 2rem;
    /* space between phrases */
    border-radius: 12px;
    border: 1.524px solid rgba(221, 219, 212, 0.50);

    background: #FFF;
    display: inline-flex;
    padding: 8px 12px;
    align-items: center;
    gap: 10px;
    margin-left: 20px;
}

.marquee-text img {
    padding-right: 0px;

}

/*  Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Optional slow down on mobile */
@media (max-width: 576px) {
    .marquee-track {
        animation-duration: 60s;
    }
}

.accordion .accordion-item {
    margin-bottom: 15px;
    border-radius: 10px;
    border: rgba(231, 231, 231, 1) 1px solid;
}



.accordion .accordion-button,
.accordion .accordion-body {
    background: none !important;
}

.accordion .accordion-button {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
    color: #2B2B2B;
}

.accordion .accordion-body {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    color: #575C66
}

.accordion .collapsed {
    background: rgba(246, 246, 246, 1) !important;
    border-radius: 10px;
}

.accordion .accordion-button::after {
    top: 30%;

}



.teamCard {
    background-color: #F5F5F5;
    border-radius: 15px;
    /* margin: 15px; */
    border: 1px dashed #D8DBDF;
    padding: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.teamCard .teamImg {
    box-shadow: 0px 2px 2px 0px rgba(216, 219, 223, 0.5);
    border: 4px solid #E9E9E9;
    border-radius: 14px;
    overflow: hidden;
}

.teamCard .teamImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teamCard .teamBody {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    padding-top: 15px;
    margin-bottom: auto;
}

.teamCard .teamBody h4 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.16px;

}

.teamCard .teamBody h6 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.12px;

}

.teamCard .teamSocial {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 10px 0 0;
    margin-top: 10px;
    border-top: 1px dashed #D8DBDF;
    min-height: 43px;
}

.teamCard .teamSocial a {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    padding: 6px;
}

.teamCard .teamSocial a svg {
    height: 100%;
    fill: #DFB40C;
    transition: all 0.2s ease-in-out;
}

.teamCard .teamSocial a:hover {
    background-color: #fff;
}

.teamCard .teamSocial a:hover svg {

    fill: #2C394A;
}

@media (min-width:1200px) {

    .nav-header,
    .nav-right-menu {
        max-width: 300px;
        min-width: 300px;
    }

    .home .hero-slider {
        min-height: 705px;
        height: 705px;
    }

    .home .slide-left {
        max-width: 580px;
    }
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.g-business h3,
.alstruf h3 {
    font-size: 42px;
    line-height: 130%;
    letter-spacing: -1.68px;
    font-weight: 400;
}

.imgOverlapIcon {
    max-width: 164px;
    margin-right: 17.44px;
    margin-bottom: 17.44px;
}



.box-1,
.box-2 {
    border-radius: 20px;
    padding-top: 55px;
    padding-left: 45px;
    padding-right: 45px;
}

.box-1 {
    background-image: linear-gradient(180deg, #E9EBED 15%, rgba(233, 235, 237, 0) 100%), url(../images/Family-Lawyer-UAE-and-Dubai.png);
    /* background-image: url('../images/Family-Lawyer-UAE-and-Dubai.png');*/
    background-repeat: no-repeat, no-repeat;
    background-position: top center;
    background-size: cover;
    height: 613px;
}

.box-2 {
    background-image: linear-gradient(180deg, #E9EBED 15%, rgba(233, 235, 237, 0) 100%), url(../images/Business-Lawyer-UAE-and-Dubai.png);
    /*background-image: url('../images/Business-Lawyer-UAE-and-Dubai.png');*/
    background-repeat: no-repeat, no-repeat;
    background-position: top center;
    background-size: cover;
    height: 613px;
}

/* .box-1 {
    padding-bottom: 200px;
    text-align: left;
    position: relative;
    border: 1px solid #E9E9E9;
    background-image:
        linear-gradient(180deg, #E9EBED 45.39%, rgba(233, 235, 237, 0) 100%),
        url(../images/Family-Lawyer-UAE-and-Dubai.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top, bottom center;
    background-size: 100% 100%, contain;
} */

.box-1 h3,
.box-2 h3 {
    margin-top: 0 !important;
    font-size: 32px;
    line-height: 130%;
    letter-spacing: -1.28px;
    font-weight: normal;
    margin-bottom: 18px;
}

.box-1 p,
.box-2 p {
    padding-right: 0;
    color: #575C66;
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;
}

.box-1 .slide_btns a,
.box-2 .slide_btns a {
    width: 174px;
    height: 56px;
    gap: 5px;
}

.box-1 p {
    margin-bottom: 50px;
}

.box-2 p {
    margin-bottom: 23px;
}

.cert-laywer {
    padding: 48px 0;

}

/* .sub-text {
    background: #fff;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.56px;
    padding: 6px 8px;
    font-weight: 500;
    max-width: max-content;
} */

/* .cert-laywer .cert-laywer-inner .sub-text {
    width: 174px;
} */

/* .cert-laywer .cert-laywer-inner .left {
    padding-top: 55px;
} */

.cert-laywer .cert-laywer-inner {
    background: #F6F5F3;
    border-radius: 20px;
    padding: 60px 40px 60px 40px;
}

.cert-laywer .cert-laywer-inner h3 {
    font-size: 40px;
    line-height: 130%;
    letter-spacing: -1.6px;
    font-weight: 400;
    margin: 0;
}

.cert-laywer .cert-laywer-inner p {
    max-width: 552px;
    line-height: 160% !important;
}

/* .cert-laywer .cert-laywer-inner .slide_btns {
    margin-top: 45px;
} */

/* .cert-laywer .cert-laywer-inner .slide_btns a {
    width: 210px;
} */

/* .cert-laywer .cert-laywer-inner .slide_btns a span {
    padding-left: 10px;
} */

/* .cert-laywer .cert-laywer-inner .slide_btns a:last-child {
    width: 161px;
} */

/* .cert-laywer .cert-laywer-inner .sub-text {
    width: 174px;
} */


.cert-laywer .imgOverlapIcon {
    margin-left: 18px;
    margin-bottom: 20px;
    max-width: 252.86px;
    height: 78.86px;
}


.affordable_lawyers .left {
    max-width: 604px;
}


.affordable_lawyers .sub-text {
    width: 195px;
}

.affordable_lawyers h3 {
    font-size: 48px;
    line-height: 130%;
    letter-spacing: -1.92px;
    font-weight: 400;
    /* margin: 20px 0; */
}

.affordable_lawyers .left p {
    padding-right: 0;
    color: #575C66;
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;
}


/* .affordable_lawyers .left .slide_btns {
    margin-top: 45px;
} */


/* .affordable_lawyers .left .slide_btns a {
    width: 210px;
} */

/* .affordable_lawyers .left .slide_btns a span {
    padding-left: 10px;
} */

/* .affordable_lawyers .left .slide_btns a:last-child {
    width: 161px;
} */

/* .leg-adv .sub-text {
    width: 163px;
} */

.leg-adv h3 {
    font-size: 48px;
    line-height: 130%;
    letter-spacing: -1.92px;
    font-weight: 400;
    margin-top: 16px;
    padding-bottom: 44px;
    /* padding: 0; */
    margin-bottom: 0;
}

.leg-adv-cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* 3 equal columns for the first row */
    gap: 16px;
}

/* Make the 4th and 5th cards each take half of the row (2 columns each) */
.leg-adv-cards .leg-card:nth-child(4),
.leg-adv-cards .leg-card:nth-child(5) {
    grid-column: span 1;
    /* reset just in case */
}

/* For a predictable layout */
@media (min-width: 992px) {

    .leg-adv-cards {
        grid-template-columns: repeat(6, 1fr);
        /* think of 6 "slots" */
    }

    /* First 3 cards: each takes 2 of 6 slots (1/3 width) */
    .leg-adv-cards .leg-card:nth-child(-n+3) {
        grid-column: span 2;
    }

    /* Cards 4 and 5: each takes 3 of 6 slots (1/2 width) */
    .leg-adv-cards .leg-card:nth-child(n+4) {
        grid-column: span 3;
    }
}

.blogSection {
    padding: 60px 0;
}

.blogSection .sub-text {
    width: 117px;
    padding-left: 18px;
}

.blogSection h3 {
    font-size: 48px;
    line-height: 130%;
    letter-spacing: -1.92px;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 46px;
    padding: 0;
}


.blogSection .slide_btns_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 0;
}

.blogSection .slide_btns_1 a {
    width: 160px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #f1c300;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    border-radius: 42px;
    gap: 0;
    letter-spacing: -0.64px;
}

.blogSection .slide_btns_1 a span {
    padding-left: 10px;
    flex: 1;
}

.blogpost {
    border-radius: 16px;
}

.blogpost .postcontent h3 {
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.24px;
}

.blogpost .postcontent h5 {
    line-height: 28px;
    letter-spacing: -0.12px;
}

.blogpost .postcontent {
    padding: 16px 16px;
    gap: 12px;
}

.readytoProtect .readToBlock h2 {
    font-size: 48px;
    line-height: 130%;
    letter-spacing: -1.92px;
    font-weight: 400;
    margin: 20px 0;
}


.readytoProtect .readToBlock p {
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;

}

.readytoProtect .readToBlock {
    padding-top: 48px;
    padding-bottom: 52px;
}

.readytoProtect .readToBlock .slide_btns {
    margin-top: 54px;
    justify-content: center;
}


footer * {
    font-family: "Inter", sans-serif !important;
}

.footerColsTop {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* 3 equal columns for the first row */
    gap: 16px;
    color: #fff;
}

.footerColsTop .addresBlo {
    color: #fff;
    max-width: 185px;
}

.footerColsTop p {
    color: #fff;
}

.footerColsTop .listLinks a:first-child {
    padding-top: 0;
}

.footerColsTop .listLinks a {
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 8px 0;
    color: #fff;
    line-height: normal;
}

.footerColsBottom {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* 3 equal columns for the first row */
    gap: 16px;
    margin-top: 60px;
}

.footerColsBottom .list2Col a {
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 7px 0;
    color: #fff;
    line-height: normal;
}

.footerColsBottom h4 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    margin-bottom: 20px;
}


.footerColsTop h4 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    margin-bottom: 20px;
}

.footerColsTop .socialLinks {
    display: flex;
    margin-top: 35px;
    gap: 20px;
}

.footBottom {
    padding-top: 70px;
    margin-top: 75px;
    border-top: rgba(130, 139, 150, 0.5) 1px solid;
}

/* For a predictable layout */
@media (min-width: 992px) {
    .footerColsTop {
        grid-template-columns: repeat(4, 1fr);
        gap: 34px;
    }

    .footerColsBottom {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 34px;
    }

    .footerColsBottom .list2Col {
        column-count: 2;
        column-gap: 34px;
    }
}

/* .individuals .g-business {
    padding-top: 60px;
    padding-bottom: 60px;
} */

.g-business-width p {
    margin-bottom: 20px;
}

.individuals .g-business .g-business-width {
    max-width: 530px;
}

.individuals .g-business .g-business-width p {
    line-height: 160%;
    margin-bottom: 30px;
}

/* .individuals .g-business .slide_btns {
    margin-top: 25px;
    margin-bottom: 0;
} */

.cpllc * {
    font-family: "Inter", sans-serif !important;
}




.cpllc_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    justify-content: space-between;
    row-gap: 36px;
    column-gap: 24px;
}




@media (max-width: 768px) {
    .cpllc_grid {
        display: grid;
        gap: 20px;
        align-items: center;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}




.cpllc {
    padding-top: 50px;
    padding-bottom: 0;
}

.cpllc h3 {
    font-size: 48px;
    line-height: 130%;
    letter-spacing: -1.92px;
    font-weight: 400;
}

.cpllc_head p {
    margin-top: 20px;
    margin-bottom: 0;
}

.cpllc .wwhw_block {
    border-radius: 16px;
    overflow: hidden;
}

.cpllc .wwhw_block .wwhw_block_head {
    font-size: 20px;
    font-weight: 500;
    padding: 24px 16px;
    letter-spacing: -0.03em;
}

.cpllc .wwhw_block .wwhw_block_body {
    padding: 16px;
}

.cpllc .wwhw_block .wwhw_block_body p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.12px;
    color: #575C66;
    font-weight: 400;
}

.cpllc .wwhw_block .wwhw_block_body .read-more a {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 24px;
}

.cpllc .wwhw_block .wwhw_block_body .read-more img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin: 0;
}

.gtrh_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding-left: 35px;
    padding-right: 35px;
    /* margin-bottom: 10px;
    padding-bottom: 40px; */

}

.gtrh_head {
    margin-top: 30px;
    margin-bottom: 30px;
}


.gtrh_head h5 {
    font-size: 26px;
    line-height: normal;
}

.gtrh_btns .bt-3 {
    padding: 14.18px 24px;
}

.eolisccmtays {
    padding: 60px 0;
}

.eolisccmtays .eolisccmtays_blocks {
    gap: 60px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.eolisccmtays .eolisccmtays_blocks .eolisccmtays_block_content {
    max-width: 550px;
}

/* .eolisccmtays .eolisccmtays_blocks .eolisccmtays_block_content p {
    margin-bottom: 0;
} */

.eolisccmtays .eolisccmtays_blocks .eolisccmtays_block_content .slide_btns {
    margin-top: 0;
}

.eolisccmtays .eolisccmtays_blocks .eolisccmtays_block_img {
    max-width: 646px;
}

.individuals .leg-adv,
.business .leg-adv,
.mainsingle .leg-adv,
.singleservice .leg-adv {
    padding-top: 50px;
    background-image: url('../images/indi_leg_adv_bg.jpg');
    background-position: center;
    background-size: contain;
}

/* .individuals .leg-adv .sub-text {
    width: 248px;
    max-width: 248px;
} */
.pack-box h3 {
    margin-top: 20px;
    margin-bottom: 44px;
}

.pack-box .slide_btns {
    margin-top: 50px;
}

.individuals .leg-adv h3,
.business .leg-adv h3,
.mainsingle .leg-adv h3,
.singleservice .leg-adv h3 {
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 44px;
    padding: 0;
    padding-bottom: 0;
}

/* .individuals .readytoProtect {
    padding-top: 60px;
} */


.individuals .leg-adv1 {
    padding: 60px 0;
    background: #F6F5F3;
}

.individuals .leg-adv1 .sub-text {
    width: 163px;
    max-width: 163px;
}

/* .individuals .leg-adv1 h3 {
    font-size: 40px;
    margin-bottom: 45px;
    margin-top: 18px;
} */

.individuals .g-business1 .g-business1_content {
    max-width: 565px;
}

.individuals .g-business1 * {
    font-family: "Inter", sans-serif !important;
}

.individuals .g-business1 .g-business1_content p {
    max-width: 540px;
}


.individuals .g-business1 .g-business1_content h3 {
    font-size: 42px;
    line-height: 130%;
    letter-spacing: 0;
    max-width: 500px;
}

/* .individuals .g-business1 .slide_btns {
    margin-top: 40px;
    margin-bottom: 0;
} */

.singleTableStructure * {
    font-family: "Inter", sans-serif !important;
}

.singleTableStructure {
    max-width: 1130px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;

}

.singleTableStructure .comparison-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.singleTableStructure .features-column {
    padding-top: 16px;
    padding-bottom: 16px;
}

.singleTableStructure .features-column h3 {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.64px;
    margin: 0;
    padding-bottom: 18px;
    font-weight: 500;
}

.singleTableStructure .features-column h3 span {
    display: flex;
    align-items: center;
    height: 74px;
}

.singleTableStructure .traditional-column,
.singleTableStructure .subscription-column {
    padding-top: 16px;
    padding-bottom: 16px;
}

.singleTableStructure .traditional-column {
    background-color: #F5F5F5;
    border-radius: 20px;
    border: 1px solid rgba(221, 219, 212, 0.4);
}

.singleTableStructure .subscription-column {
    background: linear-gradient(180deg, rgba(86, 86, 86, 1) 0%, rgba(38, 38, 38, 1) 100%);
    border-radius: 20px;
}

.singleTableStructure .traditional-column h3,
.singleTableStructure .subscription-column h3 {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.64px;
    margin: 0;
    padding-bottom: 18px;
    font-weight: 500;
}

.singleTableStructure .traditional-column h3 span,
.singleTableStructure .subscription-column h3 span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #fff;
    height: 74px;
}

.singleTableStructure .subscription-column h3 span {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.singleTableStructure .feature-item {
    padding: 20px 16px;
    border-bottom: 1px solid rgba(191, 187, 169, 0.4);
}


.singleTableStructure .feature-item:nth-child(6) {
    border-bottom: none !important;
}

.singleTableStructure .subscription-column .feature-item {
    color: #fff;
    position: relative;
    padding-left: 64px;
}

.singleTableStructure .subscription-column .feature-item::before {
    position: absolute;
    content: '';
    background: url('../images/list-3.svg');
    width: 24px;
    height: 24px;
    left: 24px;
}

.singleTableStructure .subscription-column .feature-button {
    padding: 24px;
}

.singleTableStructure .subscription-column .feature-button a {
    padding: 16px 35px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 40px;
}



.singleTableStructure .subscription-column .feature-button a span {
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #322900;
    letter-spacing: -0.64px;
}

.singleTableStructure .subscription-column .feature-button a .icon-right {
    border-left: 1px solid #DDDBD4;
}

/* Mobile/Tablet View */
@media (max-width: 768px) {
    .singleTableStructure {
        padding: 16px;
    }

    .singleTableStructure .singleTableMobiel {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .singleTableMobiel .nav-tabs {
        display: flex;
        border-radius: 8px;
        background: #F1F2F3;
        /* overflow: hidden; */
        border: 0;
        justify-content: space-between;
    }

    .singleTableMobiel .nav-tabs button {
        display: flex;
        padding: 4.5px;
        border: 0;
        color: #2C394A;
        font-family: Switzer;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        flex: 1;
        flex: auto;
        justify-content: center;
        align-items: center;
        background: transparent;
    }

    .singleTableMobiel .nav-tabs button.active {
        border-radius: 8px;
        background: #fff;
        border: 0;
        box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.06);
    }

    #lcs-content h2,
    #traditional-content h2 {
        color: #2C394A;
        font-family: Switzer;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: -0.64px;
        margin: 12px 0;
    }

    .mfeatureItem {
        display: flex;
        gap: 16px;
        color: #575C66;
        font-family: Switzer;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }

    .mfeatureItem .mfeatureItemLeft,
    .mfeatureItem .mfeatureItemRight {
        flex: 1;
    }

    .mfeatureItem .mfeatureItemLeft>div:first-child,
    .mfeatureItem .mfeatureItemRight>div:first-child {
        padding-top: 20px;
    }

    .mfeatureItem .mfeatureItemLeft>div:last-child,
    .mfeatureItem .mfeatureItemRight>div:last-child {
        border: 0;
    }

    .mfeatureItem .mfeatureItemLeft>div,
    .mfeatureItem .mfeatureItemRight>div {
        display: flex;
        gap: 16px;
        flex: 1;
        padding: 12px 0;
        border-bottom: 1px solid rgba(191, 187, 169, 0.40);
        min-height: 67px;
        align-items: center;
    }

    .mfeatureItem .mfeatureItemRight>div {
        padding: 12px;
    }

    .mfeatureItem .mfeatureItemRight {
        border-radius: 20px;
        border: 1px solid rgba(221, 219, 212, 0.40);
        background: var(--Grey, #F5F5F5);

    }

    #lcs-content .mfeatureItem .mfeatureItemRight {
        border-radius: 20px;
        border: 1px solid rgba(221, 219, 212, 0.40);
        background: radial-gradient(308.01% 113.7% at 148.13% -12.55%, #565656 0%, #262626 100%);
    }

    #lcs-content .mfeatureItem .mfeatureItemRight>div {
        color: #fff;
        position: relative;
        padding-left: 35px;
    }

    #lcs-content .mfeatureItem .mfeatureItemLeft>div:nth-child(2),
    #lcs-content .mfeatureItem .mfeatureItemRight>div:nth-child(2) {
        min-height: 100px;
    }

    #lcs-content .mfeatureItem .mfeatureItemRight>div::before {
        position: absolute;
        content: '';
        background: url(../images/list-3.svg);
        width: 18px;
        height: 18px;
        left: 8px;
        background-size: contain;
    }



    /* .mfeatureItem>div {
        display: flex;
        gap: 16px;
        flex: 1;
        padding: 12px 0;
        border-bottom: 1px solid rgba(191, 187, 169, 0.40);

    }

    .mfeatureItem>div:last-child {
        background: #F5F5F5;
        padding: 12px;
    }

    .mfeatureItem.radiusTop>div:last-child {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .mfeatureItem.radiusBottom>div:last-child {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    #lcs-content .gradientBg {
        background: radial-gradient(308.01% 113.7% at 148.13% -12.55%, #565656 0%, #262626 100%);
    } */



}

/* .leg-adv_table {
    max-width: 1130px;
    margin: 0 auto;
}

.leg-adv_table thead th {
    width: 350px;
}

.leg-adv_table tbody td {
    padding-left: 25px !important;
    font-size: 16px;
}

.leg-adv_table .show-basic {
    border-spacing: 20px 0;
}

.leg-adv_table .show-basic .border-5 {
    border-radius: 20px 20px 0 0;
    border: solid 1px rgba(221, 219, 212, 40%) !important;
    border-bottom: 0 !important;
}

.leg-adv_table .show-basic .border-61,
.leg-adv_table .show-basic .border-6 {
    border-radius: 0 0 20px 20px;
    border: solid 1px rgba(221, 219, 212, 40%) !important;
}

.leg-adv_table .show-basic tbody tr td:nth-child(1) {
    border-left: solid 1px transparent !important;
    border-right: solid 1px transparent !important;
    box-shadow: none !important
}

.leg-adv_table .show-basic tfoot td.bg-gray1,
.leg-adv_table .show-basic tfoot td.bg-black {
    border-top: 0 !important;
}

.leg-adv_table .show-basic tbody td {
    border-left: solid 1px rgba(221, 219, 212, 40%) !important;
    border-right: solid 1px rgba(221, 219, 212, 40%) !important;
}


.leg-adv_table .show-basic th.bg-gray1,
.leg-adv_table .show-basic th.bg-black {
    padding: 16px !important;
}

.leg-adv_table .show-basic td.bg-gray1,
.leg-adv_table .show-basic td.bg-black {
    padding: 22.9px 22px !important;
}

.leg-adv_table .show-basic .bg-gray1 p {
    padding: 22.45px;
}

.leg-adv_table .show-basic .bg-black p {
    padding: 22.45px;
}

.leg-adv_table .show-basic tbody tr td:nth-child(1) {
    border-left: solid 1px transparent !important;
    border-right: solid 1px transparent !important;
    box-shadow: none !important
}

.leg-adv_table .show-basic tfoot td.bg-gray1,
.leg-adv_table .show-basic tfoot td.bg-black {
    padding: 24px !important;
}

*/
.spacingDefault {
    padding: 0 0 80px;
}

.spacingDefaultPy {
    padding: 80px 0;
}

.leg-adv.spacingDefault {
    padding: 60px 0;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 80px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-46 {
    margin-bottom: 46px;
}

.slide_btns a,
.slide_btns_1 a {
    border: 2px solid #f1c300;
    padding: 14px 24px;
    max-width: inherit !important;
}


.slide_btns a:hover,
.slide_btns_1 a:hover {
    background-color: #2F3E4F !important;
    border: 2px solid #2F3E4F;
    color: #fff !important;
}

.slide_btns a:nth-child(2) {
    padding: 14px 28px;
    border-color: #E2E1DB;
    width: auto;
}

.slide_btns a:hover .icon-right,
.slide_btns_1 a:hover .icon-right {
    filter: invert(1);
    border-color: #fff !important;
}

.slide_btns a:hover .icon-right,
.slide_btns_1 a:hover .icon-right {
    border-left-color: rgba(255, 255, 255, 0.4);
}



.alstruf_new {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

.alstruf_new .slide_btns {
    margin-top: 0;
}

.alstruf_new>div:first-child {
    padding-right: 50px;
}






@media (max-width: 768px) {
    .alstruf_new {
        display: grid;
        gap: 20px;
        align-items: center;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }



}

.nav-right-menu ul a {
    transition: all 0.3s ease-in-out !important;
}

.nav-right-menu ul li a:hover {
    background-color: #2F3E4F;
    color: #fff !important;
}

.nav-right-menu ul :last-child a:hover {
    background-color: #2F3E4F;
    color: #fff !important;
}

p.lead {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 35px;
}

.mb-5 {
    margin-bottom: 44px !important;
}

.yblc .nav.nav-tabs {}

.yblc .nav.nav-tabs li.nav-item {
    margin: 0;
    flex-grow: 1;
    flex-basis: auto;
}

.yblc .nav.nav-tabs li.nav-item .nav-link {
    padding: 10px;
    border-radius: 0;
    /* border: 0; */
    border-left: 0;
    border-right: 0;
    border-top: 0;
    font-size: 16px;
    letter-spacing: -0.64px;
    font-weight: 500;
    display: flex;
    gap: 10px;
    color: #2C394A;
    width: 100%;
}

.yblc .nav-tabs .nav-item.show .nav-link,
.yblc .nav-tabs .nav-link.active {
    border-radius: 0;
    background-color: #F6F5F3;
    border-bottom: 1px solid #DFB40C;
}

.yblc .tab-content {
    padding: 26px 10px;
}

.yblc .cert-laywer-inner {
    background: #F6F5F3;
    border-radius: 20px;
    padding: 60px 40px 60px 40px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}




.yblc .cert-laywer-inner>div:first-child {
    padding-right: 50px;
}

.yblc .cert-laywer-inner h3 {
    font-size: 40px;
    padding-bottom: 20px;
}

.yblc .cert-laywer-inner .read-more {
    margin-top: 26px;
    margin-bottom: 60px;
}

.yblc .cert-laywer-inner .read-more a {
    font-size: 14px;
    display: flex;
    line-height: 1;
}

.yblc .cert-laywer-inner p {
    max-width: 552px;
    line-height: 160% !important;
}

.yblc .cert-laywer-inner .read-more a img {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.yblc .tabBodyListItems {
    display: flex;
    flex-direction: column;
    max-width: 400px;
}

.yblc .tabBodyListItems li {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid #fff;
    color: #49505B;
    align-items: center;
}

.yblc .tabBodyListItems li .read-more {
    margin: 0;
}

.yblc .tabBodyListItems li a {
    font-size: 14px;
    display: flex;
    line-height: 1;

}

.pricingTabs .nav-link {
    color: #2C394A;
    font-family: Switzer;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.64px;
}

.pricingTabs .nav-link:focus,
.pricingTabs .nav-link:hover {
    font-family: Switzer;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 100% */
    letter-spacing: -0.64px;
}

.navigation-portrait .submenu-indicator-chevron {
    border-color: transparent #fff #fff transparent !important;
}

@media (max-width:767px) {
    .yblc .cert-laywer-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 24px;
    }

    .yblc .cert-laywer-inner>div:first-child {
        padding-right: 0;
    }

    .yblc .cert-laywer-inner h3 {
        color: var(--Headline-Main, #2C394A);
        font-family: Switzer;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        /* 31.2px */
        letter-spacing: -0.48px;
        padding-bottom: 16px;
    }

    .yblc .cert-laywer-inner p {
        margin-bottom: 26px;
    }

    .yblc .cert-laywer-inner .read-more {
        margin-bottom: 30px;
    }

    .yblc .cert-laywer-inner .read-more a {
        font-weight: normal;
        white-space: nowrap !important;
    }

    .yblc .tabBodyListItems li {
        font-size: 14px;
    }

    .yblc .tabBodyListItems li:first-child {
        padding-top: 0;
    }

    .pricingTabs .nav.nav-tabs,
    .yblc .nav.nav-tabs {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
    }

    .pricingTabs .nav.nav-tabs li.nav-item .nav-link,
    .yblc .nav.nav-tabs li.nav-item .nav-link {
        white-space: nowrap;
    }


    .pricingTabs .nav.nav-tabs::-webkit-scrollbar,
    .yblc .nav.nav-tabs::-webkit-scrollbar {
        display: none !important;
        scrollbar-width: 0
    }





}

.equalVerticalGap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.equalVerticalGap10 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.equalVerticalGap16 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.equalVerticalGap24 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.equalVerticalGap12 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.font42 {
    font-size: 42px !important;
}

.font48 {
    font-size: 48px !important;
}

.font40 {
    font-size: 40px !important;
}




.trustBoxGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

@media (max-width: 768px) {
    .trustBoxGrid {
        display: grid;
        gap: 20px;
        align-items: center;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}

.meetTeamGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.meetTeamGrid>div {
    height: 100%;
}

@media (max-width: 768px) {
    .meetTeamGrid {
        display: grid;
        gap: 24px;
        align-items: center;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}
.mainsingle .pageBanner .slide_btns {
        margin-top:30px;
    }
@media (min-width: 991px) {
    .mainsingle .pageBanner .slide_btns {
        margin-top: 80px;
    }
}
.mainsingle .hero-slider {
    min-height: 800px;
}


.cert-laywer-inner .row [class^="col-"] {
    padding: 0;
}

.cert-laywer-inner .equalVerticalGap {
    padding-right: 80px;
}


.single_service {
    padding-top: 150px;
    padding-bottom: 50px;
}

.single_service .slide-left {
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media (min-width:991px){
    .single_service .iconsBanner {
        margin-bottom: 0 !important;
    }
}
.ppricing .singleService3Block,
.bpricing .singleService3Block {
    margin-top: 0;
}

.singleService3Block {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: cen/**/ter;
    justify-content: space-between;
    gap: 24px;
    margin-top: 34px;
}

.singleService3Block_item {
    padding: 16px;
}

.singleService3Block_item>div {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.singleService3Block_item>div img {
    width: 24px;
    height: 24px;
}

.singleService3Block_item>div h6 {
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .singleService3Block {
        display: grid;
        gap: 24px;
        align-items: center;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}


.howitsworks .hero-slider {
    min-height: 651px;

}

.howitsworks .hero-slider .slide-left p {
    max-width: 470px;

}

.howitsworks .hero-slider .slide_btns {
    margin-top: 80px;
}


.timeline-1 {
    position: relative;
    width: 100%;
    /*padding: 60px 0;*/
    list-style: none;
    counter-reset: event-counter;
}

/* Base white line with grey border */
.timeline-1::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 22px;
    bottom: 0;
    width: 4px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    transform: translateX(-50%);
    z-index: 0;
}

/* Yellow progress fill line */
.timeline-fill {
    position: absolute;
    left: 50%;
    top: 22px;
    width: 4px;
    height: 0;
    background: #f1c300;
    transform: translateX(-50%);
    z-index: 1;
}

/* Each event (left text, right image) */
.timeline-1 .event {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 100px 0;
    position: relative;
    counter-increment: event-counter;
    z-index: 2;
}

@media (min-width:991px){
.timeline-1 .event .text,
.timeline-1 .event .h-w-image {
    width: 519px;
    height: 448px;
}
}



.timeline-1 .event .text {
    text-align: left;
}

.timeline-1 .event .h-w-image {
    border-radius: 8px;
    /* border: 2px solid #fff;
    background: radial-gradient(85.04% 85.04% at 49.93% 14.96%,
            #565656 0%,
            #262626 100%); */
    border-radius: 12px;
    border: 8px solid #EDEEF1;
    overflow: hidden;



}

.timeline-1 .event .h-w-image img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Numbered circles (initial state) */
.timeline-1 .event:after {
    content: counter(event-counter);
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #D8DBDF;
    color: #575c66;
    font-weight: bold;
    font-size: 0.9em;
    border-radius: 8px;
    width: 26px;
    height: 26px;
    text-align: center;
    z-index: 2;
    transition: all 0.3s ease;
    padding: 4px;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.08px;


}

/* Active (filled yellow) */
.timeline-1 .event:after {
    background: #fff;
    color: #2C394A;
    border-color: #D8DBDF;
}

/* .timeline-1 .event.active:after {
    background: #f1c300;
    color: #fff;
    border-color: #f1c300;
} */

/* Responsive */
@media (max-width: 768px) {

    .timeline-1::before,
    .timeline-fill {
        left: 10px;
    }

    .timeline-1 .event {
        flex-direction: column;
        align-items: flex-start;
        margin: 60px 20px;
        gap: 20px;
    }

    .timeline-1 .event .text,
    .timeline-1 .event .h-w-image {
        width: 100%;
        text-align: left;
        padding-left: 15px;
    }

    .timeline-1 .event:after {
        left: -11px;
        transform: translate(-50%, 0);
    }
}

.c-3 {
    width: 29px;
    height: 29px;
    padding: 12px;
    background: rgba(237, 238, 241, 1);
    color: #000;
    margin-bottom: 18px;
    font-size: 13px;
}

.bg-5 {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    /* space between boxes */

    border-radius: 10px;

    margin-top: 15px;
}

.bg-5 .bg-item {
    flex: 1;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s ease;
    font-size: 13px !important;
}

.bg-item1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 20px;
    gap: 15px;
    transition: all 0.3s ease;
}

.bg-5 .bg-item h5{
    font-size: 16px !important;
    margin-top:10px;
}

.bg-5 .bg-item p {
    font-size: 14px !important;
}

/*.bg-5 .bg-item:hover {
    background: #f1c300;
    border-color: #f1c300;
    color: #000;
}

.bg-5 .bg-item:hover img{
    filter:brightness(0) invert(1);
}*/


.bg-5 .read-more {
    margin-top: 10px;
}

.bg-5 .read-more a {
    text-decoration: none;
    color: #575c66;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.bg-5 .read-more a img {
    width: 14px;
    height: auto;
}

/* Left text block */
.bg-item .content {
    flex: 1;
    text-align: left;
}

/* Right image */
.bg-item .p-right {
    width: 60px;
    height: auto;
    object-fit: contain;
}

/* Responsive: stack items vertically on small screens */
@media (max-width: 768px) {
    .bg-5 {
        flex-direction: column;
    }

    .bg-item1 {
        flex-direction: column;
        align-items: flex-start;
    }

    .bg-item1 .p-right {
        align-self: flex-end;
        margin-top: 10px;
    }
}

.bg-gray3 {
    background: rgba(246, 245, 243, 1);
}

.timeline-1 .event .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.timeline-1 .timeline_count {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 12px;
    background-color: #EDEEF1;
    border-radius: 50%;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    color: #575C66;
    letter-spacing: -0.08px;
}

.event.active .timeline_count {
    background-color: #f1c300;
    /* yellow when active */
    color: #fff;
    /* adjust text color if needed */
}

.timeline-1 .text h4 {
    margin-top: 24px;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    /* 140% */
    letter-spacing: -0.8px;
    color: #2C394A;
}

.timeline-1 .text p {
    color: #575C66;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    /*line-height: 32px !important;*/
    letter-spacing: -0.16px;
}

.timeline-1 .event:nth-child(5):after {
    top: 30%;
}


@media (max-width:767px){
    .timeline-1 .text h4{
        color: #2C394A;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 56px;
        letter-spacing: -0.48px;
    }
    .timeline-1 .text p {
        font-size: 16px;
        line-height: 32px !important;
        letter-spacing: -0.16px;
    }
}

/* 
.timeline-1::before {
    display: none;
}

.timeline-1 .event::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 110%;
    border-radius: 8px;
    border: 0.5px solid #D8DBDF;
    background: #EDEEF1;
    left: 50%;
    transform: translateX(-50%);
}

.timeline-1 .event::after {
    top: -11%;
} */


.DashFullWrapperMain {
    margin-top: 95px;
    margin-bottom: 58px;
}

.DashFullWrapper {
    display: flex;
    gap: 33px;
}


.DashFullWrapper .DashSideBar {
    min-width: 240px;
    /* height: 100vh; */
    background: #FFF;
    box-shadow: 0 8px 64px 0 rgba(143, 143, 143, 0.16);
    padding: 23px 8px 0;
    overflow: hidden;
}

.DashSideBar .userControlBlock {
    border-radius: 8px;
    padding: 8px;
    background: #F5F5F5;
    margin-bottom: 24px;
}

.DashSideBar .userControlBlock>div {
    border-radius: 8px;
    padding: 8px;
    background: #fff;
}

.sidebarDivider {
    height: 1px;
    width: 100%;
    background-color: #DEDFE3;
    position: relative;
    margin-bottom: 16px;
}

.sidebarDivider:before,
.sidebarDivider:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    background-color: #DEDFE3;
    left: -100%;
}

.sidebarDivider:after {
    left: auto;
    right: -100%;
}

.sidebarMenu {
    border-radius: 8px;
    padding: 8px;
    background: #F5F5F5;
    margin-bottom: 24px;
}

.sidebarMenu .nav-item a {
    border-radius: 8px;
    padding: 8px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.sidebarMenu .nav-link span {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    background-color: #F5F5F5;
}

.sidebarMenu .nav-item a.active {
    background-color: #fff;
}



.DashFullContent {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.DashFullContent .DashHead {
    display: flex;
    gap: 10px;
}

.DashFullContent .DashHead>div:first-child {
    width: 70%;
}

.DashFullContent .DashHead>div:last-child {
    width: 30%;
}


.DashFullContent {
    flex: auto;
    padding: 48px;
    background-color: #F5F5F5;
    border-radius: 20px;
    gap: 10px;
}

.DashFullContent h1 {
    color: #2C394A;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.8px;
    margin: 0;
}

.DashFullContent .t-tile-1 p {
    color: var(--Text-paragraph, #575C66);
    font-family: Switzer;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px !important;
    /* 240% */
    letter-spacing: -0.8px;
    margin: 0;
    margin-bottom: 20px;
}

.DashFullContent .currentSubscription {
    padding: 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;

}

.DashFullContent .currentSubscription h3 {
    padding-bottom: 0 !important;
    color: #2C394A;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.8px;
    margin: 0 !important;
}

.DashFullContent .currentSubscription .c-plan a {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.DashFullContent .currentSubscription .p-name {
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #2C394A;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.08px;
}

.DashFullContent .ReminingHours {
    display: flex;
    padding: 12px 8px;
    align-items: center;
    align-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.DashFullContent .ReminingHours .h-plan {
    border-radius: 4px;
    border: 1px solid #B5BBC4;
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #49505B;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.08px;
}

.DashFullContent .TimeTable .table {
    background-color: transparent;
}

.DashFullContent .TimeTable .table-bordered>:not(caption)>*,
.DashFullContent .TimeTable table thead {
    border: 0;
}

.DashFullContent .TimeTable table thead th:first-child,
.DashFullContent .TimeTable table tbody td:first-child {
    padding-left: 16px;
}

.DashFullContent .TimeTable table thead th:last-child,
.DashFullContent .TimeTable table tbody td:last-child {
    padding-right: 16px;
}

.DashFullContent .TimeTable table thead th {
    color: #2C394A;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background-color: transparent;
}

.DashFullContent .TimeTable table thead tr,
.DashFullContent .TimeTable table tbody tr {
    margin-bottom: 10px;
}

.DashFullContent .TimeTable table thead th,
.DashFullContent .TimeTable table tbody td {
    padding: 24px 0;
    border-radius: 6px;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    color: #2C394A;

}

.DashFullContent .TimeTable .table {
    border-collapse: separate;
    /* disable collapsed borders */
    border-spacing: 0 10px;
    margin-bottom: 0;
    /* horizontal | vertical spacing */
}

.DashFullContent .DashCards {
    display: flex;
    gap: 10px;
    padding-top: 30px;
}

.DashFullContent .DashCards div {
    display: flex;
    flex-direction: column;
    padding: 40px 20px;
    gap: 28px 10px;
    flex-shrink: 0;
    flex-wrap: wrap;
    border-radius: 8px;
    background: #FFF;
    flex: 1;
}

.DashFullContent .DashCards div h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.8px;
    display: flex;
    gap: 10px;
}

.DashFullContent .DashCards div a {
    width: max-content;
    display: flex;
    padding: 13px 36px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #F1C300;
    color: #2C394A;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.56px;
}

.DashFullContent .DashCards div a:hover {
    background-color: #2F3E4F;
    color: #fff;
}

.DashFullContent .DashAccountForm,
.DashFullContent .DashAccountForm form {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.DashFullContent .DashAccountForm h6 {
    padding: 12px 8px;
    color: #2C394A;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.8px;
    margin-bottom: 0;
}

.DashFullContent .DashAccountForm .inputField {
    display: flex;
    padding: 12px 20px;
    align-items: center;
    align-content: center;
    gap: 8px 12px;
    flex: 1 0 0;
    flex-wrap: wrap;
    border-radius: 12px;
    border: 1px solid #E5E5E5;
    background: #FFF;
}

.DashFullContent .DashAccountForm .inputField .form-label {
    color: #737373;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    /* 171.429% */
}

.DashFullContent .DashAccountForm .inputField .form-control {
    color: #737373;
    font-family: Switzer;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: none;
    padding: 0;

}

.DashFullContent .DashAccountForm .inputField .form-control:disabled {
    background-color: transparent;
    opacity: 1;
}

.s-step {
    padding-left: 0;
}

.s-step::before {
    display: none;
}

.contact .hero-slider {
    min-height: 624px;
}
@media (max-width:661px){
    .contact .hero-slider .pageBg{
        background-color:#fff !important;
        padding:0 !important;
    }
    .contact .hero-slider .slide-left {
        margin-top: 30px !important;
    }
}
.contact .hero-slider .slide-left {
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    margin-bottom: 64px;
}

.contact .hero-slider .slide-content {
    align-items: flex-end;
}



.contactBlocks {
    display: flex;
    gap: 100px;
    align-items: center;

}




.contactDetails {
    border-radius: 32px;
    background-color: #fff;
    padding: 60px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.contactDetails .contactHead {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 21px;
    margin-bottom: 21px;
}

.contactDetails .contactHead h4 {
    color: #2C394A;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.64px;
    margin: 0;
}

.contactDetails .contactFoot {
    display: inline-flex;
    margin: 21px 0;

}

.contactDetails .contactFoot .hoursBlock {
    min-width: 322px;
    min-height: 232px;
    padding: 47px 29px 43px 21px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #F6F5F3;
    box-shadow: 0 1px 2px -1px rgba(26, 25, 37, 0.06), 0 1px 1px 0 rgba(26, 25, 37, 0.08), 0 0.5px 0.5px 0 rgba(26, 25, 37, 0.08);
}

.contactDetails .contactFoot .hoursBlock .addressInfo {
    margin-bottom: 20px;
}

.contactDetails .contactFoot .hoursBlock p {
    color: #575C66;
    font-size: 18px;
    font-weight: 400 !important;
    line-height: 20px;
    /* 111.111% */
    letter-spacing: -0.108px;
    margin-bottom: 20px;
    line-height: 1 !important;
}

.contactDetails .contactFoot .hoursBlock p:last-child {
    margin-bottom: 0;
}

ul.addressInfo {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: max-content;
}

ul.addressInfo li {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
    position: relative;
    gap: 4px;
}

ul.addressInfo li strong {
    color: #2C394A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: -0.108px;

}

ul.addressInfo li,
ul.addressInfo li a {
    text-decoration: none;
    color: #575C66;
    font-family: Switzer;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.108px;
}

ul.addressInfo li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    background-image: var(--ci_icon);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}



.slide_btns button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px;
    width: 210px;
    height: 50px;
    background-color: #f1c300;
    border-radius: 42px;
    gap: 20px;
    letter-spacing: -0.64px;
    border: 0;
    position: relative;
}

.slide_btns button span {
    flex: 1;
    text-align: center;
    color: #2C394A;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;
}

.slide_btns button .icon-right {
    padding: 6px 0 6px 8px;
    margin: 0;
    width: 20px;
    height: 24px;
}

.slide_btns button:before {
    position: absolute;
    content: '';
    right: 50px;
    width: 1px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.40);
}

.slide_btns button:hover span {
    color: #fff !important;
}

.slide_btns button:hover {
    background-color: #2F3E4F !important;
    color: #fff !important;
}

.slide_btns button:hover .icon-right {
    filter: invert(1);
    border-color: #fff !important;
}

@media(min-width:991px){
   .contactForm,
.contactForm form {
    flex: 0 0 392px;
    width: 392px;
} 
}
.contactForm,
.contactForm form {
    /*flex: 0 0 392px;
    width: 392px;*/
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contactFormField {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contactFormField .contactFormField2Cols {
    display: flex;
    gap: 12px;
}

.contactFormField .contactFormField2Cols>div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contactFormField label {
    color: #2C394A;
    font-family: Switzer;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */
    letter-spacing: -0.078px;
    display: flex;
    gap: 4px;
}

.contactFormField label span {
    color: #F1C300;
}

.contactFormField input,
.contactFormField textarea {
    color: #575C66;
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.90);
    border: 0;
    box-shadow: 0 0 0 1px rgba(26, 25, 37, 0.08),
        0 3px 3px -1.5px rgba(7, 1, 19, 0.03),
        0 2px 2px -1px rgba(7, 1, 19, 0.03),
        0 1px 1px -0.5px rgba(7, 1, 19, 0.03),
        0 0.5px 0.5px 0 rgba(7, 1, 19, 0.03);
}

.contactFormField textarea {
    padding: 10px 12px;
    min-height: 184px;
}


.contactFormNote {
    color: #575C66;
    /* Body/X Small */
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */
    letter-spacing: -0.078px;
}

.contactFormNote a {
    color: #2C394A;
}

.contactFormNote a:hover {
    color: #f1c300;
}

.iti__selected-flag {
    border-right: 1px solid #EEEEF0;
    padding: 0;
    width: 36px;
    height: 36px;
}

.iti__arrow {
    display: none;
}

/* .iti__selected-flag .iti__flag {
    transform: scaleY(2) scaleX(1);
    transform-origin: center center;
    border-radius: 50%;

} */

.service-des .slide-left h1 {
    font-size: 48px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    /* 57.6px */
    letter-spacing: -0.03em !important;
}


.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}


.postImg{
    width:100%;
    height: 100%;
    max-height: 480px;
    border-radius: 12px;
    border: 2px dashed #B5BBC4;
    background: #FFF;
    margin-bottom:90px;
}

.postImg img{
    width:100%;
    height:100%;
    object-fit:contain;
    max-height: inherit;
}


 .postContent h3 {
    font-size: 40px;
    font-weight: 500;
    /* text-align: center; */
    color: #2C394A;
    margin: 20px 0;
    letter-spacing: -0.02em;
}

.font-32{
    font-size:32px;
}

@media (max-width:767px){
    .bloghead h2 {
        font-size: 36px;
        line-height: 1.3;
    }
    .postContent h2{
        line-height:1.3;
    }
    .postContent p{
        font-size:16px;
    }
    .postContent h3 {
        font-weight: 600;
        font-size: 24px;
        line-height: 1.3;
        letter-spacing: -0.5px;
        color: #575C66;
        margin: 20px 0;
    }
    .postContent{
        padding:0;
    }
    .font-32{
        font-size:24px;
    }
    
    .howitsworks .pageBanner .slide-left h1{
        font-size:32px !important;
    }
}



.termsPage{
    margin-top: 48px;
    padding:80px 0;
    
}
.termsPage li{
   color:#575C66; 
}


.cert-laywer-inner > .row{
   align-items: center;
}


.about .page-banner{
   height: auto;
}

.about .page-banner .container{
   padding-bottom: 0;
   padding-top:120px;
}

.logonissue .contactFormField .contactFormField2Cols>div {
    flex: 1;
}

.logonissue .contactForm,
.logonissue .contactForm form{
     flex: 0 0 100%;
     width: 100%;
}



.contactFormHead{
    max-width: 521px;
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-bottom:20px;
}

.logonissue .contactBlocks h1{
    color: #2C394A;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 62.4px */
    letter-spacing: -0.03em;
    margin:0;

}
.logonissue .contactBlocks p{
    color:  #49505B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    letter-spacing: -0.2px;
}


.logonissue #nav-transparent{
    height: auto !important;
    background-color: #fff;
}

@media (max-width:767px){
    
    
    .about .page-banner{
        min-height:auto;
    }
    .about .page-banner .pageBanenrImg{
       margin-bottom:0;
    }
}



.hero_bottom_curved .sub-head{
    text-transform:capitalize;
}


@media(max-width:767px){
    #navigation .nav-menu>li:last-child{

    }
    #navigation .nav-menu>li:last-child a{
        background: #f1c300;
        color:#2C394A;
    }
}


/*
.light-header .nav-right-menu ul :last-child a.spBtn{
    background-color: transparent !important;
    color: #fff !important;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px #f1c300 inset;
}

.light-header .nav-right-menu ul :last-child a.spBtn:hover{
    background-color: #f1c300 !important;
    color: #fff !important;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px #f1c300 inset;
}
*/

.winBadge{
    
    border-radius: 16px;
    background:#F5F5F5;
    display: flex;
    gap:20px;
    padding:20px 45px;
    margin-top:3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}


.winBadgeImg img{
    width:60%;
    max-width:100%;
    height:100%;
    object-fit:contain;
}
.winBadgeText{
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content: center;
    gap: 5px;
}

.winBadgeText h4{
    font-family: Inter;
    font-weight: 600;
    color:#2C394A;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -2%;
    margin:0;
   
}

.winBadgeText p{
    font-family: Inter;
    font-weight: 400;
    color:#2C394A;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0%;
    margin:0;
 
}



@media(min-width:991px){
    .winBadge{
        width: 543px;
        height: 124px;
        flex-direction: row;
         align-items: initial;
    }   
    
    .winBadgeImg img{
        width:100%;
        max-width:100%;
        height:100%;
        object-fit:contain;
    }
    .winBadgeText{
        text-align:left;
    }
}


.upgradeBtn {
    width: max-content;
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #2F3E4F;
    color: #fff !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.56px;
}

.upgradeBtn img {
    filter:invert(1) brightness(5);
    /*color: #fff !important;*/
}
.upgradeBtn:hover {
    background-color: #F1C300;
    color: #000 !important;
}

.upgradeBtn:hover img {
    filter:invert(0);
}