@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
* {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: "DM Sans", serif;
}

p,
span {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    color: var(--paraColor);
}

body {
    font-family: "DM Sans", serif;
    color: var(--colorBlack);
    overflow-x: hidden;
    scroll-behavior: smooth;
    background: var(--colorWhite);
}

img {
    max-width: 100%;
    /* width: 100% !important;
    height: 100% !important; */
    /* object-fit: cover !important; */
}

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    resize: none;
    background: #FAFAFA;
    border: 1px solid #EEEFF2;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 300;
}

input::placeholder,
textarea::placeholder {
    color: #a6a6ac;
}

button {
    border: none;
}

:root {
    --colorPrimary: #2969ff;
    --colorPrimary-light: #2563eb;
    --paraColor: #5a5a5a;
    --colorBlack: #121212;
    --colorWhite: #ffffff;
}

/* COMMON CSS START */

.common_btn {
    background: var(--colorPrimary-light);
    border-radius: 117px;
    padding: 12px 20px;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--colorWhite);
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s ease;
    -moz-transition: all linear 0.3s ease;
    -ms-transition: all linear 0.3s ease;
    -o-transition: all linear 0.3s ease;
}
.common_btn.two {
    background: var(--colorWhite);
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--colorBlack);
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    border: 1px solid #d8d8d8;
}

.common_btn:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.wsus__section_heading h2 {
    font-size: 20px;
    font-weight: 500;
    color: var(--colorPrimary-light);
    margin-bottom: 10px;
    text-align: center;
}

.wsus__section_heading p {
    text-align: center;
    font-size: 44px;
    font-weight: 600;
    color: var(--colorBlack);
}

.common_btn2 {
    background: var(--colorPrimary);
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    color: var(--colorWhite);
    padding: 12px 30px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.common_btn2:hover {
    background: #09916d;
    color: var(--colorWhite);
}

/* COMMON CSS END */

/*================================
    TOPBAR START
================================*/

.wsus__topbar {
    width: 100%;
    height: 50px;
    background: var(--colorPrimary);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.wsus__topbar_info {
    line-height: 50px;
    align-items: center;
}

.wsus__topbar_info li a,
.wsus__topbar_info li span {
    color: var(--colorWhite);
    font-size: 18px;
    position: relative;
    padding-right: 30px;
    margin-right: 30px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.wsus__topbar_info li:not(:last-child) a::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* .wsus__topbar_info li a i,
.wsus__topbar_info li span i {
    width: 23px;
    font-size: 16px;
} */

.wsus__topbar_info li span {
    margin: 0;
    padding: 0;
}

.wsus__topbar_language {
    line-height: 50px;
    margin-right: 40px;
}

.wsus__topbar_language li {
    position: relative;
}

.wsus__topbar_language li a {
    text-transform: capitalize;
    color: var(--colorWhite);
    font-size: 13px;
}

.wsus__topbar_language li a i {
    margin-left: 5px;
}

.wsus__topbar_language li a img {
    width: 25px !important;
    height: 15px !important;
    border-radius: 2px;
    margin-right: 5px;
}

.wsus__select_language {
    width: 170px;
    background: var(--colorWhite);
    position: absolute;
    top: 100%;
    transform: scaleY(0.5);
    transform-origin: top;
    transition: all linear 0.3s;
    border-radius: 3px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    z-index: 9999;
}

.wsus__select_language li {
    line-height: 40px;
}

.wsus__select_language li a {
    color: var(--colorBlack);
    width: 100%;
    padding: 1px 12px;
    border-bottom: 1px solid #eee;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__select_language li:last-child a {
    border: none;
}

.wsus__select_language li a:hover {
    background: #d8e9ff;
    color: var(--colorPrimary);
}

.wsus__topbar_language li:hover .wsus__select_language {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.wsus__topbar_icon {
    line-height: 50px;
}

.wsus__topbar_icon li a {
    width: 25px;
    height: 25px;
    line-height: 27px;
    background: var(--colorWhite);
    color: var(--colorPrimary);
    border-radius: 50%;
    margin-left: 13px;
    text-align: center;
    font-size: 15px;
    transition: all linear 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__topbar_icon li a:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

/*================================
    TOPBAR END
================================*/

/*================================
    MENU START
================================*/

.main_menu {
    width: 100%;
    height: 90px;
    background: var(--colorWhite);
    padding: 0;
    box-shadow: rgb(0 0 0 / 7%) 0px 1px 20px;
    z-index: 999;
    position: fixed;
    top: 50px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.main_menu .navbar-brand {
    width: 160px;
    margin: 0;
}

.main_menu .navbar-nav {
    line-height: 90px;
}

.main_menu .nav-item {
    position: relative;
}

.main_menu .nav-item .nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: capitalize;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    margin: 0px 15px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.main_menu .nav-item:hover .nav-link,
.main_menu .nav-item .nav-link.active {
    color: var(--colorPrimary-light);
}

.main_menu .wsus__droap_menu {
    width: 250px;
    background: var(--colorWhite);
    border-radius: 5px;
    position: absolute;
    top: 120%;
    left: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    line-height: 45px;
    opacity: 0;
    visibility: hidden;
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    border: 1px solid #e6f1ff;
    overflow: hidden;
    z-index: 9;
}

.main_menu .wsus__droap_menu li a {
    text-transform: capitalize;
    font-size: 15px;
    color: var(--colorBlack);
    padding: 0px 20px;
    display: block;
    position: relative;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    border-bottom: 1px solid #eee;
}

.main_menu .wsus__droap_menu li:last-child a {
    border-bottom: 0;
}

.main_menu .wsus__droap_menu li a::after {
    position: absolute;
    content: "\f30b";
    color: var(--colorPrimary);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 0px;
    right: 30px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    opacity: 0;
}

.main_menu .wsus__droap_menu li a:hover,
.main_menu .wsus__droap_menu li a.active {
    color: var(--colorPrimary);
    background: rgba(30, 64, 175, 0.2);
}

.main_menu .wsus__droap_menu li a:hover::after,
.main_menu .wsus__droap_menu li a.active::after {
    right: 20px;
    opacity: 1;
}

.main_menu .nav-item:hover .wsus__droap_menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.main_menu .wsus__right_menu li:first-child a:hover {
    background: #156fdf;
    color: var(--colorWhite);
}

.main_menu .wsus__right_menu li:nth-child(3) a {
    width: auto;
    padding: 0px 20px;
    border-radius: 8px;
    background-color: var(--colorPrimary-light);
    color: var(--colorWhite);
    display: flex;
    align-items: center;
    gap: 8px;
}
.main_menu .wsus__right_menu li:nth-child(2) a:hover {
    background-color: var(--colorPrimary);
    color: var(--colorWhite) !important;
    border-color: var(--colorPrimary);
}

.main_menu .wsus__right_menu li:last-child a {
    margin-right: 0;
}

.main_menu .wsus__right_menu li a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: var(--colorPrimary);
    margin-right: 20px;
    transition: all linear 0.3s;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: #ecfcf4;
}

.main_menu .wsus__right_menu li a.active,
.main_menu .wsus__right_menu li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite) !important;
}

.wsus__right_menu li {
    position: relative;
}

.search_form {
    position: absolute;
    top: 50%;
    right: 10px;
    background: #a6cbfa;
    padding: 10px;
    width: 450px;
    border-radius: 5px;
    transform: translateY(-50%) scaleX(0);
    opacity: 0;
    z-index: 1;
    transform-origin: right;
    transition: all linear 0.3s;
    -webkit-transform: translateY(-50%) scaleX(0);
    -moz-transform: translateY(-50%) scaleX(0);
    -ms-transform: translateY(-50%) scaleX(0);
    -o-transform: translateY(-50%) scaleX(0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.search_form input {
    border: 1px solid var(--colorPrimary);
    padding: 15px 20px;
}

.search_form button {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 43px;
    height: 43px;
    border-radius: 3px;
    border: none;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.wsus__banner_text ul .search_form button:hover {
    background: #0162dd;
}

.wsus__right_menu li:hover .search_form {
    opacity: 1;
    transform: translateY(-50%) scaleX(1);
    -webkit-transform: translateY(-50%) scaleX(1);
    -moz-transform: translateY(-50%) scaleX(1);
    -ms-transform: translateY(-50%) scaleX(1);
    -o-transform: translateY(-50%) scaleX(1);
    background: transparent !important;
}

.menu_fix {
    position: fixed !important;
    left: 0px;
    top: 0 !important;
    z-index: 999;
    /* animation: menu_animate 1s ease-in-out; */
    /* -webkit-animation: menu_animate 1s ease-in-out; */
}

@keyframes menu_animate {
    from {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
}

/*================================
    MENU END
================================*/

/*================================
    BANNER START
================================*/

.wsus__banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.wsus__banner_text,
.wsus__banner_img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 140px;
}

.wsus__banner_text h6 {
    font-size: 18px;
    font-weight: 400;
    color: var(--colorWhite);
    padding: 8px 16px;
    background-color: rgba(202, 202, 202, 0.2);
    border: 1px solid rgba(241, 242, 244, 0.2);
    width: fit-content;
    border-radius: 20px;
}

.wsus__banner_text h1 {
    font-size: clamp(40px, 3vw, 60px);
    font-weight: 600;
    color: var(--colorWhite);
    margin: 20px 0px;
}

.wsus__banner_text h1 span {
    color: #facc15;
    font-size: clamp(40px, 3vw, 60px);
    font-weight: 600;
}

.wsus__banner_text p {
    font-size: 18px;
    color: var(--colorWhite);
    width: 80%;
    margin-bottom: 50px;
}

.wsus__banner_text ul {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0;
    /* backdrop-filter: blur(100px);
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.06) inset; */
    backdrop-filter: blur(100px);
    box-shadow: 0px 4px 4px 0px #ffffff0f inset;
}

.wsus__banner_text ul li {
    position: relative;
    padding: 0px 20px;
    min-width: 268px;
}

.wsus__banner_text ul li:last-child {
    min-width: auto;
}

.wsus__banner_text ul li::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    right: 0;
}

.wsus__banner_text ul li:last-child::after {
    display: none;
}

.wsus__banner_text ul li p {
    margin: 0;
    color: #9098ad !important;
    font-size: 14px;
    width: 100%;
    margin-top: 8px !important;
}

.wsus__banner_text ul li .select2-container .select2-selection--single {
    height: 35px;
}

.wsus__banner_text
    ul
    li
    .select2-container--default
    .select2-selection--single {
    border: none;
}

.wsus__banner_text
    ul
    li
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #000;
    line-height: 35px;
    font-size: 20px;
    font-weight: 400;
    padding: 0;
}

.wsus__banner_text
    ul
    li
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 5px;
    right: 0;
}

.wsus__banner_text
    ul
    li
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #000 transparent transparent transparent;
}

.wsus__banner_text
    ul
    li
    .select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: transparent transparent #000 transparent;
}

.wsus__banner_text
    ul
    li
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    margin-left: 0;
}

.wsus__banner_text .select2-dropdown {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
}

.wsus__banner_img .banner_counter {
    position: absolute;
    background: var(--colorPrimary);
    border-radius: 30px;
    padding: 10px 60px;
    border: 7px solid var(--colorWhite);
    -webkit-border-radius: 60px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    bottom: 27px;
    right: -40px;
}

.wsus__banner_img .banner_counter span {
    font-size: 25px;
    font-weight: 700;
    color: var(--colorWhite);
    display: block;
    text-align: center;
}

.wsus__banner_img .banner_counter p {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    color: var(--colorWhite);
}

/*================================
    BANNER END
================================*/

/*================================
    CATEGORIES START
================================*/

.wsus__categories {
    background-color: #f8fbff;
}

/* .wsus__single_categories {
    border: 1px solid #f1f2f4;
    background: #f9fafb;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 16px;
    padding: 30px 24px;
    text-align: center;
    margin: 0px 12px;
    overflow: hidden;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__single_categories span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    margin: 0;
    background: var(--colorWhite);
    padding: 20px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
} */

.wsus__single_categories {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 30px 24px;
    border: 1px solid #f1f2f4;
    border-radius: 16px;
    background: #f9fafb;
    margin: 0px 12px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__single_categories-icon {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: var(--colorWhite);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.wsus__single_categories-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--colorBlack);
    text-transform: capitalize;
    transition: all linear 0.3s;
    text-align: left;
    width: 100%;

    &:hover {
        color: var(--colorPrimary);
    }
}

.wsus__single_categories p {
    text-align: left;
}

.wsus__single_categories:hover {
    background: var(--colorWhite);
    box-shadow: 4px 4px 60px 0px #0000000d;
}

.wsus__single_categories:hover a {
    color: var(--colorPrimary);
}

.featured_service_slider3 .slick-dots,
.featured_service_slider2 .slick-dots,
.blog_det_slider .slick-dots,
.wsus__testimonial .slick-dots,
.wsus__categories .slick-dots {
    display: flex;
    justify-content: center;
}

.featured_service_slider3 .slick-dots li button,
.featured_service_slider2 .slick-dots li button,
.blog_det_slider .slick-dots li button,
.wsus__testimonial .slick-dots li button,
.wsus__categories .slick-dots li button {
    font-size: 0;
    width: 13px;
    height: 13px;
    border: 1px solid var(--colorPrimary);
    background-color: var(--colorWhite);
    border-radius: 50%;
    margin: 0 5px;
    outline: 0;
}

.featured_service_slider3 .slick-dots li.slick-active button,
.featured_service_slider2 .slick-dots li.slick-active button,
.blog_det_slider .slick-dots li.slick-active button,
.wsus__testimonial .slick-dots li.slick-active button,
.wsus__categories .slick-dots li.slick-active button {
    background-color: var(--colorPrimary);
}

/*================================
    CATEGORIES END
================================*/

/*================================
    FEATURED SERVICES START
================================*/

.wsus__single_services {
    border: 1px solid #eeeff2;
    border-radius: 8px;
    overflow: hidden;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

/* .wsus__single_services:hover {
    box-shadow: 20px 20px 45px 5px rgba(55, 143, 255, 0.15);
} */

.wsus__features_services .wsus__single_services {
    margin: 0px 12px 0px 12px;
}

.wsus__features_services .wsus__single_services-2{
    margin: 0;
}

.wsus__services_img {
    height: 180px;
    overflow: hidden;
}

.wsus__services_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__single_services:hover .wsus__services_img img {
    transform: scale(1.1) rotate(3deg);
    -webkit-transform: scale(1.05) rotate(1deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
}

.wsus__services_text {
    padding: 20px;
}

.wsus__services_text ul {
    align-items: center;
}

.wsus__services_text ul li {
    font-size: 20px;
    font-weight: 600;
    color: var(--colorPrimary);
    line-height: initial;
}

.wsus__services_text ul li a {
    background: #EFF6FF;
    border-radius: 6px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorPrimary-light);
    padding: 7px 20px;
    transition: all linear 0.3s;
}

.wsus__services_text ul li p {
    font-size: 18px;
    font-weight: 600;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 2px;
}
.wsus__services_text ul li p span {
    line-height: 0;
}

.wsus__services_text ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.wsus__services_text .title {
    font-size: 20px;
    font-weight: 600;
    color: var(--colorBlack) !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 13px 0px 13px 0px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    line-height: normal;
}

.single_service_footer {
    gap: 10px;
}

.single_service_footer .img_area {
    display: flex;
    align-items: center;
    gap: 10px;
}

.single_service_footer .img_area img {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}

.single_service_footer .img_area span {
    font-size: 18px;
    color: var(--colorBlack);
    text-transform: capitalize;
}
.single_service_footer .img_area .img_area_df_name {
    font-size: 18px;
    font-weight: 500;
}

.single_service_footer p {
    color: #2969ff;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}

.single_service_footer p span {
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px;
}

.wsus__services_text .common_btn {
    width: 100%;
    margin-top: 23px;
    background-color: transparent;
    /* border-radius: 8px; */
    border: 1px solid #d8d8d8;
    color: #061533;
}
.wsus__services_text .common_btn:hover {
    background: #2969ff;
    color: var(--colorWhite);
}

.wsus__features_services .prevArrow,
.wsus__features_services .nextArrow {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 1px solid var(--colorPrimary-light);
    line-height: 50px;
    text-align: center;
    padding: 0;
    color: var(--colorPrimary-light);
    border-radius: 50%;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    z-index: 9;

    cursor: pointer;
}

.wsus__features_services .prevArrow {
    right: auto;
    left: -50px;
}

.wsus__features_services .prevArrow:hover,
.wsus__features_services .nextArrow:hover {
    background: var(--colorPrimary-light);
    color: var(--colorWhite);
}

.wsus__single_services:hover .title {
    color: var(--colorPrimary);
}

/*================================
    FEATURED SERVICES END
================================*/

/*================================
    COUNTER START
================================*/

.wsus__counter {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.wsus__counter_overlay {
    padding: 100px 0px 93px 0px;
}

.wsus__single_counter {
    text-align: center;
}

.wsus__single_counter span {
    display: block;
    width: 116px;
    height: 116px;
    background: var(--colorWhite);
    border-radius: 50%;
    margin: 0 auto;
    padding: 35px;
}

.wsus__single_counter h4 {
    font-size: 45px;
    font-weight: 700;
    color: var(--colorWhite);
    text-align: center;
    display: inline-block;
    position: relative;
    margin: 30px 0px 15px 0px;
    padding-right: 30px;
}

.wsus__single_counter h4::after {
    position: absolute;
    content: "+";
    color: var(--colorWhite);
    font-weight: 600;
    top: 0;
    right: 0px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__single_counter p {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorWhite);
    text-align: center;
}

/*================================
    COUNTER END
================================*/

/*================================
    POPULAR SERVICES START
================================*/

.wsus__popular_services {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/*================================
    POPULAR SERVICES END
================================*/

/*================================
    SELLAR JOIN START
================================*/

.wsus__seller_join {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.wsus__seller_join_text h3 {
    font-size: 52px;
    font-weight: 600;
    color: var(--colorWhite);
    margin-bottom: 50px;
    text-align: center;
}

.wsus__seller_join_text a {
    padding: 11px 35px;
    background: var(--colorPrimary);
    font-size: 18px;
    font-weight: 500;
    color: var(--colorWhite);
    border-radius: 5px;
    transition: all linear 0.3s;
}

.wsus__seller_join_text a:hover {
    background: #0162dd;
    color: var(--colorWhite);
}

/*================================
    SELLAR JOIN END
================================*/

/*================================
    APP DOWNLOAD START
================================*/

.wsus__app_download_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wsus__app_download_text h5 {
    font-size: 18px;
    font-weight: 500;
    color: #93c5fd;
    padding: 6px 16px;
    border-radius: 999px;
    width: fit-content;
}

.wsus__app_download_text h2 {
    font-size: 44px;
    font-weight: 600;
    color: var(--colorWhite);
    margin: 20px 0px 20px 0px;
    padding-right: 50px;
}

.wsus__app_download_text ul {
    margin-top: 50px;
}

.wsus__app_download_text ul li a {
    border-radius: 6px;
    margin-right: 20px;
    overflow: hidden;
}

.wsus__app_download_text ul li a::after {
    position: absolute;
    content: "";
    width: 35%;
    height: 200%;
    top: -30px;
    left: -100%;
    transform: rotate(25deg);
    transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    background: rgb(0, 0, 0);
    background: linear-gradient(
        90deg,
        rgb(0 0 0 / 10%) 0%,
        rgb(0 0 0 / 30%) 51%,
        rgb(0 0 0 / 10%) 100%
    );
}

.wsus__app_download_text ul li a:hover::after {
    left: 140%;
}

.wsus__app_download_text ul li a i {
    font-size: 30px;
}

.wsus__app_download_text ul li a span {
    color: var(--colorWhite);
    font-size: 13px;
    font-weight: 400;
    margin-left: 10px;
}

.wsus__app_download_text ul li a span b {
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 20px;
}

/*================================
    APP DOWNLOAD END
================================*/

/*================================
    TESTIMONIAL START
================================*/

.wsus__testimonial {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: #f9fbff;
}

.wsus__single_testimonial {
    margin: 0px 12px 20px 12px;
    background-color: var(--colorWhite);
    padding: 24px;
    border-radius: 8px;
}

.wsus__single_testimonial .review_text {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.09px;
    color: var(--paraColor);
}

.wsus__single_testimonial_img {
    display: flex;
    align-items: center;
    margin-top: 20px;
    position: relative;
}

.wsus__single_testimonial_img img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    margin-right: 25px;
}

.wsus__single_testimonial_img p {
    text-transform: capitalize;
}

.wsus__single_testimonial_img p span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--colorBlack);
}

/*================================
    TESTIMONIAL END
================================*/

/*================================
    Pricing start
================================*/

.pricing_box {
    padding: 30px 0 30px 0;
    background-color: var(--colorWhite);
    border-radius: 16px;
    border: 1px solid #eeeff2;
    margin-top: 30px;
}

.pricing_box_text {
    padding: 0 30px;
}

.pricing_box_text span {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    color: var(--colorPrimary);
}

.pricing_box_text h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    color: var(--colorBlack);
    padding: 19px 0;
    text-align: center;
}
.pricing_box_text h3 span {
    font-size: 24px;
    color: var(--colorPrimary);
}
.pricing_box_text p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--paraColor);
}

.pricing_box_btn {
    margin-top: 40px;
    padding: 0 30px;
}
.pricing_box_btn .common_btn {
    width: 100%;
    background-color: var(--colorWhite);
    color: var(--colorBlack);
}
.pricing_box_btn .common_btn:hover {
    background-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.pricing_box_list {
    padding: 0 30px;
    margin-top: 20px;
}
.pricing_box_list li span {
    display: inline-block;
}
.pricing_box_list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: var(--colorBlack);
    padding-bottom: 12px;
}
.pricing_box_list li:last-of-type {
    padding-bottom: 0px;
}

.pricing_box_two {
    background-color: #161313;
    position: relative;
    z-index: 1;
}

.pricing_box_btm {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.pricing_box_two .pricing_box_text span {
    color: var(--colorWhite);
}
.pricing_box_two .pricing_box_text h3 {
    color: var(--colorWhite);
}
.pricing_box_two .pricing_box_text h3 span {
    color: var(--colorWhite);
}
.pricing_box_two .pricing_box_text h3 span {
    color: var(--colorWhite);
}
.pricing_box_two .pricing_box_text p {
    color: var(--colorWhite);
}
.pricing_box_two .pricing_box_btn .common_btn {
    background-color: var(--colorPrimary);
    color: var(--colorWhite);
}
.pricing_box_two .pricing_box_list li {
    color: var(--colorWhite);
}

/*================================
    Pricing END
================================*/

/*================================
    BLOG START
================================*/

.wsus__single_blog {
    /* margin-top: 25px; */
    background: var(--colorWhite);
    border: 1px solid #eeeff2;
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__single_blog:hover {
    box-shadow: 4px 4px 60px 0px rgba(0, 0, 0, 0.051);
}

.wsus__single_blog_img {
    height: 250px;
    overflow: hidden;
}

.wsus__single_blog_img img {
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__single_text .title {
    font-size: 24px;
    margin-bottom: 20px;
}

.wsus__single_blog_text {
    margin: 30px;
}

.wsus__single_blog_text ul li {
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 400;
    margin-right: 40px;
}

.wsus__single_blog_text ul li i {
    color: var(--colorPrimary);
    width: 20px;
}

.wsus__single_blog_text h2 a {
    font-size: 24px;
    font-weight: 600;
    color: var(--colorBlack);
    margin: 12px 0px 17px 0px;
    transition: all linear 0.3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
    border: 0;
}

.wsus__single_blog_text a {
    color: var(--paraColor);
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    border-top: 1px solid rgba(6, 21, 51, 0.08);
    padding-top: 15px;
    transition: all linear 0.3s;
    color: var(--colorPrimary);
}

.wsus__single_blog_text a:hover {
    color: var(--colorPrimary);
}

.wsus__single_blog:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.wsus__single_blog:hover h2 a {
    color: var(--colorPrimary);
}

/*================================
    BLOG END
================================*/

/*================================
    SUBSCRIBE START
================================*/

.wsus__subscribe {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.wsus__subscribe_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wsus__subscribe_text h3 {
    font-size: 42px;
    font-weight: 700;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.wsus__subscribe_text p {
    font-size: 18px;
    color: var(--colorWhite);
    margin: 10px 0px 40px 0px;
}

.wsus__subscribe_text form {
    position: relative;
}

.wsus__subscribe_text form input {
    padding: 18px 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.wsus__subscribe_text form button {
    border-radius: 30px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.wsus__subscribe_img {
    width: 100%;
    height: 100%;
    position: relative;
}

.wsus__subscribe_img img {
    position: absolute;
    right: 0;
    width: 420px !important;
    height: 350px !important;
    bottom: -17px;
}

/*================================
    SUBSCRIBE END
================================*/

/*================================
    FOOTER START
================================*/

footer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.wsus__footer_content .footer_logo {
    display: block;
    width: 170px;
}

.wsus__footer_content span {
    display: block;
    color: var(--colorWhite);
    margin: 35px 0px;
}

.wsus__footer_content .social_link li a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 37px;
    background: transparent;
    color: var(--colorWhite);
    border-radius: 50%;
    margin-right: 10px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__footer_content .social_link li a:hover {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    background: var(--colorWhite);
    color: var(--colorblack);
    border-color: var(--colorWhite);
}

.wsus__footer_content h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--colorWhite);
    margin-bottom: 30px;
}

.wsus__footer_content .footer_link li a {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorWhite);
    margin-top: 15px;
    display: block;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__footer_content .footer_link li a:hover {
    translate: 6px;
}

.wsus__footer_content .footer_contact li a,
.wsus__footer_content .footer_contact li p {
    color: #c7c7c7;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-left: 35px;
    margin-top: 15px;
}

.wsus__footer_content .footer_contact li a i,
.wsus__footer_content .footer_contact li p i {
    color: var(--colorPrimary);
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 20px;
}

.wsus__footer_bottom {
    /* border-top: 1px solid rgba(255, 255, 255, 0.2); */
    padding: 20px 0px;
}

.wsus__footer_bottom p {
    font-size: 18px;
    font-weight: 400;
    color: var(--colorWhite);
}

.wsus__footer_bottom img {
    max-width: 350px;
}

/*================================
    FOOTER END
================================*/

/* ==============================
    SCRTOLL BTN START
============================== */

.wsus__scroll_btn {
    width: 35px;
    height: 70px;
    border-radius: 25px;
    position: fixed;
    bottom: 30px;
    right: 15px;
    z-index: 111;
    cursor: pointer;
    text-align: center;
    line-height: 70px;
    background: var(--colorPrimary);
    border: 3px solid var(--colorWhite);
}

.wsus__scroll_btn span {
    font-size: 16px;
    color: var(--colorWhite);
    animation: scroll_amini linear 2s infinite alternate;
    -webkit-animation: scroll_amini linear 2s infinite alternate;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
}

@keyframes scroll_amini {
    from {
        bottom: -20px;
    }
    to {
        bottom: 12px;
    }
}

/* ==============================
    SCRTOLL BTN END
============================== */

/*================================
    BREADCRUMB START
================================*/

.wsus__breadcrumb {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.wsus__breadcrumb_overlay {
    background: linear-gradient(
        180deg,
        rgba(0, 10, 43, 0.44) 0%,
        rgba(0, 10, 43, 0.88) 100%
    );
    padding: 170px 0px 60px 0px !important;
}

.wsus__breadcrumb nav h1 {
    text-transform: capitalize;
    font-size: 44px;
    font-weight: 600;
    color: var(--colorWhite);
    text-align: center;
    margin-bottom: 10px;
}

.wsus__breadcrumb nav ol {
    margin: 0;
    justify-content: center;
}

.wsus__breadcrumb nav ol li,
.wsus__breadcrumb nav ol li a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    font-size: 15px;
    padding-right: 0.5rem;
    color: var(--colorWhite);
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.breadcrumb-item.active {
    color: #000;
    display: flex;
    align-items: center;
    margin-top: 4px;
}

/*================================
    BREADCRUMB END
================================*/

/*================================
    ABOUT PAGE START
================================*/

/* WORK SECTION START */

.wsus__work_single {
    padding: 0px 50px;
    margin-top: 25px;
    position: relative;
}

.wsus__work_single::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 70%;
    right: 0;
    top: 15%;
    background: #deebff;
}

.wsus__work_single.last_item::after {
    display: none;
}

.wsus__work_single span {
    display: block;
    width: 100px;
    height: 100px;
    background: var(--colorPrimary);
    border-radius: 50%;
    padding: 24px;
    margin: 0 auto;
}

.wsus__work_single h4 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: var(--colorBlack);
    margin: 35px 0px 15px 0px;
}

.wsus__work_single p {
    text-align: center;
}

/* WORK SECTION END */

/* ABOUT START */

.wsus__about_img {
    height: 550px;
    position: relative;
}

.wsus__about_img .img_1 {
    width: 440px !important;
    height: 440px !important;
    border-radius: 5px;
}

.wsus__about_img .img_2 {
    width: 200px !important;
    height: 400px !important;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    right: 40px;
}

.wus__about_rating {
    padding: 10px;
    background: var(--colorPrimary);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 50px;
    display: flex;
    overflow: hidden;
    width: 320px;
    height: 85px;
}

.wus__about_rating img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 50%;
    border: 4px solid var(--colorPrimary);
    position: absolute;
    top: 8px;
    left: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wus__about_rating .rating_img_2 {
    left: 55px;
}

.wus__about_rating .rating_img_3 {
    left: 95px;
}

.wus__about_rating p {
    position: absolute;
    top: 50%;
    right: 30px;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    color: var(--colorWhite);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.wus__about_rating p span {
    display: block;
    color: var(--colorWhite);
    font-size: 14px;
}

.wsus__about_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wsus__about_text h2 {
    font-size: 42px;
    font-weight: 700;
    color: var(--colorBlack);
}

.wsus__about_text p {
    margin: 20px 0px 20px 0px;
}

.wsus__about_text ul {
    margin-bottom: 35px;
}

.wsus__about_text ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 10px;
    padding-left: 40px;
    position: relative;
}

.wsus__about_text ul li::after {
    position: absolute;
    content: "\f00c";
    color: var(--colorWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 0px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    background: var(--colorPrimary);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__about_text a {
    width: 150px;
}

/* ABOUT END */

/* ABOUT REASONS START */

.wsus__about_reasons_text h2 {
    font-size: 42px;
    font-weight: 700;
    color: var(--colorBlack);
}

.wsus__about_reasons_text p {
    margin: 20px 0px 0px 0px;
}

.wsus__about_reasons_text ul li {
    padding-left: 40px;
    position: relative;
}

.wsus__about_reasons_text ul li::after {
    position: absolute;
    content: "\f00c";
    color: var(--colorWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 0px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    background: var(--colorPrimary);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__about_reasons_text ul li h6 {
    font-size: 18px;
    font-weight: 700;
    color: var(--colorBlack);
    margin-bottom: 15px;
}

.wsus__about_reasons_text ul li p {
    margin: 0;
    margin-bottom: 20px;
}

.wsus__about_reasons_img {
    height: 580px;
    position: relative;
}

.wsus__about_reasons_img .img_1 {
    width: 500px !important;
    height: 500px !important;
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
}

.wsus__about_reasons_img .img_2 {
    width: 380px !important;
    height: 380px !important;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* ABOUT REASONS END */

/*================================
    ABOUT PAGE END
================================*/

/*================================
    SERVICE PAGE START
================================*/

.wsus__service_search {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 25px;
}

.wsus__service_search label {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    padding: 12px 25px;
    display: block;
}

.wsus__service_search .select2-container--default .select2-selection--single {
    background-color: #ecfcf4;
    border: none;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
}

.wsus__service_search .select2-container .select2-selection--single {
    height: 50px;
}

.wsus__service_search
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--paraColor);
    line-height: 50px;
    padding-left: 25px;
}

.wsus__service_search
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 12px;
    right: 20px;
}

.wsus__single_brand {
    margin-top: 25px;
    border-radius: 5px;
    overflow: hidden;
    height: 90px;
    box-shadow: 0px 0px 45px 5px rgba(0, 191, 140, 0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__single_brand:hover {
    border-color: var(--colorPrimary);
}

/*================================
    SERVICE PAGE END
================================*/

/*================================
    PAGINATION START
================================*/

.wsus__pagination ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    color: var(--paraColor);
    border: 1px solid var(--colorBlack) !important;
    border-radius: 999px;
    margin-right: 15px;
    font-size: 20px;
    font-weight: 400;
}

.wsus__pagination ul li a:hover,
.wsus__pagination ul li a.active {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.wsus__pagination ul li:first-child a {
    margin-right: 24px !important;
}

.wsus__pagination ul li:last-child a {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

/*================================
    PAGINATION END
================================*/

/*================================
    SERVICE DETAILS START
================================*/

.wsus__service_details_content {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.wsus__service_details_img {
    height: 508px;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.wsus__service_details_img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.wsus__service_details_text {
    padding: 30px 0;
    padding-top: 40px;
    border-radius: 0px 0px 5px 5px;
}

.wsus__service_details_text h2 {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    color: var(--colorBlack);
    margin-bottom: 30px;
}

.wsus__service_details_text .nav-pills li button {
    background: #eff6ff;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    margin-right: 15px;
    padding: 10px 20px;
}

.wsus__review_input {
    background: white !important;
    box-shadow: 4px 4px 60px 0px #0000000A;

}

.wsus__service_details_text .nav-pills li button:hover,
.wsus__service_details_text .nav-pills li button.active {
    /* background-color: var(--colorPrimary);
    color: var(--colorWhite) !important; */
}

.tab_details p {
    margin-top: 25px;
}

.tab_details h4 {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorBlack);
}

.tab_details .list li {
    font-size: 18px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 15px;
    padding-left: 40px;
    position: relative;
}

.tab_details .list li::after {
    position: absolute;
    content: "\f00c";
    color: var(--colorWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 0px;
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 8px;
    border-radius: 50%;
    background: var(--colorPrimary-light);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus_details_list_item_img {
    height: 190px;
    border-radius: 5px;
    overflow: hidden;
}

.tab_details .details_time li {
    font-size: 18px;
    font-weight: 400;
    color: var(--paraColor);
    padding-left: 0;
    margin-top: 15px;
    position: relative;
}

.tab_details .details_time li span {
    display: inline-block;
    width: 150px;
}

.wsus__single_review {
    margin-top: 25px;
}

.wsus__single_review_top {
    display: flex;
    flex-wrap: wrap;
}

.wsus__single_review_top img {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover;
    border-radius: 50% !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 15px;
}

.wsus__single_review_top .text {
}

.wsus__single_review_top .text h3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 700;
    color: var(--colorBlack);
    margin-top: 10px;
}

.wsus__single_review_top .text h3 a {
    color: var(--colorBlack);
}

.wsus__single_review_top .text h3 span {
    color: #facc15;
}

.wsus__single_review_top .text p {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
}

.wsus__single_review .review_text {
    margin-top: 20px;
}

.tab_details .see_review {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorPrimary);
    text-transform: capitalize;
    margin-top: 25px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.tab_details .see_review:hover {
    color: var(--colorPrimary);
}

.wsus__review_input p {
    font-size: 20px;
    color: #c1c1c1;
}

.wsus__review_input p i {
    color: #ffb930;
    cursor: pointer;
}

.wsus__review_input p span {
    display: inline-block;
}

.wsus__review_input fieldset {
    border: 1px solid #ecfcf4;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 12px;
}

.wsus__review_input legend {
    width: auto;
    float: none;
    font-size: 18px;
    font-weight: 400;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-bottom: 0;
    margin-left: 15px;
    text-align: left;
    background: var(--colorWhite);
    padding: 0px 3px;
}

.wsus__review_input input,
.wsus__review_input textarea {
    border: none;
    padding: 5px 15px 12px 15px;
    background: var(--colorWhite) !important;
}

.wsus__package {
    background: var(--colorPrimary-light);
    border-radius: 5px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    padding: 30px;
    overflow: hidden;
}

.wsus__package::after {
    position: absolute;
    content: "";
    width: 321px;
    height: 321px;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: -179px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
}

.wsus__package p {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorBlack);
    position: relative;
    z-index: 1;
    text-align: center;
}

.wsus__package h2 {
    font-size: 32px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--colorPrimary-light);
}

.wsus__package ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0px;
}

.wsus__package ul li {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: var(--colorWhite);
    text-transform: capitalize;
    text-align: left;
    margin-top: 15px;
    padding-left: 30px;
}

.wsus__package ul li::after {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    content: "\f00c";
    color: var(--colorPrimary);
    font-size: 10px;
    line-height: 18px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 0px;
    left: 0;
    text-align: center;
    background: #bfdbfe;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__package a {
    font-size: 16px;
    font-weight: 700;
    color: var(--colorBlack);
    background: var(--colorWhite);
    display: block;
    padding: 14px 20px;
    border-radius: 54px;
    margin-top: 30px;
    transition: all linear 0.3s;
    text-align: center;
}

.wsus__package a:hover {
    color: var(--colorPrimary);
}

.wsus__service_provider {
    text-align: center;
    box-shadow: 4px 4px 60px 0px #0000000d;
    padding: 30px;
}

.wsus__service_provider img {
    height: 100px !important;
    width: 100px !important;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.wsus__service_provider h3 a {
    font-size: 24px;
    font-weight: 600;
    color: var(--colorBlack);
    margin-bottom: 5px;
    display: block;
    text-align: center;
}

.wsus__service_provider h6 {
    font-size: 18px;
    font-weight: 400;
    color: var(--paraColor);
    text-align: center;
}

.wsus__service_provider .info {
    background: #eff6ff;
    padding: 20px;
    border-radius: 8px !important;
    margin-top: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.wsus__service_provider .info p {
    font-size: 18px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    color: var(--colorBlack);
    margin-bottom: 10px;
}

.wsus__service_provider .info a {
    text-align: left;
}

.wsus__service_provider .info p span {
    color: var(--colorBlack);
    margin-left: 5px;
}

.wsus__service_provider .info p b {
    color: #ffa800;
}

.wsus__service_provider .info hr {
    background: #dbeafe;
}

.wsus__service_provider a {
    font-size: 18px;
    font-weight: 400;
    color: var(--colorBlack);
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.wsus__service_provider a i {
    width: 36px;
    height: 36px;
    color: var(--colorPrimary-light);
    font-size: 16px;
    border-radius: 999px;
    background: var(--colorWhite);
    line-height: 36px;
    text-align: center;
    margin-right: 8px;
}

.contact_provider_btn {
    background: var(--colorPrimary-light) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    display: block !important;
    padding: 14px 20px;
    border-radius: 75px;
    margin-top: 30px !important;
    transition: all linear 0.3s;
    text-align: center !important;
    color: var(--colorWhite) !important;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.contact_provider_btn:hover {
    background: var(--colorPrimary) !important;
}

/*================================
    SERVICE DETAILS END
================================*/

/*================================
    BOOKING SERVICE START
================================*/

.wsus__booking_area {
}
.booking_bar ul {
    display: flex;
}

.booking_bar li {
    font-size: 18px;
    padding: 16px 30px;
    font-weight: 500;
    text-align: center;
    position: relative;
    background: var(--colorPrimary);
    background: #f0f5ff;
    color: #2a64ff;
    clip-path: polygon(
        90.994% 0%,
        90.994% 0%,
        91.211% 0.043%,
        91.422% 0.169%,
        91.627% 0.376%,
        91.825% 0.659%,
        92.013% 1.016%,
        92.191% 1.444%,
        92.356% 1.939%,
        92.508% 2.498%,
        92.644% 3.119%,
        92.763% 3.796%,
        99.39% 46.104%,
        99.39% 46.104%,
        99.492% 46.842%,
        99.571% 47.607%,
        99.627% 48.393%,
        99.661% 49.193%,
        99.672% 50%,
        99.661% 50.807%,
        99.627% 51.607%,
        99.571% 52.393%,
        99.492% 53.158%,
        99.39% 53.896%,
        92.763% 96.204%,
        92.763% 96.204%,
        92.644% 96.881%,
        92.508% 97.502%,
        92.356% 98.061%,
        92.191% 98.556%,
        92.013% 98.984%,
        91.825% 99.341%,
        91.627% 99.625%,
        91.422% 99.831%,
        91.211% 99.957%,
        90.994% 100%,
        0.236% 100%,
        0.236% 100%,
        0.197% 99.988%,
        0.161% 99.955%,
        0.127% 99.901%,
        0.096% 99.83%,
        0.069% 99.741%,
        0.045% 99.638%,
        0.026% 99.522%,
        0.012% 99.396%,
        0.003% 99.26%,
        0% 99.116%,
        0% 99.116%,
        0% 99.069%,
        0.001% 99.023%,
        0.003% 98.976%,
        0.005% 98.931%,
        0.008% 98.885%,
        0.012% 98.841%,
        0.016% 98.797%,
        0.021% 98.754%,
        0.026% 98.711%,
        0.032% 98.67%,
        7.011% 53.881%,
        7.011% 53.881%,
        7.112% 53.146%,
        7.191% 52.383%,
        7.247% 51.6%,
        7.28% 50.803%,
        7.292% 50%,
        7.28% 49.196%,
        7.247% 48.4%,
        7.191% 47.617%,
        7.112% 46.854%,
        7.011% 46.119%,
        0.032% 1.327%,
        0.032% 1.327%,
        0.026% 1.286%,
        0.021% 1.244%,
        0.016% 1.201%,
        0.012% 1.157%,
        0.008% 1.113%,
        0.005% 1.068%,
        0.003% 1.022%,
        0.001% 0.976%,
        0% 0.929%,
        0% 0.882%,
        0% 0.882%,
        0.003% 0.739%,
        0.012% 0.603%,
        0.026% 0.477%,
        0.045% 0.361%,
        0.069% 0.258%,
        0.096% 0.17%,
        0.127% 0.098%,
        0.161% 0.045%,
        0.197% 0.012%,
        0.235% 0%,
        90.994% 0%
    );
    transition: background 0.3s, color 0.3s;
    z-index: 1;
    min-width: 152px;
}
.booking_bar li:first-child {
    clip-path: polygon(
        87.96% 0%,
        87.96% 0%,
        88.502% 0.086%,
        89.032% 0.34%,
        89.546% 0.754%,
        90.04% 1.324%,
        90.512% 2.041%,
        90.956% 2.9%,
        91.37% 3.894%,
        91.748% 5.017%,
        92.089% 6.262%,
        92.387% 7.623%,
        99.129% 42.238%,
        99.129% 42.238%,
        99.382% 43.709%,
        99.578% 45.234%,
        99.718% 46.8%,
        99.802% 48.393%,
        99.83% 50%,
        99.802% 51.607%,
        99.718% 53.2%,
        99.578% 54.766%,
        99.382% 56.291%,
        99.129% 57.762%,
        92.387% 92.377%,
        92.387% 92.377%,
        92.089% 93.738%,
        91.748% 94.983%,
        91.37% 96.106%,
        90.956% 97.1%,
        90.512% 97.959%,
        90.04% 98.676%,
        89.546% 99.246%,
        89.032% 99.66%,
        88.502% 99.914%,
        87.96% 100%,
        5.126% 100%,
        5.126% 100%,
        4.295% 99.799%,
        3.505% 99.216%,
        2.77% 98.283%,
        2.098% 97.032%,
        1.5% 95.494%,
        0.988% 93.701%,
        0.571% 91.686%,
        0.26% 89.478%,
        0.065% 87.111%,
        -0.002% 84.615%,
        -0.002% 15.385%,
        -0.002% 15.385%,
        0.065% 12.889%,
        0.26% 10.522%,
        0.571% 8.314%,
        0.988% 6.299%,
        1.5% 4.506%,
        2.098% 2.968%,
        2.77% 1.717%,
        3.505% 0.784%,
        4.295% 0.201%,
        5.126% 0%,
        87.96% 0%
    );
    padding: 16px 20px;
}

/* .booking_bar li::after {
    position: absolute;
    content: "";
    width: 130px;
    height: 2px;
    background: var(--colorPrimary);
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: -1;
} */

.booking_bar li.active {
    background: var(--colorPrimary-light);
    color: var(--colorWhite);
}

.booking_bar li span {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorPrimary-light);
}
.booking_bar li.active span {
    color: var(--colorWhite);
}

.wsus__booking_img {
    height: 400px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 30px;
}

.wsus__booking_text h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorBlack);
    margin: 21px 0px 0px 0px;
}

.wsus__booking_list_text h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--colorBlack);
    margin: 25px 0px;
}

.wsus__booking_list_text ul li {
    position: relative;
    padding-left: 40px;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
}

.wsus__booking_list_text ul li::after {
    position: absolute;
    content: "\f00c";
    color: var(--colorWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 0px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    background: var(--colorPrimary);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__service_cart {
    padding: 30px;
    background: var(--colorWhite);
    border-radius: 5px;
    margin-top: 40px;
    box-shadow: 4px 4px 60px 0px #0000000a;
}

.wsus__service_cart h4 {
    font-size: 18px;
    font-weight: 900;
    color: var(--colorBlack);
    margin-bottom: 30px;
}

.wsus__service_cart_bg {
    background: var(--colorWhite);
    padding: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding-bottom: 5px;
}

.wsus__service_cart table {
    margin: 0;
    border-color: transparent;
}

.wsus__service_cart table tr {
    display: flex;
}

.wsus__service_cart table tr th {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
}

.wsus__service_cart table tr th,
.wsus__service_cart table tr td {
    padding: 0px 0px 12px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wsus__service_cart table tr td {
    border-top: 1px solid #ecfcf4;
    padding: 15px 0px;
}

.wsus__service_cart .images {
    width: 205px;
}

.wsus__service_cart .name {
    flex: 1;
    min-width: 280px;
}

.wsus__service_cart .price,
.wsus__service_cart .total,
.wsus__service_cart .qty {
    width: 150px;
}

.wsus__service_cart .images img {
    width: 110px !important;
    height: 80px !important;
    border-radius: 5px;
}

.wsus__service_cart .name .form-check input {
    padding: 0;
    border: 1px solid var(--colorPrimary);
}

.wsus__service_cart .name .form-check label {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
}

.wsus__service_cart .price p,
.wsus__service_cart .total p {
    font-weight: 500;
    font-size: 18px;
    color: var(--colorBlack);
}

.wsus__service_cart .qty input {
    width: 70px;
    padding: 5px 10px;
    border: 1px solid #c9c9c9;
    font-weight: 600;
    color: var(--colorBlack);
}

.wsus__service_cart .name input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.wsus__service_cart .name input:focus {
    border-color: var(--colorPrimary);
    box-shadow: none;
}

.wsus__booking_button_area {
    margin-top: 50px;
}

.wsus__booking_button_area a {
    margin-right: 10px;
}

.wsus__booking_button_area li:first-child a {
    background: var(--colorWhite);
    color: var(--colorPrimary-light);
    border: 1px solid var(--colorPrimary-light);
}

.wsus__booking_button_area li:first-child a:hover {
    background: var(--colorPrimary-light);
    color: var(--colorWhite);
}

.wsus__booking_location {
    background: var(--colorWhite);
    box-shadow: 0px 0px 30px 5px rgba(55, 143, 255, 0.08);
    border-radius: 5px;
    padding: 30px;
    display: flex;
    align-items: center;
}

.wsus__booking_location i {
    margin-right: 10px;
    font-size: 18px;
    color: var(--colorPrimary);
}

.wsus__booking_location
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 400;
}

.wsus__booking_location .select2-container--default .select2-selection--single {
    border: none;
}

.wsus__booking_calendar,
.wsus__booking_pic_up {
    background: var(--colorWhite);
    border-radius: 5px;
}

.wsus__booking_pic_up {
    padding: 24px;
    box-shadow: 0px 4px 44px 0px #00000008;
    border-radius: 12px;
}

.wsus__booking_pic_up h3 {
    margin-bottom: 20px;
}

.wsus__booking_pic_up
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--colorBlack) !important;
    font-size: 16px !important;
    line-height: 50px !important;
    background: #f2f5f9;
    font-weight: 400;
    border-radius: 5px;
}

.wsus__booking_pic_up
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    margin-top: 6px;
}

.wsus__booking_pic_up h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorBlack);
    text-align: left;
    border-bottom: 1px solid #e3eeff;
    padding-bottom: 12px;
}

.wsus__booking_pic_up ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wsus__booking_pic_up ul li a {
    font-size: 16px;
    font-weight: 700;
    color: var(--colorBlack);
    background: #00bf8c30;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__booking_pic_up ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.wsus__booking_summery {
    background: var(--colorWhite);
    box-shadow: 0px 4px 44px 0px #00000008;
    border-radius: 12px;
    margin-top: 25px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    padding: 24px;
}

.wsus__booking_summery h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorBlack) !important;
    background: #f9fafb;
    padding: 8px 16px;
    border-radius: 8px;
}

.wsus__booking_summery ul {
}

.wsus__booking_summery ul li {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 15px;
    padding-left: 25px;
}

.wsus__booking_summery ul li::after {
    position: absolute;
    content: "\f00c";
    color: var(--colorWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 5px;
    left: 0;
    font-size: 9px;
    line-height: 18px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: var(--colorPrimary-light);
    text-align: center;
}

.wsus__booking_cost {
    padding: 30px;
}

.wsus__booking_cost p {
    color: var(--paraColor);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    font-weight: 400;
}

.wsus__booking_cost p span {
    color: var(--paraColor);
}

.wsus__booking_cost ul {
    padding: 0;
}

.wsus__booking_cost ul li {
    color: var(--colorWhite);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 0;
}

.wsus__booking_cost ul li p {
    margin: 0;
}

.wsus__booking_cost ul li::after {
    display: none;
}

.wsus__booking_cost ul li p b {
    font-weight: 400;
    color: var(--paraColor);
    font-size: 15px;
    text-transform: lowercase;
    margin-left: 10px;
}

.wsus__booking_cost ul li span {
    color: var(--paraColor);
}

.wsus__booking_cost h4 {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.wsus__booking_cost h4 span,
.wsus__booking_cost h5 span {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
}

.wsus__booking_cost h5 {
    border-top: 1px solid #f9fafb;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 500;
    color: var(--paraColor);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wsus__booking_cost form {
    position: relative;
    margin-top: 35px;
}

.wsus__booking_cost form input {
}

.wsus__booking_cost form button {
    position: absolute;
    background: var(--colorPrimary);
    top: 5px;
    right: 5px;
    padding: 7px 20px;
    border-radius: 2px;
}

/*================================
    BOOKING SERVICE END
================================*/

/*================================
    BOOKING INFO START
================================*/

.wsus__booking_info h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorBlack);
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeff2;
}

.wsus__booking_info_img {
    height: 550px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/*================================
    BOOKING INFO END
================================*/

/*================================
    BOOKING CONFIRM START
================================*/

.wsus__service_booking h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 25px 0px 25px 0px;
}

.wsus__service_booking p {
    font-size: 16px;
    font-weight: 700;
    color: var(--colorBlack);
    margin-top: 20px;
    display: flex;
    justify-content: start;
}

.wsus__service_booking p span {
    min-width: 150px;
    display: inline-block;
}

.wsus__booking_payment {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ecfcf4;
    border-radius: 5px;
    padding: 20px;
}

.wsus__booking_payment li {
    width: 193px;
    height: 100px;
    margin: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 5px;
    border: 1px solid #eee;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__booking_payment li:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.wsus__booking_payment li a {
    width: 100%;
    height: 100%;
}

.wsus__payment_modal .modal-header h5 {
    font-size: 18px;
    width: 100%;
    font-weight: 600;
}

.wsus__payment_modal .modal-body input,
.wsus__payment_modal .modal-body textarea,
.wsus__payment_modal select {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 25px;
    padding: 10px;
    color: var(--colorSecondary);
    font-size: 16px;
    border-radius: 5px;
    resize: none;
    font-weight: 300;
    outline: none;
}

.wsus__payment_modal .modal-footer {
    margin-top: 5px;
}

.wsus__payment_modal select option {
    text-transform: capitalize;
}

/*================================
    BOOKING CONFIRM END
================================*/

/*================================
    FAQ START
================================*/

.wsus__faq_area .accordion-item {
    background: #ffffff;
    border: 1px solid var(--colorWhite) !important;
    box-shadow: 4px 4px 60px 0px #0000000f;
    border-radius: 5px;
    margin-top: 20px;
}

.wsus__faq_area .accordion-item button {
    font-size: 18px;
    font-weight: 600;
}

.wsus__faq_area .accordion-item button:not(.collapsed) {
    color: var(--colorPrimary);
    background-color: var(--colorWhite);
    box-shadow: none;
    border-bottom: 1px solid #f3f4f6 !important;
}

.wsus__faq_area .accordion-item button:focus {
    border-color: #ecfcf4;
    box-shadow: none;
}

.wsus__faq_img {
    height: 600px;
}

/*================================
    FAQ END
================================*/

/*================================
    PRIVACY POLICY START
================================*/

.wsus__pricacy_policy_text h3 {
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 700;
    margin-bottom: 20px;
}

.wsus__pricacy_policy_text p {
    margin-bottom: 20px;
}

.wsus__pricacy_policy_text ul {
    margin-bottom: 20px;
    margin-left: 15px;
}

.wsus__pricacy_policy_text ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative;
}

.wsus__pricacy_policy_text ul li::after {
    position: absolute;
    content: "\f00c";
    color: var(--colorWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 0px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    background: var(--colorPrimary);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/*================================
    PRIVACY POLICY END
================================*/

/*================================
    BLOG START
================================*/

.blog_sidebar {
    background: var(--colorWhite);
    border-radius: 5px;
}

.blog_sidebar h3 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 8px;
}

.blog_sidebar form {
    position: relative;
}

.blog_sidebar form input {
    background: #fafafa;
    border-radius: 8px;
    border: 1px solid #f1f2f4;
    padding: 12px 20px;
}

.blog_sidebar form button {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 18px;
    color: var(--colorPrimary);
    background: none;
}

.wsus__related_blog ul li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-top: 20px;
}

.wsus__related_blog ul li img {
    width: 123px !important;
    aspect-ratio: 123 / 72;
    object-fit: cover !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.wsus__related_blog ul li .text {
}

.wsus__related_blog ul li .text a {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 7px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__related_blog ul li .text a:hover {
    color: var(--colorPrimary);
}

.wsus__related_blog ul li .text p {
    font-size: 14px;
    text-transform: capitalize;
}

.wsus__related_blog ul li .text p i {
    width: 15px;
    color: var(--colorPrimary);
}

.wsus__blog_categori ul li a {
    text-transform: capitalize;
    color: #535353;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__blog_categori ul li a:hover,
.wsus__blog_categori ul li a:hover span {
    color: var(--colorPrimary);
}

.wsus__blog_tags ul {
    display: flex;
    flex-wrap: wrap;
}

.wsus__blog_tags ul li a {
    background: #ecfcf4;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    padding: 7px 17px;
    margin-top: 10px;
    margin-right: 10px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__blog_tags ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.wsus__blog_newsletter {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 25px;
}

.wsus__blog_newsletter_overlay {
    padding: 30px;
    background: #0007;
}

.wsus__blog_newsletter h3 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
    padding-bottom: 0px;
    color: var(--colorBlack);
}

.wsus__blog_newsletter p {
    color: var(--colorWhite);
}

.wsus__blog_newsletter input {
    margin: 20px 0px 20px 0px;
}

.wsus__blog_page .wsus__single_blog {
    margin-top: 0;
    margin-bottom: 25px;
}

/*================================
   BLOG END
================================*/

/*================================
    BLOG DETAILS START
================================*/

.wsus__blog_details_img {
    height: 450px;
    border-radius: 16px;
    overflow: hidden;
}

.wsus__blog_det_area {
    border-radius: 5px;
    overflow: hidden;
}

.wsus__blog_details_text {
    padding-top: 30px;
}

.wsus__blog_details_text .details_bloger {
    gap: 12px;
}

.wsus__blog_details_text .details_bloger li {
    font-size: 18px;
    font-weight: 400;
    color: var(--paraColor);
    margin-left: 0;
}

.wsus__blog_details_text .details_bloger li i {
    color: var(--colorPrimary);
    width: 15px;
}

.wsus__blog_det_slider {
    margin-bottom: 30px;
}

.wsus__blog_details_text h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
}

.wsus__blog_details_text p {
    margin-bottom: 25px;
}

.wsus__blog_quot_text {
    background: #ecfcf4;
    border-radius: 5px;
    padding: 35px 35px 35px 70px;
    border-left: 5px solid var(--colorPrimary);
    position: relative;
    margin-bottom: 30px;
}

.wsus__blog_quot_text p {
    font-style: italic;
    color: var(--colorBlack);
}

.wsus__blog_quot_text h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
    color: var(--colorPrimary);
}

.wsus__blog_quot_text h4 span {
    margin-left: 10px;
    display: inline-block;
}

.wsus__blog_quot_text .left_icon {
    color: var(--colorPrimary);
    font-size: 20px;
    display: block;
    position: absolute;
    left: 40px;
    top: 25px;
}

.wsus__blog_quot_text p span {
    font-size: 20px;
    position: absolute;
    transform: rotateY(180deg);
    margin-left: 8px;
}

.wsus__blog_det_slider_item {
    height: 250px;
    border-radius: 5px;
    margin: 0px 12px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.blog_details_list li {
    position: relative;
    padding-left: 40px;
    margin-top: 15px;
}

.blog_details_list li::after {
    position: absolute;
    content: "\f00c";
    color: var(--colorWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 0px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    background: var(--colorPrimary);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.blog_tags_share {
    margin-top: 30px;
    border: 1px solid #eeeff2;
    padding: 20px 24px;
    background: #fafafa;
    border-radius: 8px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.blog_tags_share span {
    font-size: 18px;
    font-weight: 400;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-right: 10px;
}

.blog_tags_share .tags ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-right: 10px;
    transition: all linear 0.3s;
}

.blog_tags_share .tags ul li a:hover {
    color: var(--colorPrimary);
}

.blog_tags_share .share ul li a {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    background: rgba(17, 24, 39, 0.05);
    color: var(--colorBlack);
    border-radius: 50%;
    margin-left: 10px;
    font-size: 14px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.blog_tags_share .share ul li a:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.blog-details-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-end;
}
.blog-details-tags .blog-details-single-tag {
    margin-bottom: 0;
    border: 1px solid #eeeff2;
    padding: 8px 16px;
    border-radius: 99999px;
    font-size: 16px;
    color: var(--paraColor);
    transition: all linear 0.3s;
    cursor: pointer;
    &:hover {
        background: var(--colorPrimary-light);
        color: var(--colorWhite);
    }
}

.blog_det_button {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
}

.blog_det_button li {
    width: 50%;
}

.blog_det_button li a {
}

.blog_det_button li a img {
    width: 110px !important;
    height: 150px !important;
    border-radius: 5px;
}

.blog_det_button li a p {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    width: 98%;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.blog_det_button li a p span {
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-top: 20px;
    transition: all linear 0.3s;

    &:hover {
        color: var(--colorPrimary);
    }
}

/* .blog_det_button li:first-child a span i {
    margin-right: 10px;
} */

.blog_det_button li:last-child a span i {
    margin-left: 10px;
}

.blog_det_button li a:hover p {
    color: var(--colorPrimary);
}

.wsus__comment {
    overflow: hidden;
    border-radius: 5px;
    padding: 25px;
}

.wsus__comment h4 {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorBlack);
}

.wsus__single_comment {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ecfcf4;
    margin-top: 25px;
    padding-top: 25px;
    gap: 14px;
}

.wsus__single_comment img {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover !important;
    border-radius: 50%;
}

.wsus__single_comm_text {
}

.wsus__single_comm_text h3 {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    text-transform: capitalize;
}

.wsus__single_comm_text p {
    margin: 8px 0px;
}

.wsus__single_comm_text a {
    font-size: 14px;
    font-weight: 400;
    color: var(--colorPrimary);
}

.wsus__single_comm_text a i {
    margin-left: 10px;
}

.wsus__single_comment.replay {
    padding-left: 50px;
}

.wsus__single_comment.replay .wsus__single_comm_text {
    width: 84%;
}

.comment_input {
    overflow: hidden;
    background: var(--colorWhite);
    box-shadow: 4px 4px 60px 0px #2222220f;
    border-radius: 12px;
    padding: 30px;
}

.comment_input h4 {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorBlack);
    text-transform: capitalize;
}

.comment_input p {
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
    margin-top: 14px;
}

/*================================
    BLOG DETAILS END
================================*/

/*================================
    CONTACT START
================================*/

.wsus__contact_top {
    background: var(--colorWhite);
    border: 1px solid #ecfcf4;
    box-shadow: 0px 4px 30px 5px rgba(55, 143, 255, 0.08);
    border-radius: 5px;
    padding: 60px;
    text-align: center;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__contact_top span {
    display: block;
    width: 60px;
    height: 60px;
    background: var(--colorPrimary);
    text-align: center;
    line-height: 60px;
    color: var(--colorWhite);
    margin: 0 auto;
    font-size: 20px;
    border-radius: 50%;
    margin-bottom: 30px;
    transition: all linear 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__contact_top a,
.wsus__contact_top p {
    font-size: 18px;
    font-weight: 600;
    display: block;
    text-align: center;
    color: var(--colorBlack);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__contact_top:hover {
    background: var(--colorPrimary);
}

.wsus__contact_top:hover span {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

.wsus__contact_top:hover a,
.wsus__contact_top:hover p {
    color: var(--colorWhite);
}

.contact_input {
    background: var(--colorWhite);
    box-shadow: rgba(55, 143, 255, 0.08) 0px 0px 30px 5px;
    border-radius: 5px;
    padding: 40px;
}

.contact_input h4 {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorBlack);
}

.wsus__support_time {
    background: var(--colorPrimary);
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}

.wsus__support_time i {
    width: 60px;
    height: 60px;
    background: var(--colorWhite);
    line-height: 60px;
    text-align: center;
    margin: 40px auto 25px auto;
    border-radius: 50%;
    color: var(--colorPrimary);
    font-size: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__support_time p {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorWhite);
    margin-bottom: 40px;
    text-align: center;
}

.wsus__support_time p span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: var(--colorWhite);
    text-align: center;
}

.wsus__support_time img {
    height: 397px !important;
}

.contact_map {
    height: 650px;
}

.contact_map iframe {
    width: 100% !important;
    height: 100% !important;
}

/*================================
    CONTACT END
================================*/

/*================================
    404 START
================================*/

.wsus__404 {
    height: 100vh;
}

.wsus__404 div {
    height: 100%;
}

.wsus__404_text {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 90px;
}

.wsus__404_text h2 {
    font-size: 150px;
    font-weight: 900;
    color: var(--colorBlack);
    text-align: center;
}

.wsus__404_text h3 {
    font-size: 40px;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
}

.wsus__404_text p {
    margin: 10px 0px 40px 0px;
    text-align: center;
}

.wsus__404_text a {
    font-size: 16px;
    font-weight: 400;
    border-radius: 40px;
}

/*================================
    404 END
================================*/

/*================================
    SIGN IN START
================================*/

.wsus__sign_in_area {
    background: var(--colorWhite);
    box-shadow: 4px 4px 60px 0px #0000000a;
    border-radius: 16px;
}

.wsus__sign_in_text {
    padding: 40px;
}

.wsus__sign_in_text h2 {
    font-weight: 600;
    font-size: 32px;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-top: 16px;
}

.wsus__sign_in_text p {
    color: var(--colorBlack);
}

.wsus__login_check {
    justify-content: space-between;
    align-items: center;
}

.wsus__login_check .form-check {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.wsus__login_check .form-check input {
    width: auto;
    margin-right: 5px;
}

.wsus__login_check .form-check label {
    color: var(--paraColor);
    font-size: 18px;
}

.wsus__login_check a {
    font-size: 18px;
    font-weight: 400;
    color: var(--colorPrimary-light);
    text-transform: capitalize;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__login_check a:hover {
    color: red;
}

.wsus__login_check .form-check input {
    padding: 0;
    border: 1px solid var(--colorPrimary);
}

.wsus__login_check .form-check input:focus {
    border-color: var(--colorPrimary);
    box-shadow: none;
}

.wsus__login_check .form-check input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.wsus__login_check .form-check input {
    padding: 0;
    border: 1px solid var(--colorPrimary);
    border-radius: 99px;
}

.wsus__review_input .or {
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0px;
    color: var(--colorBlack);
    position: relative;
    overflow: hidden;
}

.wsus__review_input .or::after {
    position: absolute;
    content: "";
    width: 262px;
    height: 1px;
    background: #eeeff2;
    top: 50%;
    left: 53%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.wsus__review_input .or::before {
    position: absolute;
    content: "";
    width: 264px;
    height: 1px;
    background: #eeeff2;
    top: 50%;
    right: 53%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.wsus__review_input ul li a {
    display: block;
    background: var(--colorWhite);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 17px 20px;
    text-align: center;
    margin-top: 25px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorPrimary);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__review_input ul li a i {
    margin-right: 5px;
}

.wsus__review_input ul li a:hover {
    color: var(--colorBlack);
}

.wsus__review_input .create_account {
    text-align: center;
    margin-top: 18px;
    color: var(--paraColor);
}

.wsus__review_input .create_account a {
    color: var(--colorPrimary);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__review_input .create_account a:hover {
    color: var(--colorPrimary);
}

.wsus__sign_in_img {
    height: 100%;
    overflow: hidden;
}

.wsus__sign_in_text .select2-container--default .select2-selection--single {
    border: none;
    height: 39px;
    padding-left: 8px;
}

.wsus__sign_in_text
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    font-weight: 300;
    color: var(--colorBlack) !important;
    line-height: 35px;
}

.wsus__sign_in_text
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 3px;
    right: 10px;
}

/*================================
    SIGN IN END
================================*/

/*================================
    SELLAR PAGE  START
================================*/

.wsus__sellar_top {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: #fafafa;
}

.wsus__sellar_top img {
    width: 260px !important;
    height: 260px !important;
    object-fit: cover;
    border: 0px solid var(--colorWhite);
    border-radius: 12px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__sellar_top .text h2 {
    font-size: 28px;
    font-weight: 500;
    color: var(--colorBlack);
    text-transform: capitalize;
}

.wsus__sellar_top .text span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: var(--paraColor);
    margin-bottom: 30px;
}

.wsus__sellar_top .text a,
.wsus__sellar_top .text p {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: var(--paraColor);
    margin-top: 7px;
}

.wsus__sellar_top .text a i,
.wsus__sellar_top .text p i {
    width: 25px;
}

.wsus__sellar_top ul {
    margin-top: 30px;
}

.wsus__sellar_top ul li {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    color: var(--colorWhite);
    margin-right: 30px;
}

.wsus__sellar_top ul li i {
    width: 25px;
}

.wsus__sellar_top ul li b {
    font-weight: 900;
    margin-left: 5px;
}

.contact_btn_area .provider_contact {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--colorBlack) !important;
    background: var(--colorWhite);
    display: inline-block !important;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 30px !important;
    transition: all linear 0.3s;
    text-align: center;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.contact_btn_area .provider_contact:hover {
    color: var(--colorPrimary) !important;
}

.wsus__sellar_search h3 {
    font-size: 32px;
    font-weight: 600;
    color: var(--colorBlack);
    text-transform: capitalize;
}

.wsus__sellar_search form {
    width: 30%;
    position: relative;
    background: var(--colorWhite);
    border: 1px solid #eeeff2;
    border-radius: 100px;
    padding: 4px 6px 4px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.wsus__sellar_search form::after {
    position: absolute;
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    font-size: 16px;
    color: #b0b0b0;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__sellar_search form input {
    border: none;
    background: none;
    font-size: 16px;
    padding: 14px 20px;
}

/* .wsus__sellar_search form button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
} */

/*================================
    SELLAR PAGE  END
================================*/

/*================================
    DASHBOARD START
================================*/

.wsus__dashboard_menu {
    padding: 30px;
    height: 100%;
}

.dasboard_header {
    margin-bottom: 20px;
    text-align: center;
}

.dasboard_header img {
    width: 85px !important;
    height: 85px !important;
    border-radius: 50%;
    object-fit: cover;
}

.dasboard_header .text h2 {
    font-size: 20px;
    font-weight: 500;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-bottom: 0px;
    margin-top: 10px;
}

.dasboard_header .text p {
    margin: 0;
}

.wsus__dashboard_menu button {
    background: none !important;
    color: var(--colorBlack) !important;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0 !important;
    padding: 14px 14px !important;
    position: relative;
    transition: all linear 0.3s;
}

.wsus__dashboard_menu button span {
    color: var(--colorBlack);
    width: 25px;
    display: inline-block;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

/* .wsus__dashboard_menu button:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
} */

.nav-pills .nav-link.active,
.nav-pills .nav-link:hover {
    color: var(--colorPrimary-light) !important;
    background-color: #eff6ff !important;
    border-radius: 4px !important;
    border-radius: 999px !important;
}

.nav-pills .nav-link.active span,
.nav-pills .nav-link:hover span {
    color: var(--colorPrimary) !important;
}

#toggleProfileSection {
    background-color: transparent !important;
    border-radius: 30px !important;
}

.wsus_dashboard_body h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorBlack);
    text-transform: capitalize;
}

.wsus__dashboard_info {
    padding: 24px;
    border-radius: 5px;
    margin-top: 0px;
    display: flex;
    align-items: center;
    background-color: #ecfcf4;
    gap: 16px;
}
.wsus__dashboard_info.two {
    background-color: rgba(53, 199, 54, 0.12);
}
.wsus__dashboard_info.three {
    background-color: #fef2e0;
}

.dashbord-item_text h3 {
    color: #061533;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}
.dashbord-item_text p {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: #535769;
    justify-content: space-between;
}

.wsus__dashboard_info_form {
    display: none;
}

.wsus__dashboard_info .dashbord-item_icon {
    width: 52px;
    height: 52px;
    background: var(--colorWhite);
    line-height: 52px;
    text-align: center;
    color: var(--colorPrimary);
    font-size: 22px;
}

.wsus__dashboard_info h5 {
    font-size: 18px;
    font-weight: 900;
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-top: 25px;
    margin-bottom: 5px;
    text-align: center;
}

.wsus__dashboard_info h2 {
    font-size: 50px;
    font-weight: 700;
    color: var(--colorWhite);
    text-align: center;
}

.wsus_dash_personal_info {
    border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    margin-top: 30px;
}

.wsus_dash_personal_info h4 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--colorBlack);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.wsus_dash_personal_info .nav-link {
    border: 1px solid #bfdbfe !important;
    font-size: 18px;
    font-weight: 400;
    color: var(--paraColor) !important;
    background: transparent !important;
    padding: 8px 20px 8px 20px !important;
    border-radius: 50px !important;
    position: relative;
    transition: all linear 0.3s;
    text-transform: capitalize;
}
.wsus_dash_personal_info .nav-link div {
    display: flex;
    align-items: center;
    gap: 8px;
}
.wsus_dash_personal_info .nav-link div:last-child {
    display: none;
}
.wsus_dash_personal_info .nav-link.active {
    padding: 8px 20px 8px 20px !important;
}

.wsus_dash_personal_info .nav-link.active div:first-child {
    display: none;
}
.wsus_dash_personal_info .nav-link.active div:last-child {
    display: flex;
}
.wsus_dash_personal_info .nav-link.active::after {
    left: 47px;
}

.wsus_dash_personal_info.show .wsus__dashboard_info_item {
    display: none;
}

.wsus_dash_personal_info.show .wsus__dashboard_info_form {
    display: block;
}

.wsus_dash_personal_info p {
    color: var(--colorBlack);
    margin-top: 20px !important;
}

.wsus_dash_personal_info p span {
    display: inline-block;
    width: 120px;
    font-weight: 500;
}

.wsus_dash_personal_info .wsus__review_input input {
    background: none !important;
}

.wsus_dash_personal_info .wsus__review_input fieldset {
    margin-top: 20px;
}

.wsus_dashboard_order table {
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
}

.wsus_dashboard_order table tr {
    border-color: transparent;
    display: flex;
}

.wsus_dashboard_order table tr th {
    background: #f9fafb;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    color: var(--colorBlack) !important;
}

.wsus_dashboard_order table tr th,
.wsus_dashboard_order table tr td {
    text-align: left;
    padding: 14px 16px;
    width: 20%;
    display: flex;
    justify-content: start;
    align-items: center;
}

.wsus_dashboard_order table tr td h5 {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 400;
}

.wsus_dashboard_order table tr td p {
    text-transform: capitalize;
    margin: 0;
}

.wsus_dashboard_order table tr td a {
    font-size: 16px;
    font-weight: 400;
    color: #fe5a3f;
    text-transform: capitalize;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    cursor: pointer;
}

.wsus_dashboard_order table tr td a:hover {
    color: var(--colorPrimary);
}

.wsus_dashboard_order table tr td span {
    border-radius: 100px;
    padding: 4px ;
    width: 104px;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
}

.wsus_dashboard_order table tr td .complete {
    background: #00bf8c1c;
    color: #5FD788;
    width: 100%;
}

.wsus_dashboard_order table tr td .cancel {
    background: #fe3a601c;
    color: #fe3a60;
}

.wsus_dashboard_order table tr td .pending{
    background: rgba(250, 204, 21, 0.06);
    color: #FACC15;
}

.wsus_dashboard_order table tr td .active {
    background: #378fff1f;
    color: var(--colorPrimary-light);
}

.dashboard_review {
    border-radius: 5px;
    padding: 0px 20px;
}

.dashboard_review .wsus__single_review {
    background: #fff;
}

.dashboard_review .see_review {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorPrimary);
    text-transform: capitalize;
    margin-top: 25px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.dashboard_review .see_review:hover {
    color: var(--colorPrimary);
}

.wsus__dashboard .modal {
    background: #0007;
}

.wsus__dashboard .modal-dialog {
    margin: 0;
    margin-bottom: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.wsus__dashboard .modal-content {
    padding: 20px;
    border: none;
}

.wsus__dashboard .modal-header {
    border: 0;
}

.wsus__dashboard .modal-title {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
}

.wsus__dashboard .modal-body {
    text-align: center;
}

.wsus__dashboard .modal-body img {
    width: 150px !important;
    height: 150px !important;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__dashboard p b {
    font-size: 18px;
    font-weight: 900;
    color: var(--colorBlack);
    display: block;
}

.wsus__dashboard .modal-footer {
    justify-content: space-between;
    border: 0;
}

.wsus__dashboard .modal-footer button {

    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    width: 47%;
    text-align: center;
}

.wsus__dashboard .modal-footer .del_btn {
    background: #ecfcf4;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__dashboard .modal-footer .del_btn:hover {
    background: red;
    color: var(--colorWhite);
}

.wsus_dashboard_order h3 {
    margin-bottom: 20px;
}

.wsus__invoice .go_back {
    background: var(--colorPrimary);
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--colorWhite) !important;
    font-weight: 400;
    cursor: pointer;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__invoice .go_back i {
    margin-right: 10px;
}

.wsus__invoice .go_back:hover {
    background: var(--colorBlack);
}

.wsus__invoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wsus__invoice_header p {
    margin: 30px 0px;
}

.wsus__invoice_header p b {
    font-weight: 700;
    font-size: 20px;
    text-transform: capitalize;
    display: block;
}

.wsus__invoice_header p span {
    color: #fe5a3f;
}

.wsus__invoice table {
    /* border: 1px solid #bcd9ff; */
    margin: 0;
    border-bottom: 0;
}

.wsus__invoice table tr {
    border-color: transparent;
    display: flex;
}

/* .wsus__invoice table tr:last-child {
    border: 1px solid #BCD9FF;
} */

.wsus__invoice table tr th {
    background: #F9FAFB;
    border: none;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--colorBlack);
}

.wsus__invoice table tr th,
.wsus__invoice table tr td {
    padding: 15px 30px;
}

.wsus__invoice table tr td {
    color: var(--colorBlack);
    padding: 15px 30px 5px 30px;
    border-bottom: 1px solid #bcd9ff;
}

.wsus__invoice table tr td p {
    margin: 0 0 10px 0;
    color: var(--colorBlack);
}

.wsus__invoice table tr td b {
    font-weight: 500;
    margin: 10px 0px;
}

.wsus__invoice .package {
    width: 50%;
}

.wsus__invoice .price,
.wsus__invoice .qnty,
.wsus__invoice .total {
    width: 25%;
}

.wsus__invoice_footer {
    margin-top: 65px;
}

.wsus__invoice_footer_info h3 {
    margin-bottom: 20px;
}

.wsus__invoice_footer_info p {
    font-weight: 700;
    font-size: 16px;
    color: var(--colorBlack);
    margin: 20px 0px 0px 0px;
    display: flex;
    justify-content: start;
}

.wsus__invoice_footer_info p a {
    color: var(--colorBlack);
}

.wsus__invoice_footer_info p span {
    margin: 0;
    text-transform: capitalize;
    min-width: 170px;
    display: inline-block;
}

.wsus__invoice_footer_total {
    border: 1px solid #bcd9ff;
    border-radius: 5px;
    padding: 15px 30px;
}

.wsus__invoice_footer_total h5 {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wsus__invoice_footer_total h5 span {
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--colorBlack);
}

.wsus__invoice_footer_total .tax span {
    color: #fe5a3f;
}

.wsus__invoice_footer_total .total_tk {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

/* .wsus__invoice tr.border_none {
    border-bottom: 1px solid #fff;
} */

.wsus__invoice_footer_request {
    margin: 50px 0px 0px 0px !important;
}

.wsus__invoice_footer_request h4 {
    font-weight: 700;
    font-size: 16px;
    color: var(--colorBlack);
    margin-bottom: 30px;
}

.wsus__invoice_footer_request p {
    margin: 0;
    margin-top: 10px;
}

.wsus__invoice_footer_request p span {
    width: 200px;
    display: inline-block;
}

.wsus__invoice .order_request_btn {
    float: right;
    margin: 25px 0px;
}

.wsus__invoice .wsus__review_input legend {
    text-align: left;
}

.wsus__invoice .wsus__review_input button {
    width: 100%;
}

.wsus__invoice select {
    clear: left;
    width: 100%;
    border: none;
    height: 40px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-weight: 300;
    outline: none;
    text-transform: capitalize;
}

.wsus__dashboard .wsus__invoice .modal-header {
    border: 0;
    padding: 12px 15px 0px 15px;
}

.wsus_dashboard_body .wsus__invoice {
    display: none;
}

.support_ticket {
    background: #ecfcf4;
    border-radius: 5px;
}

.wsus__support_ticket_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
}

.wsus__support_ticket_top .right {
    display: flex;
    align-items: center;
}

.wsus__support_ticket_top .right a {
}

.wsus__support_ticket_top .right form {
    position: relative;
}

.wsus__support_ticket_top .right form input {
    background: #ffffff;
    border: 1px solid #d7e2f2;
    border-radius: 3px;
    padding: 12px 35px 12px 20px;
}

.wsus__support_ticket_top .right form button {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: none;
    color: var(--colorPrimary);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.wsus__ticket_item table {
    margin: 0;
}

.wsus__ticket_item table tr {
    border-color: #f9fafb;
}

.wsus__ticket_item table tr th,
.wsus__ticket_item table tr td {
    padding: 15px 16px;
}

.wsus__ticket_item table tr th {
    background: #f9fafb;
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
    border: none;
}

.wsus__ticket_item table tr .sn {
    width: 12%;
}

.wsus__ticket_item table tr .from,
.wsus__ticket_item table tr .info {
    width: 25%;
}

.wsus__ticket_item table tr .status,
.wsus__ticket_item table tr .action {
    width: 20%;
}

.wsus__ticket_item table tr td p {
    font-size: 14px;
    margin: 15px 0px;
}

.wsus__ticket_item table tr td p span {
    font-size: 14px;
    color: var(--colorPrimary);
}

.wsus__ticket_item table tr td .active {
    background: #d5e8ff;
    border-radius: 3px;
    text-transform: capitalize;
    color: var(--colorPrimary);
    padding: 10px 20px;
    margin-top: 15px;
    display: inline-block;
}

.wsus__ticket_item table tr td .closed {
    background: #fe5a3f;
    border-radius: 3px;
    text-transform: capitalize;
    color: var(--colorWhite);
    padding: 10px 20px;
    margin-top: 15px;
    display: inline-block;
}

.wsus__ticket_item table tr td .ticket_invoice_view {
    background: #d5e8ff;
    border-radius: 3px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: var(--colorPrimary);
    display: inline-block;
    margin-top: 15px;
    margin-right: 5px;
    cursor: pointer;
}

.wsus__ticket_item table tr td .del_ticket {
    background: #fe5a3f;
    border-radius: 3px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: var(--colorWhite);
    display: inline-block;
    margin-top: 15px;
}

.wsus__support_tecket_footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.wsus__support_tecket_footer p {
    margin: 0;
    color: var(--colorPrimary);
}

.wsus__support_tecket_footer ul li:first-child a {
    background: none;
    color: var (--colorPrimary);
    border: 1px solid var(--colorPrimary);
    margin-right: 10px;
}

.wsus__ticket_modal select {
    clear: left;
    width: 100%;
    border: 1px solid #eeeff2;
    font-weight: 300;
    outline: none;
    text-transform: capitalize;
    padding: 12px 36px 12px 20px;
    border-radius: 8px;
    overflow: hidden;
}

.ticket_list_view_area .go_ticket {
    background: var(--colorPrimary);
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--colorWhite) !important;
    font-weight: 400;
    cursor: pointer;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    margin-bottom: 20px;
}

.ticket_list_view_area .go_ticket i {
    margin-right: 10px;
}

.ticket_list_view_area .go_ticket:hover {
    background: var(--colorBlack);
}

.wsus__support_ticket_single {
    background: var(--colorWhite);
    padding: 20px;
    border-radius: 5px;
    margin-top: 25px;
}

.wsus__support_ticket_single h5 {
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.wsus__support_ticket_single h5 small,
.wsus__support_ticket_single h5 span {
    font-weight: 400;
    font-size: 16px;
    color: var(--colorBlack);
}

.wsus__support_ticket_single h5 span {
    float: right;
}

.wsus__support_ticket_single h6 {
    font-weight: 400;
    font-size: 16px;
    color: var(--colorBlack);
}

.wsus__support_ticket_single h6 span {
    font-weight: 400;
    font-size: 16px;
}

.wsus__support_ticket_single p {
    margin: 25px 0px;
}

.wsus__support_ticket_single .urgent {
    background: #d5e8ff;
    text-transform: capitalize;
    color: var(--colorPrimary);
    padding: 7px 15px;
    border-radius: 3px;
}

.ticket_list_view_form textarea {
    margin-top: 25px;
    border: none;
    border-radius: 5px;
}

.ticket_list_view_form input {
    background: var(--colorWhite);
    border: none;
    margin-top: 20px;
    border-radius: 5px;
}

.ticket_list_view_form p {
    margin: 20px 0px;
    color: var(--colorPrimary);
}

.ticket_list_view_sidebar h4 {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--colorBlack);
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 10px;
    margin-top: 36px;
    padding-bottom: 20px;
}

.ticket_list_view_sidebar p {
    font-size: 12px;
    font-weight: 400;
}

.ticket_list_view_sidebar p span {
    color: var(--colorPrimary);
}

.ticket_list_view_sidebar p b {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    margin-left: 40px;
    background: #d5e8ff;
    text-transform: capitalize;
    color: var(--colorPrimary);
    padding: 7px 15px;
    border-radius: 3px;
}

.wsus__ticket_list_view {
    display: none;
}

/*================================
    DASHBOARD END
================================*/

/*================================
    SELLAR JOINING START
================================*/

.wsus__sellar_joining_bg {
    padding: 0 100px;
}

.wsus__sellar_joining_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    margin-bottom: 25px;
}

.wsus__sellar_joining_top .img {
    width: 150px;
    height: 150px;
    background: #ebf3ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: var(--colorPrimary);
    margin-right: 40px;
    cursor: pointer;
}

.wsus__sellar_joining_top .img label {
    cursor: pointer;
}

.wsus__sellar_joining_top .text h4 {
    font-weight: 700;
    font-size: 18px;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-bottom: 5px;
}

.wsus__sellar_joining_top .text p,
.wsus__sellar_joining_top .text span {
    font-weight: 400;
    font-size: 16px;
    color: var(--paraColor);
}

.wsus__sellar_joining_top .text span {
    margin-top: 20px;
    display: block;
    color: var(--colorBlack);
}

.wsus__sellar_joining input,
.wsus__sellar_joining textarea {
    border: none;
    padding: 5px 15px 12px 15px;
    background: none;
}

.wsus__sellar_joining .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    height: 37px;
}

.wsus__sellar_joining
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--colorBlack);
    line-height: 32px;
    font-weight: 300;
    font-size: 16px;
    padding-left: 15px;
}

.wsus__sellar_joining
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    margin-top: -10px;
    margin-left: -20px;
}

.wsus__sellar_joining h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-top: 20px;
    margin-bottom: 5px;
}

.wsus__sellar_joining .form-check input {
    padding: 0;
    border-radius: 2px;
}

.wsus__sellar_joining .form-check label {
    font-weight: 400;
    font-size: 16px;
    color: var(--paraColor);
    margin-left: 5px;
}

.wsus__sellar_joining .form-check label a {
    color: var(--colorPrimary);
    font-weight: 500;
    font-size: 16px;
}

.wsus__sellar_joining_bg .form-check {
    padding-left: 0;
    display: flex;
    align-items: center;
}

.wsus__sellar_joining_bg .form-check input {
    width: auto;
    margin-right: 5px;
}

/*================================
    SELLAR JOINING START
================================*/

/*================================
    HOME PAGE 2 START
================================*/

.home_2 .wsus__topbar {
    background: var(--colorPrimary);
}

.home_2 .wsus__topbar_icon li a {
    color: var(--colorPrimary);
}

.home_2 .wsus__select_language li a:hover {
    background: #00bf8c26;
    color: VAR(--colorBlack);
}

.home_2 .main_menu .nav-item:hover .nav-link,
.home_2 .main_menu .nav-item .nav-link.active {
    color: var(--colorPrimary);
}

.home_2 .main_menu .nav-item:first-child .nav-link svg {
    margin-left: 4px;
}

.home_2 .main_menu .wsus__droap_menu li a:hover,
.home_2 .main_menu .wsus__droap_menu li a.active {
    background: #00bf8c26;
    color: VAR(--colorBlack);
}

.home_2 .main_menu .wsus__droap_menu li a::after {
    color: var(--colorBlack);
}

.home_2 .main_menu .wsus__right_menu li a {
    border: 1px solid var(--colorPrimary-light);
}

.home_2 .main_menu .wsus__right_menu li a:hover {
    color: var(--colorBlack);
}

.menu_search_form {
    position: relative;
    background: #e0f7f1;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
}

.menu_search_form input {
    background: none;
    border: none;
    padding: 13px 20px;
}

.menu_search_form button {
    position: absolute;
    top: 50%;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    color: var(--colorPrimary);
    background: none;
    height: 100%;
    width: 40px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.menu_search_form button:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.wsus__banner_overlay {
    background: rgba(0, 0, 0, 0.4);
}

.home_2 .wsus__banner_overlay {
    background: rgba(0, 0, 0, 0.797);
}

.home_2 .wsus__banner_text h6 {
    text-align: center;
}

.home_2 .wsus__banner_text h1 {
    color: var(--colorWhite);
    text-align: center;
}

.home_2 .wsus__banner_text p {
    margin: 0px auto 50px auto;
    color: var(--colorWhite);
    text-align: center;
}

.home_2 .wsus__banner_text h1 b {
    color: var(--colorPrimary);
}

.home_2 .wsus__banner_text ul {
    margin: 0 auto;
}

.home_2 .wsus__banner_text ul li p {
    text-align: left;
    margin-bottom: 0;
}

/* .home_2 .wsus__banner_text .wsus__banner_search {
    padding: 10px;
}

.home_2 .wsus__banner_text ul li {
    padding: 0;
    border: none;
} */

/* .home_2 .wsus__banner_text ul li:first-child:after {
    display: none;
} */

.wsus__banner_search_item {
    width: 150px;
    background: #00bf8c01;
    border-radius: 5px;
}

/* .home_2 .wsus__banner_text ul li input {
    background: #E0F7F1;
    border: none;
    font-size: 14px;
    padding: 13.5px 20px;
    padding-left: 40px;
}

.home_2 .wsus__banner_text ul li button {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
} */

/* .home_2 .wsus__banner_text ul li:first-child {
    width: 35%;
} */

/* .home_2 .wsus__banner_text ul li:last-child {
    width: 63%;
} */

/* .home_2 .wsus__banner_text ul li .select2-container--default .select2-selection--single {
    background-color: #E0F7F1;
} */

/* .home_2 .wsus__banner_text ul li .select2-container {
    width: 100% !important;
} */

/* .home_2 .wsus__banner_text ul li .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    padding-left: 30px;
    color: var(--colorBlack);
} */

.home_2 .wsus__banner_text ul li:first-child::before {
    color: var(--colorBlack);
    z-index: 1;
    left: 10px;
    font-size: 14px;
}

.home_2
    .wsus__banner_text
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #121212 transparent transparent transparent;
}

.home_2
    .select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: transparent transparent #121212 transparent;
}

.home_2 .wsus__banner_text ul li.input_area::after {
    position: absolute;
    content: "\f002";
    color: var(--colorPrimary);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home_2 .wsus__single_categories {
    background: var(--colorWhite) !important;
    padding: 0px 0px 18px 0px;
    position: relative;
    /* width: 130px; */
    overflow: inherit;
}

.home_2 .wsus__single_categories span {
    border: 1px solid var(--colorPrimary);
    margin: 0 auto;
    width: 130px;
    height: 130px;
    padding: 30px;
}

.home_2 .wsus__single_categories:hover a,
.home_2 .wsus__single_categories:hover p {
    color: var(--colorBlack);
}

.home_2 .wsus__single_categories:hover span {
    background: var(--colorPrimary);
}

.featured_service_slider2 .slick-dots li button,
.home_2 .blog_det_slider .slick-dots li button,
.home_2 .wsus__testimonial .slick-dots li button,
.home_2 .wsus__categories .slick-dots li button {
    background: var(--colorPrimary);
    opacity: 0.25;
}

.featured_service_slider2 .slick-dots li.slick-active button,
.home_2 .blog_det_slider .slick-dots li.slick-active button,
.home_2 .wsus__testimonial .slick-dots li.slick-active button,
.home_2 .wsus__categories .slick-dots li.slick-active button {
    opacity: 1;
}

.home_2 .wsus__single_categories .shapes {
    position: absolute;
    top: 55px;
    right: -100px;
    width: 70px;
    display: none;
}

.wsus__features_services .wsus__single_services2 {
    margin: 0 12px;
}

.wsus__single_services2 {
    background: #ffffff;
    border: 1px solid #beffee;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 25px;
}

.wsus__services_img2 {
    height: 250px;
    position: relative;
    overflow: hidden;
}

.wsus__services_img2 img {
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__services_img2 .category:hover {
    background: #09916d;
    color: var(--colorWhite);
}

.wsus__services_img2 .category {
    font-size: 13px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 8px 25px;
    text-transform: capitalize;
    border-radius: 3px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.wsus__services_text2 {
    position: relative;
    padding: 30px;
}

.wsus__services_text2 img {
    width: 45px !important;
    height: 45px !important;
    border: 3px solid var(--colorWhite);
    position: absolute;
    left: 30px;
    top: -23px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__services_text2 ul li {
    text-transform: capitalize;
    font-size: 16px;
    color: var(--paraColor);
    font-weight: 400;
}

.wsus__services_text2 ul li p {
    color: #ffa800;
    font-size: 16px;
}

.wsus__services_text2 ul li p span {
    color: var(--paraColor);
    margin-left: 10px;
}

.wsus__services_text2 .title {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorBlack);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 10px 0px 15px 0px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__services_text2 .title:hover {
    color: var(--colorPrimary);
}

.single_service_footer2 span {
    background: #e0f7f1;
    color: var(--colorPrimary);
    border-radius: 5px;
    font-size: 24px;
    font-weight: 700;
    padding: 5px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.wsus__single_services2:hover .wsus__services_img2 img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.wsus__booking_service {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.wsus__booking_service_overlay {
    background: rgba(0, 0, 0, 0.81);
    box-shadow: 0px 12px 35px rgba(0, 124, 251, 0.16);
    padding: 100px 0px 285px 0px;
}

.wsus__booking_service_img {
    height: 560px;
    position: relative;
    margin-top: 85px;
}

.wsus__booking_service_img .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 85%;
    padding-bottom: 50px;
}

.wsus__booking_service_img .text span {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--colorBlack);
    text-align: center;
    display: block;
    margin-bottom: 45px;
}

.wsus__booking_service_img .text h4 {
    font-size: 42px;
    font-weight: 700;
    color: var(--colorWhite);
    text-align: center;
    margin-bottom: 5px;
}

.wsus__booking_service_img .text p {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.wsus__booking_service_text {
    background: var(--colorWhite);
    border-radius: 5px;
    padding: 40px;
}

.wsus__booking_service_text h2 {
    font-weight: 700;
    font-size: 42px;
    color: var(--colorBlack);
    margin-bottom: 5px;
    margin-top: 20px;
}

.wsus__booking_service .wsus__review_input fieldset {
    border: 1px solid var(--colorPrimary);
}

.wsus__booking_service select {
    color: var(--colorBlack);
    text-transform: capitalize;
    font-size: 18px;
    width: 100%;
    background: #f2f8ff;
    padding: 14px 0px;
    outline: none;
    border-radius: 12px;
    border: none;
}

.wsus__booking_service select option {
    font-size: 16px;
    margin: 15px 0px;
}

.home_2
    .select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--colorPrimary);
}

.wsus__counter2 {
    position: relative;
    margin-top: -183px;
    margin-bottom: -180px;
    z-index: 1;
}

.wsus__counter2_bg {
    background: var(--colorPrimary);
    padding: 70px 0px 65px 0px;
    border-radius: 5px;
}

.wsus__counter2 .wsus__single_counter span {
    box-shadow: 0px 5px 12px 2px rgba(0, 124, 251, 0.16);
}

.wsus__app_download2 {
    background: #ecfffa;
}

.wsus__app_download2 .wsus__app_download_text ul li a {
    background: var(--colorBlack);
}

.wsus__app_download2 .wsus__app_download_text ul li a:hover {
    background: var(--colorBlack);
}

.testimonial2 .wsus__single_testimonial {
    padding: 35px;
    margin: 0px 12px;
    background: var(--colorPrimary);
    border-radius: 5px;
}

.testimonial2 .wsus__single_testimonial .review_text {
    padding: 0;
    background: none;
}

.home_2 .wsus__single_testimonial .review_text::after {
    display: none;
}

.testimonial2 .wsus__single_testimonial_img {
    margin: 0;
}

.testimonial2 .wsus__single_testimonial_img img {
    border: 2px solid var(--colorWhite);
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial2 .wsus__single_testimonial_img p,
.testimonial2 .wsus__single_testimonial_img p span {
    color: var(--colorWhite);
}

.testimonial2 .wsus__single_testimonial .review_text::before {
    top: -65px;
    left: -20px;
}

.testimonial2 .testi_shapes {
    display: block;
    margin: 25px 0px;
}

.home_2 .featured_service_slider2 .slick-dots li button {
    margin: 25px 5px 0px 5px;
}

.testimonial2 .testi_slider2 .slick-dots li button {
    margin: 30px 5px 0px 5px;
}

.home_2 .wsus__blog {
    background: #ecfffa;
}

.home_2 .wsus__single_blog:hover h2 a {
    color: var(--colorBlack);
}

.home_2 .wsus__single_blog h2 a:hover {
    color: var(--colorPrimary);
}

.home_2 .wsus__single_blog_text a {
    border-top: 1px solid #c6fff0;
}

.home_2 .wsus__single_blog_text a:hover {
    color: var(--colorPrimary);
}

.home_2 .wsus__single_blog:hover h2 {
    color: var(--colorPrimary);
}

.home_2 .wsus__subscribe_text form button {
    padding: 11px 30px;
}

.home_2 .wsus__seller_join_text a:hover,
.home_2 .wsus__subscribe_text form button:hover {
    background: #09916d;
}

.home_2 .wsus__footer_content .social_link li a {
    color: var(--colorPrimary);
}

.home_2 .wsus__footer_content .social_link li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.home_2 .wsus__footer_content .footer_contact li a i,
.home_2 .wsus__footer_content .footer_contact li p i {
    color: var(--colorPrimary);
}

.home_2 .wsus__footer_bottom {
    background: var(--colorPrimary);
}

.home_2 .wsus__scroll_btn {
    background: var(--colorPrimary);
}

.wsus__seller_join2_bg {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    position: relative;
    margin-top: -150px;
}

.wsus__seller_join2_text p {
    font-weight: 500;
    font-size: 18px;
    color: var(--colorWhite);
    margin-bottom: 10px;
    text-align: center;
}

.wsus__seller_join2_text h3 {
    font-weight: 700;
    font-size: 30px !important;
    color: var(--colorWhite);
    margin-bottom: 40px;
}

/*================================
    HOME PAGE 2 END
================================*/

/*================================
    HOME PAGE 3 START
================================*/

.home_3 .wsus__right_menu li:first-child a {
    background: linear-gradient(
        70.49deg,
        var(--colorPrimary) 0%,
        var(--colorPrimary) 98.96%
    ) !important;
    color: var(--colorWhite) !important;
}

.home_3 .search_form button {
    background: var(--colorPrimary);
}

.home_3 .main_menu .wsus__right_menu li a {
    border: 1px solid var(--colorPrimary);
}

.home_3 .main_menu .nav-item:hover .nav-link,
.home_3 .main_menu .nav-item .nav-link.active,
.main_menu .wsus__droap_menu li a:hover,
.main_menu .wsus__droap_menu li a.active {
    color: var(--colorPrimary);
}

.home_3 .main_menu .wsus__droap_menu li a::after {
    color: var(--colorPrimary);
}

.home_3 .wsus__banner_text h1 {
    font-size: 52px;
    margin-bottom: 40px;
}

.home_3 .wsus__banner_text h1 b {
    color: var(--colorPrimary);
}

.home_3 .banner_tag span {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 16px;
    color: var(--colorBlack);
    margin-right: 20px;
}

.home_3 .banner_tag ul {
    background: none;
    border-radius: 0;
    box-shadow: none;
    width: auto;
    justify-content: flex-start;
    position: inherit;
    padding: 0;
}

.home_3 .banner_tag ul li {
    min-width: auto !important;
    padding: 0;
}

.home_3 .banner_tag ul li:first-child::before {
    display: none;
}

.home_3 .banner_tag ul li a {
    font-size: 16px;
    color: var(--colorBlack);
    background: var(--colorWhite);
    box-shadow: 20px 20px 45px 5px rgba(55, 143, 255, 0.1);
    border-radius: 5px;
    padding: 6px 18px;
    margin-right: 10px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.home_3 .banner_tag ul li:last-child a {
    margin-right: 0;
}

.home_3 .banner_tag ul li a:hover {
    color: var(--colorWhite);
    background: linear-gradient(
        70.49deg,
        var(--colorPrimary) 0%,
        var(--colorPrimary) 98.96%
    );
}

.home_3 .wsus__banner_text {
    padding-bottom: 55px;
}

.home_3 .wsus__single_categories {
    background: var(--colorWhite);
    padding: 0;
    border: 1px solid #6765f91c;
    padding-bottom: 25px;
    margin: 0px 12px 30px 12px;
}

.home_3 .wsus__single_categories:hover {
    box-shadow: 20px 20px 45px 5px rgba(55, 143, 255, 0.1);
    border-color: transparent;
}

.home_3 .wsus__single_cat_img {
    height: 160px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.home_3 .wsus__single_categories span {
    background: #edf4ff;
    border: 4px solid var(--colorWhite);
    margin-top: -40px;
    position: relative;
    z-index: 1;
}

.home_3 .wsus__single_categories a {
    font-size: 24px;
    margin: 15px 0px 3px 0px;
}

.home_3 .wsus__single_categories a,
.home_3 .wsus__single_categories p {
    color: var(--colorBlack);
}

.home_3 .wsus__categories .slick-dots {
    margin-top: -20px;
}

.home_3 .wsus__categories .slick-dots li button {
    background: linear-gradient(
        70.49deg,
        var(--colorPrimary) 0%,
        var(--colorPrimary) 98.96%
    );
}

.home_3 .wsus__single_services {
    background: var(--colorWhite);
    border: 1px solid #6765f91c;
}

.home_3 .wsus__services_text ul li {
    color: var(--colorPrimary);
}

.home_3 .wsus__services_text ul li a {
    background: #2251e226;
}

.home_3 .wsus__services_text ul li a:hover {
    background: var(--colorPrimary);
}

.home_3 .wsus__services_text .common_btn {
    width: 100%;
    margin-top: 25px;
}

.home_3 .search_form button:hover,
.home_3 .wsus__subscribe_text form button:hover,
.home_3 .wsus__seller_join_text a:hover,
.home_3 .wsus__services_text .common_btn:hover {
    background: #378fff !important;
}

.home_3 .wsus__single_services:hover .title {
    color: var(--colorPrimary);
}

.home_3 .featured_service_slider3 .slick-dots {
    margin-top: -20px;
}

.home_3 .wsus__counter_3 {
    background: linear-gradient(
        70.49deg,
        var(--colorPrimary) 0%,
        var(--colorPrimary) 98.96%
    );
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.wsus__work_sectiion {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.wsus__work_sectiion_text h2 {
    font-weight: 700;
    font-size: 42px;
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-bottom: 5px;
}

.wsus__work_sectiion_text p {
    color: var(--colorWhite);
}

.wsus__work_sectiion_text ul {
    margin-top: 50px;
}

.wsus__work_sectiion_text ul li {
    padding-left: 80px;
    position: relative;
    margin-top: 35px;
}

.wsus__work_sectiion_text ul li::after {
    position: absolute;
    content: "";
    background: url(../images/How-It-Works-Shapes.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 68px;
    left: 27px;
    width: 8px;
    height: 45px;
    z-index: 0;
}

.wsus__work_sectiion_text ul li:last-child:after {
    display: none;
}

.wsus__work_sectiion_text ul li span {
    background: var(--colorWhite);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 52px;
    display: block;
    text-align: center;
    border: 5px solid #6775ff;
    font-weight: 700;
    font-size: 24px;
    color: var(--colorPrimary);
    position: absolute;
    top: 0;
    left: 0;
}

.wsus__work_sectiion_text ul li h3 {
    font-weight: 700;
    font-size: 24px;
    color: var(--colorWhite);
    margin-bottom: 10px;
}

.wsus__work_sectiion_img {
    height: 470px;
    position: relative;
    z-index: 1;
}

.wsus__work_sectiion_img img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.wsus__work_sectiion_img::after {
    position: absolute;
    content: "";
    width: 91.5%;
    height: 93.5%;
    top: 40px;
    left: -10px;
    background: #566fff;
    border-radius: 5px;
    z-index: -1;
}

.wsus__work_sectiion_img::before {
    position: absolute;
    content: "";
    width: 83%;
    height: 87%;
    top: 80px;
    left: -20px;
    background: #5168f1;
    border-radius: 5px;
    z-index: -1;
}

.home_3 .wsus__app_download_text ul li a {
    background: linear-gradient(
        70.49deg,
        var(--colorPrimary) 0%,
        var(--colorPrimary) 98.96%
    );
}

.home_3 .wsus__app_download_img {
    height: 450px;
}

.home_3 .wsus__sellar_bg {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 5px;
}

.home_3 .wsus__seller_join_text h5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorWhite);
    margin-bottom: 12px;
    text-align: center;
}

.home_3 .wsus__seller_join_text h3 {
    font-size: 28px;
    margin-bottom: 40px;
}

.home_3 .wsus__single_testimonial .review_text {
    background: var(--colorWhite);
    color: var(--paraColor);
}

.home_3 .wsus__single_testimonial .review_text::before {
    opacity: 0.07;
}

.home_3 .wsus__single_testimonial .review_text::after {
    border-bottom: 35px solid var(--colorWhite);
}

.home_3 .wsus__footer_content .social_link li a,
.home_3 .wsus__footer_content .footer_contact li a i,
.home_3 .wsus__footer_content .footer_contact li p i,
.home_3 .wsus__single_blog:hover h2,
.home_3 .wsus__single_blog_text ul li i {
    color: var(--colorPrimary);
}

.home_3 .wsus__footer_content .social_link li a:hover {
    background: linear-gradient(
        70.49deg,
        var(--colorPrimary) 0%,
        var(--colorPrimary) 98.96%
    );
    color: var(--colorWhite);
}

/* .home_3 .wsus__footer_bottom {
    background: #0a0a0a;
} */

.home_3 .wsus__scroll_btn {
    background: linear-gradient(
        70.49deg,
        var(--colorPrimary) 0%,
        var(--colorPrimary) 98.96%
    );
}

.home_3 .wsus__single_blog_text .title {
    color: var(--colorBlack) !important;
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 24px;
    border-bottom: 1px solid #c6e2ff;
    border-top: 0;
    padding-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home_3 .wsus__single_blog_text .title:hover,
.home_3 .wsus__single_blog_text .read_btn:hover {
    color: var(--colorPrimary) !important;
}

.home_3 .wsus__single_blog_text .read_btn {
    color: var(--paraColor);
    border-top: 0;
}

/*================================
    HOME PAGE 3 END
================================*/

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
    width: 100%;
}

.wsus__sidebar .form-control:disabled,
.wsus__sidebar .form-control[readonly] {
    display: none;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--colorPrimary-light) !important;
    border-color: var(--colorPrimary-light) !important;
}
.flatpickr-day:hover,
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background: var(--colorPrimary-light) !important;
    border-color: var(--colorPrimar-light) !important;
}

.flatpickr-day.today {
    border-color: var(--colorPrimary-light) !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    color: var(--colorPrimary) !important;
}

.flatpickr-rContainer {
    width: 100%;
}

.flatpickr-days {
    min-width: 100% !important;
}

.dayContainer {
    min-width: 100% !important;
}

.flatpickr-day {
    width: auto !important;
    max-width: inherit !important;
}

.wsus__support_ticket_single .gallery a {
    display: block;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 0px;
}

.wsus__support_ticket_single .gallery a i {
    font-weight: 300;
}

.wsus__categories_2 {
    background: var(--colorWhite);
}

.home_3 .main_menu {
    top: 0;
}

.wsus__features_services_3 {
    background: #f8f9fe;
}

.wsus__about_reasons_text ul {
    margin-top: 37px;
}

.related_services_heading {
    position: relative;
    margin-bottom: 45px;
}

.related_services_heading::after {
    position: absolute;
    content: "";
    width: 96%;
    height: 1px;
    background: #ecfcf4;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: -1;
}

.related_services_heading h2 {
   
    font-weight: 600;
 
}

.related_services_slider .prevArrow,
.related_services_slider .nextArrow {
    position: absolute;
    color: var(--colorPrimary);
    padding: 0;
    background: var(--colorWhite);
    top: -61px;
    right: 0;
    transition: all linear 0.3s;
    z-index: 9;
    opacity: 0.3;
    cursor: pointer;
    font-size: 30px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.related_services_slider .prevArrow {
    right: 20px !important;
    left: auto;
}

.wsus__sign_in_area .wsus__review_input {
    border: none;
    border-radius: 16px;
}

#profile_edit_section .wsus__review_input {
    padding: 0;
    border: none;
}

.order_request_btn_area {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.order_request_btn_area button {
    margin: 10px 10px 0px 0px !important;
}

.navbar-toggler .close_m_menu {
    display: none;
}

.navbar-toggler.show_m_close .open_m_menu {
    display: none;
}

.navbar-toggler.show_m_close .close_m_menu {
    display: block;
    text-align: center;
}

.package_fee {
    border-bottom: 1px solid #f9fafb;
    padding-bottom: 5px;
    font-size: 18px;
    color: var(--paraColor) !important;
    font-weight: 400;
}

/*================================
    LIVE CHAT START
================================*/

.wsus__message__button {
    font-size: 16px;
    text-transform: capitalize;
    background: var(--colorPrimary-light);
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colorWhite);
    position: fixed;
    bottom: 0;
    right: 60px;
    border: 1px solid var(--colorWhite);
    border-bottom: 0;
    transition: all linear 0.3s;
    border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -ms-border-radius: 7px 7px 0px 0px;
    -o-border-radius: 7px 7px 0px 0px;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__message__button span {
    width: 25px;
    margin-right: 10px;
}

.wsus__message__button:hover {
    background: var(--colorPrimary);
}

.wsus__message_area {
    width: 620px;
    height: 470px;
    position: fixed;
    bottom: 0;
    right: 60px;
    z-index: 999;
    background: var(--colorWhite);
    border-radius: 7px 7px 0px 0px;
    overflow: hidden;
    box-shadow: 0px 4px 109px rgba(0, 0, 0, 0.12);
    transform: scaleY(1);
    transform-origin: bottom;
    transition: all linear 0.3s;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__message_area .heading {
    background: var(--colorPrimary);
    padding: 15px 25px;
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
}

.wsus__message_area .heading span {
    display: block;
    width: 35px;
    float: left;
    margin-right: 10px;
}

.wsus__message_area .heading a {
    float: right;
    font-size: 20px;
    color: var(--colorWhite);
    cursor: pointer;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__message_area .heading a:hover {
    color: var(--colorBlack);
}

.wsus__main_message {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
}

.wsus__message_list {
    width: 40%;
    border-right: 1px solid #E5E7EB;
    padding: 15px;
    max-height: 415px;
    overflow: hidden;
    overflow-y: auto;
}

.wsus__message_list ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0px;
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid #E5E7EB;
    cursor: pointer;
}

.wsus__message_list ul li:last-child {
    padding-bottom: 0;
    border: none;
}

.wsus__message_list ul li .img {
    width: 45px;
    height: 45px;
    position: relative;
    border-radius: 50%;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__message_list ul li .img img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__message_list ul li .img span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    background: var(--colorPrimary);
    display: block;
    border-radius: 50%;
    text-align: center;
    color: var(--colorWhite);
    position: absolute;
    top: -5px;
    right: -5px;
}

.wsus__message_list ul li .text {
    width: 142px;
    text-align: left;
}

.wsus__message_list ul li .text h3 {
    font-weight: 600;
    font-size: 18px;
    color: var(--colorBlack);
    margin-bottom: 3px;
}

.wsus__message_list ul li .text p {
    font-size: 12px;
}

.wsus__message_list ul li:hover,
.wsus__message_list ul li.active {
    background: #F3F4F6 !important;
}

.wsus__message_box {
    width: 60%;
}

.wsus__message_box_text {
    min-height: 365px;
    max-height: 365px;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    padding: 15px;
    padding-bottom: 0;
}

.wsus__message_list::-webkit-scrollbar,
.wsus__message_box_text::-webkit-scrollbar {
    display: none;
}

.wsus__send_product {
    width: 300px;
    margin-left: auto;
    padding: 10px;
    background: var(--colorBlack);
    border-radius: 4px;
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 20px;
}

.wsus__send_product .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--colorWhite);
    margin-right: 15px;
}

.wsus__send_product .text h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--colorWhite);
    margin-bottom: 3px;
}

.wsus__send_product .text p {
    font-size: 12px;
    color: var (--colorWhite);
    opacity: 0.6;
}

.wsus__send_product a {
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--colorWhite);
    background: #00bf8c;
    border-radius: 30px;
    padding: 8px 15px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__send_product a:hover {
    background: var(--colorWhite);
    color: #00bf8c;
}

.wsus__single_chat {
    margin-bottom: 15px;
}

.wsus__single_chat p {
    max-width: 230px;
    color: var(--colorBlack);
    background: #e8eef2;
    border-radius: 40px;
    padding: 10px 25px;
    margin-bottom: 5px;
    display: inline-block;
}

.wsus__single_chat span {
    font-size: 13px;
    opacity: 0.6;
    position: relative;
    display: block;
    padding-right: 30px;
}

.wsus__single_chat span::after {
    position: absolute;
    content: "";
    background: url(../images/double_check.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 23px;
    height: 10px;
    top: 4px;
    left: 60px;
}

.chat_right {
    text-align: right;
}

.chat_right p {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.chat_right span::after {
    position: absolute;
    content: "";
    background: url(../images/double_check.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 23px;
    height: 10px;
    top: 4px;
    left: auto;
    right: 0;
}

.wsus__message_box form {
    width: 100%;
    position: relative;
}

.wsus__message_box form input {
    background: #d7e0e6;
    border: none;
    border-radius: 0;
}

.wsus__message_box form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    width: 48px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__message_box form button:hover {
    background: #156ee0;
}

.wsus__message_area.show_chat {
    transform: scale(1);
}

.wsus__empty_message {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-bottom: 55px;
}

.wsus__empty_message .img {
    width: 150px;
    margin: 0 auto;
}

.wsus__empty_message h3 {
    font-weight: 700;
    font-size: 20px;
    color: var(--colorBlack);
    margin-top: 10px;
    margin-bottom: 5px;
}

.wsus__empty_message p {
    font-size: 14px;
}

.wsus__show_product {
    width: 270px;
    margin-left: auto;
    background: #F3F4F6;
    padding: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}

.wsus__show_product .img {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    overflow: hidden;
    border: 2px solid var(--colorWhite);
    margin-right: 15px;
    background: var(--colorWhite);
}

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

.wsus__show_product a {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorBlack);
    width: 70%;
    transition: all linear 0.3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.wsus__show_product a:hover {
    color: var(--colorPrimary);
}

.wsus__message_preloader {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 57px;
}

.wsus__message_preloader span {
    display: block;
    width: 50px;
    height: 50px;
}

/*================================
    LIVE CHAT END
================================*/

.wsus__single_pricing {
    padding: 40px;
    margin-top: 25px;
    margin-left: 20px;
    border-radius: 10px;
    background: #ecfcf4;
    position: relative;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s ease;
    -moz-transition: all linear 0.3s ease;
    -ms-transition: all linear 0.3s ease;
    -o-transition: all linear 0.3s ease;
}

.wsus__single_pricing .wsus_price_head {
    background: var(--colorPrimary);
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    padding: 11px 40px 9px 60px;
    width: 235px;
    position: absolute;
    top: 40px;
    left: -20px;
    border-radius: 5px;
    /* clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%); */
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s ease;
    -moz-transition: all linear 0.3s ease;
    -ms-transition: all linear 0.3s ease;
    -o-transition: all linear 0.3s ease;
}

.wsus__single_pricing .wsus_price_head::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid #0e70ee;
    top: 40px;
    left: 3px;
    transform: rotate(163deg);
    z-index: -1;
}

.wsus__single_pricing .wsus__pricing_tk {
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-top: 85px;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 35px;
}

.wsus__single_pricing .wsus__pricing_tk span {
    color: var(--colorBlack);
}

.wsus__single_pricing .wsus__price_duration {
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 30px;
}

.wsus__single_pricing ul {
    text-align: left;
    margin-bottom: 45px;
}

.wsus__single_pricing ul li {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    padding-left: 30px;
    position: relative;
    margin: 15px 0px;
}

.wsus__single_pricing ul li::after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #27ae60;
    left: 0;
    position: absolute;
    top: -3px;
    font-size: 18px;
}

.wsus__single_pricing ul li.delete::after {
    display: none;
}

.wsus__single_pricing ul li.delete {
    color: red;
}

.wsus__single_pricing ul li.delete::before {
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: red;
    left: 0;
    position: absolute;
    top: -3px;
    font-size: 18px;
}

.wsus__single_pricing .common_btn {
    width: 100%;
    text-align: center;
}

.wsus__single_pricing:hover {
    margin-top: 20px;
}

.varified-badge {
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    right: 100px;
    top: 628px;
}
.provider-heading a {
    display: flex !important;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.provider-heading button {
    position: unset !important;
    line-height: 0;
}

.provider-heading button svg {
    line-height: 0;
}

.varified-badge.detail-varified-badge {
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    right: 100px;
    top: 628px;
}
.varified-badge span {
    margin: 0;
    color: #00bf8c;
    background: none;
    display: inline;
    padding: 0;
}
.varified-badge svg {
    width: 24px;
    height: 24px;
}

.kyc-icon {
    width: 20px;
    height: 20px;
    color: #00bf8c;
    vertical-align: middle;
    position: relative;
    top: -5px;
}

/* footer new css  */

.footer_top {
    position: relative;
    z-index: 1;
}

.footer_top::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1070px;
    height: 190px;
    transform: rotate(-5.235deg);
    background: linear-gradient(
        168deg,
        rgba(239, 245, 254, 0.06) 2.34%,
        rgba(239, 245, 254, 0) 87.73%
    );
    z-index: -1;
}

.footer_top .wsus__section_heading h2 {
    color: var(--colorWhite);
}
.footer_top .wsus__section_heading p {
    color: var(--colorWhite);
}

.footer_sarch_box_main {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 90px;
    z-index: 1;
    position: relative;
}

.footer_sarch_box {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 550px;
    justify-content: center;
}

.footer_input {
    padding: 13px 20px;
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    border-radius: 8px;
    border: 1.2px solid rgba(255, 255, 255, 0.1);
    background: rgba(243, 244, 249, 0.05);
}

.footer_sarch_box .common_btn {
    display: flex;
    align-items: center;
    gap: 5px;
}

.footer_sarch_box .common_btn span i {
    color: var(--colorWhite);
}

/* Styling for the button to resemble the image */
.btn-primary.dropdown-toggle {
    background-color: #2196f3; /* Blue background color */
    border-color: #2196f3; /* Same as background */
    color: #ffffff; /* White text */
    padding: 10px 20px; /* Adjust padding */
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 200px; /* Adjust width if necessary */
    text-align: left;
}

.btn-primary.dropdown-toggle img {
    margin-right: 10px; /* Space between flag and text */
}

.btn-primary.dropdown-toggle span {
    flex-grow: 1;
}

/* Dropdown menu styling */
.dropdown-menu {
    width: 100%;
    border-radius: 0;
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0;
}

/* Styling for the dropdown items */
.dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    color: #333;
}

.dropdown-item img {
    margin-right: 10px;
    width: 20px;
    height: 15px;
}
/* new added  */
.switcher-group {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-right: 12px;
}

.switcher-dropdown {
    background: transparent;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.switcher-dropdown .switcher-left-icon,
.switcher-dropdown .switcher-right-icon {
    position: absolute;
    pointer-events: none;
}
.switcher-dropdown .switcher-left-icon {
    left: 0px;
}
.switcher-dropdown .switcher-right-icon {
    right: 15px;
}

.switcher-dropdown #lang_swithcer_for_mobile {
    background: transparent;
    color: var(--colorWhite);
    border-color: transparent;
    max-width: 124px;
    padding-left: 32px;
    padding-right: 32px;
}
.switcher-dropdown #lang_swithcer_for_mobile option {
    color: var(--colorPrimary);
}
.switcher-dropdown #lang_swithcer_for_mobile:focus {
    outline: none;
    box-shadow: none;
}

.search_form {
    background: transparent !important;
}
.favorite-header-btn {
    position: relative;
}
.favorite-header-btn .text {
    width: 16px;
    height: 16px;
    border-radius: 100px;
    background: #ff4747;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colorWhite);
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    right: 6px;
    top: 6px;
}

.wsus__footer_top_shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
}

.wsus__footer_top_shape img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.wsus__footer_top_shape .cta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background: linear-gradient(90deg, rgba(3, 24, 93, 0.8) 0%, #05217c 100%);
}
.wsus__footer_top_shape .cta-image {
    object-fit: cover;
    z-index: 0;
}

.wsus__section_heading .round-check {
    width: 18px;
    height: 18px;
    border-radius: 100px;
    background: #ffffff33;
    backdrop-filter: blur(100px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wsus__section_heading .round-check-text {
    font-size: 18px !important;
    color: #eeeff2;
    padding: 0 0;
    flex: 1 1 0%;
}
.cta-points {
    gap: 24px;
    flex-wrap: wrap;
}
.cta-points-item {
    align-items: center;
    gap: 6px;
}
.cta-btns {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 48px;
}
.btn-circle-arrow {
    width: 26px;
    height: 26px;
    border-radius: 100px;
    background: #eff6ff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colorPrimary);
    transition: all linear 0.3s;
}
.wsus_work_process {
    background: rgba(249, 251, 255, 0.8);
}

.btn-arrow {
    border-radius: 5000px;
    width: auto;
    padding: 13px 24px;
    background-color: var(--colorPrimary-light);
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    transition: all linear 0.3s;
    text-align: center;
    color: var(--colorWhite);
    border: 1px solid var(--colorPrimary-light);
}
.btn-arrow:hover {
    color: var(--colorWhite);
}
.btn-arrow:hover .btn-circle-arrow {
    translate: 6px;
}

.btn-arrow-light {
    background: var(--colorWhite);
    color: var(--colorBlack);
    border: 1px solid var(--colorWhite);
}
.btn-arrow-light:hover {
    color: var(--colorBlack);
}

.btn-arrow-light .btn-circle-arrow {
    background: var(--colorPrimary-light);
    color: var(--colorWhite);
}

.btn-arrow-transparent {
    background: transparent;
    color: var(--colorWhite);
    border: 1px solid var(--colorWhite);
}

.cta-image {
    max-width: 476px;
    width: 100%;
    aspect-ratio: 476 / 432;
}
.cta-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background: linear-gradient(180deg, rgba(0, 17, 51, 0.88) 0%, #001133 100%);
}

.footer-overlay-2{
    background: linear-gradient(180deg, rgba(0, 3, 38, 0.7) -24.7%, rgba(0, 3, 38, 0.96) 100%);

}
.wsus__footer_bottom .cta-image-bg {
    max-width: 100%;
}

.footer-contact-card {
    display: flex;
    align-items: center;
    gap: 14px;
}
.footer-contact-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5000px;
    background: var(--colorPrimary-light);
    height: 56px;
    width: 56px;
    color: var(--colorWhite);
}

.footer-contact-text-headline {
    font-size: 18px;
}

.footer-contact-text-content {
    font-size: 20px;
    line-height: 30px;
    margin-top: 4px;
}
.footer-content-line {
    width: 1px;
    height: 40px;
    background: var(--colorWhite);
    opacity: 0.2;
}
.footer-contact-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 30px;
    margin-bottom: 60px;
    padding-top: 40px;
}

.wsus__footer_content .have-subtitle {
    margin-bottom: 10px;
}
.subscribe-subtitle {
    font-size: 18px;
    margin-bottom: 24px;
}

.subscribe-input {
    display: flex;
    align-items: center;
    position: relative;
}

.subscribe-input svg {
    position: absolute;
    left: 24px;
    pointer-events: none;
    z-index: 10;
}
.subscribe-input input {
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(100px);
    background: rgba(202, 202, 202, 0.078);
    border-radius: 100px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 48px;
    color: var(--colorWhite);
}

.subscribe-input input {
    &::placeholder {
        color: var(--colorWhite);
    }
    &:focus {
        outline: none;
        box-shadow: none;
        background: rgba(255, 255, 255, 0.1);
        color: var(--colorWhite);
        border: 1px solid rgba(255, 255, 255, 1);
    }
}

.btn-arrow-subscribe {
    width: 100%;
    justify-content: center;
    margin-top: 16px;
}
.copyright-wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 60px;
    padding-top: 20px;
}
.copyright-privacy-wrapper {
    gap: 4px;
    & span {
        color: var(--colorWhite);
    }
}
.copyright-privacy-wrapper a {
    color: var(--colorWhite);
    font-size: 18px;
    transition: all linear 0.3s;
    &:hover {
        text-decoration: underline;
    }
}
.wsus__banner {
    margin-top: 48px;
    position: relative;
}

.wsus__banner_overlay {
    background: linear-gradient(
        180deg,
        rgba(0, 10, 43, 0.4) 2.25%,
        rgba(0, 10, 43, 0.88) 105%
    );
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.wsus__banner .container {
    position: relative;
    z-index: 1;
}
/* .container {
    padding-right: 0px;
    padding-left: 0px;
} */

.wsus__banner_img {
    height: 100%;
}
.wsus__banner_img .img {
    display: flex;
    justify-content: end;
    align-items: end;
    height: 100%;
}
.wsus__banner_img .img img {
    height: auto !important;
    max-width: 480px;
}
.hero-text-wrapper {
    padding-bottom: 154px;
    padding-top: 154px;
}
.wsus__banner_search .select2-selection__arrow {
    display: none !important;
}
.wsus__banner_search li {
    display: flex;
    align-items: center;
}
.wsus__banner_search li svg {
    position: absolute;
    pointer-events: none;
}
.wsus__banner_search li svg:last-child {
    right: 24px;
}

.wsus__banner_search .select2-selection__rendered {
    background: transparent !important;
    color: var(--colorWhite) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
.wsus__banner_search .select2-container--default .select2-selection--single {
    background: transparent !important;
    padding-left: 36px !important;
}

.wsus__banner_search .common_btn {
    border-radius: 8px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    display: flex;
    justify-content: center;
    gap: 12px;
}
.wsus__banner_search .common_btn svg {
    position: static;
}
.wsus__topbar {
    transition: all linear 0.3s;
}
.hide_topbar {
    opacity: 0 !important;
}

.working-process-card {
    background: var(--colorWhite);
    padding: 40px 30px;
    border-radius: 16px;
    box-shadow: 4px 4px 60px 0px #00000005;
}

.working-process-badge {
    padding: 6px 16px;
    border-radius: 99px;
    color: var(--colorPrimary-light);
    background: #eff6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.working-process-badge span {
    color: var(--colorPrimary-light);
}
.working-process-card-body .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}
.working-process-card-body .card-title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
}
.working-process-card-body .card-text {
    text-align: center;
}
.wp-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}
.wp-card {
    /* max-width: 384px; */
}

.section-header-two {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.category-slick-btn-wrapper {
    display: flex;
    gap: 24px;
}
.category-slick-btn {
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999999px;
    background: transparent;
    border: 1px solid #eeeff2;
    color: var(--colorBlack);
    transition: all linear 0.3s;
    cursor: pointer;
    &:hover {
        border: 1px solid #bdcbff;
        color: var(--colorPrimary);
    }
}
.section-header-two .wsus__section_heading h2 {
    text-align: left;
}

.section-header-two .wsus__section_heading p {
    text-align: left;
}

.category_slider .slick-slide {
    display: flex; /* Add row gap */
    flex-direction: column;
    gap: 20px;
}

.wsus__features_services {
    background: var(--colorWhite);
}
.btn-arrow-transparent-blue {
    border: 1px solid #cbd5e0;
    color: var(--colorBlack);
    &:hover {
        color: var(--colorPrimary-light);
    }
}
.btn-arrow-transparent-blue .btn-circle-arrow {
    background: var(--colorPrimary-light);
    color: var(--colorWhite);
}

.btn-arrow {
    cursor: pointer;
}
.bottom-btn {
    display: none;
    margin-top: 12px;
    justify-content: center;
}
.wish-list-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    background: transparent;
    color: var(--colorWhite);
    transition: all linear 0.3s;
    &:hover {
        color: #ff4747;
    }
}

.wish-list-btn-active {
    color: #ff4747;
}
.product-card-price {
    color: var(--colorPrimary) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}
.product-card-rating {
    color: var(--paraColor);
}

.video-top-background {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.video-top-background img {
    width: 100% !important;
    object-fit: cover !important;
    height: 100% !important;
}
.video-top-background .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(0, 3, 49, 0.94) 0%,
        rgba(0, 3, 49, 0.84) 100%
    );
}
.video-content-wrapper {
    position: relative;
    z-index: 1;
}
.section-headline-dark p {
    color: var(--colorWhite);
}

.counter-item {
    margin-top: 32px;
}
.counter-item:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.counter-item div {
    display: flex;
    justify-content: center;

    align-items: center;
    gap: 8px;
}

.counter-item div h2,
.counter-item div span {
    font-size: 32px;
    font-weight: 600;
    color: var(--colorWhite);
    margin-bottom: 0px;
}

.counter-item p {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorWhite);
    margin-bottom: 0px;
}

.video-wrapper {
    background: #eff6ff;
    border-radius: 24px;
    margin-top: 60px;
    overflow: hidden;
}
.video-right {
    padding: 60px;
}
.video-right p {
    text-align: left;
}
.video-list {
    padding-top: 12px;
}
.video-list li {
    display: flex;
    padding-left: 28px;
    align-items: center;
    position: relative;
    color: var(--paraColor);
    margin-top: 12px;
    &::before {
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        font-size: 12px;
        font-weight: 600;
        width: 20px;
        height: 20px;
        background: var(--colorWhite);
        border: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: var(--colorPrimary);
        left: 0px;
        position: absolute;
        top: 0px;
    }
}
.video-navigate-btn {
    display: flex;
    margin-top: 44px;
}
.video-left {
    padding-right: 0px;
    padding-left: 0px;
}

.wsus__video_img {
    position: relative;
    z-index: 0;
}

.wsus__video_img img {
    height: 100%;
    object-fit: cover;
}

/* anim btn  */
/* Wrapper for the play button */
.play-button-wrapper {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
}

/* Play button styling */
.play-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background: var(--colorWhite);
    color: var(--colorPrimary-light);
    border-radius: 50%;
    font-size: 18px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 2;
    transition: transform 0.3s ease;
}

.play-button:hover {
    transform: scale(1.1);
}

/* Pulsing animation */
.play-button::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    animation: pulse 1.5s infinite;
    z-index: 0;
}
.play-button span {
    position: relative;
    z-index: 3;
    color: var(--colorPrimary-light);
}

/* Keyframes for the pulsing effect */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
.video-foreground {
    position: relative;
    z-index: 1;
}
.video-bottom-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: var(--colorWhite);
    z-index: 0;
}

.wsus__single_services-list {
    display: flex;
    width: 100%;
}

.wsus__single_services-list .wsus__services_text {
    width: 100%;
    border-radius: 0px 8px 8px 0px;
    flex: 1 1 0%;
}

.wsus__single_services-list .wsus__services_img {
    min-width: 320px;
    height: 188px;
}
.app-section-wrapper {
    background: var(--colorPrimary);
    border-radius: 24px;
    padding: 60px 80px 0px 80px;
}
.app-description {
    color: #dbeafe;
}
.wsus__single_blog .wsus__services_img {
    height: 245px;
}
.wsus__single_blog .product-card-price {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--colorPrimary-light) !important;
}
.wsus__single_blog .product-card-rating {
    font-size: 16px !important;
    font-weight: 400 !important;
}
.wsus__single_blog .img_area {
    justify-content: space-between;
    width: 100%;
}
.wsus__single_blog .img_area_df {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* .btn-arrow-square {
    border-radius: 8px;
} */
.wsus__single_blog .single_service_footer .img_area span {
    font-size: 18px;
    /* font-weight: 600; */
}
.wsus__single_blog .btn-arrow-top {
    padding: 10px 16px;
}

.about_video_section {
    background: #fafcff;
}

.about_video_section .wsus__section_heading p {
    color: var(--colorBlack);
}
.about_video_section .counter-item div h2,
.about_video_section .counter-item div span {
    color: var(--colorBlack);
}
.about_video_section .counter-item p {
    color: var(--colorBlack);
}
.about_video_section .video-wrapper {
    box-shadow: 4px 4px 60px 0px #0000000a;
}

.about_video_section .video-wrapper {
    background: var(--colorWhite);
}
.wsus_work_process.about_work_process {
    background: var(--colorWhite);
}
.about_work_process .working-process-card {
    box-shadow: 4px 4px 60px 0px #0000000a;
}

.breadcrumb li,
.breadcrumb li a {
    color: var(--colorWhite) !important;
}

.testimonial-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 4px;
}

.testimonial-top p {
    font-size: 18px;
    font-weight: 600;
    margin-left: 4px;
}
.testimonial-top .testimonial-comma {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eff6ff;
    margin-bottom: 12px;
}
.testimonial-deg {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--paraColor) !important;
}

.slick-dots li button {
    background: var(--colorPrimary-light) !important;
    border: 2px solid var(--colorWhite) !important;
    outline: 2px solid var(--colorwhite) !important;
    opacity: 0.4;
}
.slick-dots .slick-active button {
    outline: 2px solid var(--colorPrimary-light) !important;
    opacity: 1;
}

.faq-left-title {
    font-weight: 700;
    font-size: 44px;
    line-height: 64px;
}
.faq-left-description {
    margin-top: 24px;
}
.faq-left-image {
    aspect-ratio: 552 / 313;
    border-radius: 24px;
    overflow: hidden;
    margin-top: 44px;
}
.blog-details-author {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
}
.details_bloger li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.blog-details-author-wrapper > div {
    border-right: 1px solid #cbd5e0;
    padding-right: 20px;
    gap: 10px;
}
.blog-details-author-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 0px;
}
.wsus__blog_details_text .details_bloger li:not(:first-child) {
    &::before {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #cbd5e0;
        content: "";
    }
}
.blog-details-date {
    color: var(--paraColor);
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.blog_det_button li a {
    width: 100%;
}
.blog_det_button li a .title {
    font-size: 16px;
}
.blog_det_button li a .title {
    text-align: right;
}
.blog_det_button li:first-child a .title {
    text-align: left;
}
.blog_det_button {
    border-bottom: 1px solid #eeeff2;
    padding-bottom: 40px;
}
.blog_det_button li:first-child a p span {
    justify-content: flex-start;
}
.wsus_single_comm_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wsus_single_comm_title a {
    color: #718096;
}
#sticky_sidebar {
    /* background: var(--colorWhite);
    box-shadow: 4px 4px 60px 0px #0000000f; */
    border-radius: 12px;
    padding: 30px;
}

.blog-sidebar{
    background: var(--colorWhite);
    box-shadow: 4px 4px 60px 0px #0000000f;
}
.border-t {
    border-top: 1px solid #eeeff2;
}
.wsus__blog_newsletter .blog-details-tags {
    justify-content: flex-start;
    flex-wrap: wrap;
}
.plan_title {
    text-align: center;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #323b49 !important;
}
.pricing-description {
    text-align: center;
    font-size: 18px;
    width: 100%;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 20px;
}
.pricing_box_two .plan_title {
    color: var(--colorWhite) !important;
}
.pricing_box_two .pricing-description {
    border-bottom: 1px solid var(--colorPrimary-light);
}
.pricing_box_two .btn-arrow-transparent-blue {
    background: var(--colorPrimary-light);
    border: 1px solid var(--colorPrimary-light);
    color: var(--colorWhite);
}
.pricing_box_two .btn-arrow-transparent-blue .btn-circle-arrow {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}
.secure-transaction {
    text-align: center;
    margin-top: 40px;
}
.contact-section-left {
    max-width: 563px;
}
.contact-info {
    height: fit-content;
    padding: 12px;
    border-radius: 9999px;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 44px;
}
.contact-info-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-info-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--colorWhite);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colorPrimary);
    box-shadow: 4px 4px 20px 0px #0000000a;
}
.contact-info-title {
    font-size: 16px;
    color: var(--paraColor);
    /* margin-bottom: 4px; */
}
.contact-info-contact {
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 500;
}
.contact-info-line {
    height: 57px;
    border-right: 1px solid #eeeff2;
}
.contact-faq #sticky_sidebar {
    background: transparent;
    box-shadow: none;
    padding: 0px 100px 0px 0px;
}
.product-details-sidebar #sticky_sidebar {
    padding: 0px;
    background: transparent;
    box-shadow: none;
}
.package-card-service-title {
    color: var(--colorWhite) !important;
    text-align: left !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    margin-bottom: 12px;
    padding-top: 60px;
}
.description-nav-title {
    font-size: 32px !important;
    font-weight: 600 !important;
    color: var(--colorBlack) !important;
    border-bottom: 1px solid #cbd5e0 !important;
    padding-bottom: 16px !important;
}
.review-summary-wrapper {
    padding: 40px;
    background-color: var(--colorWhite);
    border-radius: 12px;
    box-shadow: 4px 4px 60px 0px #2222220d;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}
.review-summary-total-review {
    padding: 16px;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    aspect-ratio: 1 / 1;
}
.review-summary-total-review .rating-count {
    font-size: 32px;
    font-weight: 600;
    color: var(--colorBlack);
    margin-bottom: 4px;
    text-align: center;
}
.review-summary-total-review .review-stars {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
.review-summary-total-review .review-count {
    font-size: 18px;
    color: var(--paraColor);
    text-align: center;
    margin-top: 4px;
}
.review-summary-detail-wrapper {
    flex: 1;
    max-width: 447px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.review-summary-detail-wrapper .single-review-detail {
    display: flex;
    align-items: center;
    gap: 12px;
}
.review-summary-detail-wrapper .review-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
}
.review-summary-detail-wrapper .review-stars {
    display: flex;
    align-items: center;
    gap: 2px;
}
.review-summary-detail-wrapper .review-progress {
    flex: 1;
    height: 6px;
    border-radius: 99px;
    background: #f1f2f4;
}
.description-nav-subtitle {
    font-size: 24px !important;
    font-weight: 500;
    margin-top: 48px;
    border-bottom: 0px;
}
.wsus__single_review_top {
    display: flex;
}
.wsus__single_review_top .text {
    flex: 1;
}
.wsus__single_review_top .text h3 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 12px;
}
.wsus__single_review_top .text h3 p {
    font-size: 16px;
}
.review_text {
    font-size: 16px !important;
}
.wsus__single_review:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 24px;
}
.wsus__review_input {
    background: var(--colorWhite);
    padding: 30px;
    border-radius: 12px;
}
.btn-black {
    background: var(--colorBlack);
}
.btn-black .btn-circle-arrow {
    color: var(--colorBlack);
}
.description-nav-title {
    margin-top: 40px;
}

.srv__service_details-item h2, .srv__service_details-item h3,.srv__service_details-item ul{
    margin-top: 20px;
}

.wsus_details_list_item h4 {
    margin: 20px 0px;
}

.service-info-wrapper {
    border: 1px solid #f1f2f4;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 20px;
}
.booking-image {
    width: 40%;
    max-width: 274px;
    aspect-ratio: 274 / 160;
    border-radius: 8px;
    object-fit: cover;
}
.service-info-wrapper .text-wrapper .title {
    font-size: 24px;
    font-weight: 600;
    color: var(--colorBlack);
    margin-bottom: 20px;
}
.service-info-wrapper .text-wrapper .author-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}
.service-info-wrapper .text-wrapper .author-wrapper .author-img {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50%;
    object-fit: cover;
}
.service-info-wrapper .text-wrapper .author-wrapper .description-wrapper .name {
    font-size: 18px;
    font-weight: 600;
    color: var(--colorBlack);
    margin-bottom: 4px;
}
.service-info-wrapper
    .text-wrapper
    .author-wrapper
    .description-wrapper
    .description {
    font-size: 16px;
    color: var(--paraColor);
}
.service-info-wrapper
    .text-wrapper
    .author-wrapper
    .description-wrapper
    .description
    span {
    color: var(--colorPrimary-light);
}

.social-login-wrapper {
    display: flex;
    gap: 24px;
    width: 100%;
}

.social-login-btn {
    display: flex;
    align-items: center;
    padding: 14px 20px !important;
    border-radius: 9999px !important;
    &:hover {
        border-color: var(--colorPrimary) !important;
    }
}
.social-login-btn svg {
    margin-bottom: 4px;
}
.wsus__review_input .common_btn {
    background: var(--colorBlack);
    &:hover {
        background: var(--colorPrimary);
    }
}
.wsus__sign_in_area {
    position: relative;
}
.sign_in_top_icon {
    background: #eff6ff;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
}
.sign-up-terms-condition {
    text-decoration: underline;
    color: var(--paraColor) !important;
    &:hover {
        color: var(--colorPrimary) !important;
        text-decoration: underline;
    }
}
.wsus__pricacy_policy_text p {
    color: var(--paraColor);
}
.wsus__pricacy_policy_text li {
    position: relative;
    padding-left: 10px;
    &::before {
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 999px;
        background: var(--colorBlack);
        content: "";
        display: inline-flex;
        margin-bottom: 8px;
        left: 0px;
        top: 9px;
    }
}
.wsus__pricacy_policy_text strong {
    margin: 20px 0px;
    display: inline-flex;
    color: var(--colorBlack);
}
.wsus__pricacy_policy_text li strong {
    margin: 0 0;
}
.wsus__service_cart_bg thead {
    background: #f9fafb;
    border-bottom: none;
    border-bottom: 0px;
}
.wsus__service_cart table thead tr {
    border-bottom: 0px;
}
.wsus__service_cart table thead tr th {
    padding: 12px 12px;
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    border-bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wsus__service_cart table > :not(:first-child) {
    border: 0px;
}
.wsus__service_cart table tr td {
    border: 0px;
}

.wsus__service_cart table tr .images div {
    display: flex;
    align-items: center;
    gap: 16px;
}
.wsus__service_cart table tr .images div .form-check,
.wsus__service_cart table tr .images div .form-check input {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    font-size: 8px;
    line-height: 24px;
    padding: 0px;
    margin-left: 0px;
}
.wsus__service_cart table tr .images div img {
    width: 137px !important;
    aspect-ratio: 137 / 80;
    border-radius: 6px;
}
.wsus__service_cart table tr .name a {
    font-size: 18px;
    font-weight: 500;
    color: var(--paraColor);
}
.wsus__service_cart table tr {
    overflow: hidden;
}
.wsus__service_cart table tr .qty .d-flex {
    align-items: center;
    gap: 4px;
}
.wsus__service_cart table tr .price {
    overflow: hidden;
}
.wsus__service_cart table tr .qty .d-flex button {
    width: 48px;
    height: 48px;
    border-radius: 99999px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease-in-out;
    &:hover {
        background: var(--colorBlack);
        color: var(--colorWhite);
    }
}
.wsus__service_cart table tr .qty .d-flex input {
    width: 48px;
    height: 48px;
    border: none;
    font-size: 18px;
    font-weight: 500;
}

/* Chrome, Safari, Edge, Opera */
.wsus__service_cart table tr .qty .d-flex input::-webkit-outer-spin-button,
.wsus__service_cart table tr .qty .d-flex input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
.wsus__service_cart table tr .qty .d-flex input[type="number"] {
    -moz-appearance: textfield;
}
.wsus__booking_calendar {
    box-shadow: 0px 4px 44px 0px #00000008;
    padding: 24px;
    border-radius: 12px;
}
.wsus__booking_service .wsus__sidebar {
    box-shadow: none !important;
    padding: 0 !important;
}
.flatpickr-current-month {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px;
}
.flatpickr-current-month .numInputWrapper span {
    display: none !important;
}
.flatpickr-current-month input.cur-year {
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    &::-webkit-inner-spin-button {
        display: none;
        -webkit-appearance: none;
        margin: 0;
    }
    &::-webkit-outer-spin-button {
        display: none;
        -webkit-appearance: none;
        margin: 0;
    }
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    text-align: center;
    font-size: 18px !important;
    font-weight: 600px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months::-ms-expand {
    display: none !important;
}

.flatpickr-months .flatpickr-month {
    background: transparent !important;
}
.flatpickr-prev-month,
.flatpickr-next-month {
    width: 52px !important;
    height: 52px !important;
    border-radius: 99999px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eff6ff;
    color: var(--colorPrimary) !important;
    &:hover {
        background: var(--colorPrimary) !important;
    }
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    fill: var(--colorPrimary) !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg path,
.flatpickr-months .flatpickr-next-month:hover svg path {
    fill: var(--colorWhite) !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    color: var(--colorBlack) !important;
}
.flatpickr-current-month input.cur-year {
    color: var(--paraColor) !important;
}
.flatpickr-months .flatpickr-month {
    height: 60px !important;
}
.flatpickr-months {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

span.flatpickr-weekday {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--colorPrimary-light);
}
.schedule_box_wrapper {
    background: #fafafa;
    border: 1px solid #eeeff2;
    border-radius: 12px;
    padding: 0 16px;
}
.wsus__booking_info #sticky_sidebar {
    padding: 0px;
    box-shadow: none;
}
#customer_info_form {
    padding: 30px;
    border-radius: 12px;
}
.wsus__dashboard_menu .nav-pills .nav-link.active,
.wsus__dashboard_menu .nav-pills .nav-link:hover {
    border-radius: 8px !important;
    background-color: #F3F4F6 !important;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--colorBlack) !important;
}
.wsus__dashboard_menu .nav-pills .nav-link.active p,
.wsus__dashboard_menu .nav-pills .nav-link:hover p {
    font-size: 18px;
    font-weight: 400;
    color: var(--colorBlack) !important;
}
.wsus__dashboard_menu .nav-pills .nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--paraColor);
}

.wsus__dashboard_menu .nav-pills .nav-link p {
    font-size: 18px;
    font-weight: 400;
}

.container-x {
    max-width: 992px;
    padding: 0px 20px;
    width: 100%;
    margin: 0 auto;
}

.subs-pricing-wrapper {
    display: flex;
    gap: 80px;
}
.info-side .title {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorBlack);
    padding-bottom: 16px;
}
.info-side .card {
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #eeeff2;
    flex: 1;
}
.info-side .package-name {
    font-size: 20px;
    font-weight: 600;
    color: var(--paraColor);
}
.info-side .package-price {
    font-size: 24px;
    font-weight: 600;
    color: var(--colorBlack);
}
.info-side .features {
    font-size: 18px;
    color: var(--paraColor);
    margin-top: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eeeff2;
}
.features-list {
    padding-top: 8px;
}
.features-list li {
    padding-top: 12px;
    font-size: 18px;
    color: var(--paraColor);
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 28px;
    &::before {
        content: "\f00c"; /* Font Awesome checkmark icon */
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        height: 18px;
        width: 18px;
        color: var(--colorWhite);
        background: var(--colorPrimary);
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
    }
}

.payment-methods-side {
    padding: 30px;
    background: var(--colorWhite);
    border-radius: 12px;
    box-shadow: 4px 4px 60px 0px #2222220a;
    width: 100%;
    max-width: 420px;
}

.payment-methods-side .payment-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--colorBlack);
    border-bottom: 1px solid #f1f2f4;
    padding-bottom: 12px;
}
.payment-method-wrapper {
    display: grid;
    gap: 16px;
    margin-top: 24px;
}
.payment-method {
    width: 100%;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fafafa;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid #fafafa;
    transition: all 300ms ease-out;
    &:hover {
        border: 1px solid var(--colorPrimary-light);
    }
}
.payment-method img {
    object-fit: contain;
}
.wsus__review_input .select2 {
    border: 1px solid #eeeff2;
    overflow: hidden;
    padding: 5px 16px;
    margin-top: 6px;
    border-radius: 8px;
    background: #fafafa;
}
.wsus__review_input
    .select2-selection.select2-selection--single
    .select2-selection__arrow {
    margin-top: 8px;
}
.wsus__review_input
    .select2-selection.select2-selection--single
    .select2-selection__rendered {
    font-size: 18px;
    color: var(--paraColor);
    line-height: 35px;
}
.wsus__review_input .select2-container .selection .select2-selection {
    background: transparent;
    border: 0;
    padding: 2px 0;
}
.wsus__review_input
    .select2-container
    .selection
    .select2-selection
    .select2-search__field {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 18px;
    font-weight: 400;
    padding-top: 0;
    margin-top: 0;
}

.wsus__review_input
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    margin-top: 0;
    padding: 4px 36px 4px 14px;
    background: #eeeff2;
    border: 0;
    border-radius: 999px;
}
.wsus__review_input
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice
    .select2-selection__choice__display {
    font-size: 18px;
    font-weight: 400;
}

.wsus__review_input
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    right: 8px;
    top: 4px;
    left: auto;
    width: fit-content;
    border: 0;
    &:hover {
        background: transparent;
    }
}
.wsus__review_input
    .select2-container--default
    .select2-selection--multiple
    .select2-search {
    font-size: 18px;
    font-weight: 400;
    padding-top: 0 !important;
    display: inline-flex;
    overflow: hidden;
}
.select2-selection.select2-selection--multiple {
    align-items: start !important;
}

.wsus__sellar_top_text {
    gap: 40px;
    padding: 60px 0px;
}
.wsus__sellar_top_text .top-info {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
}
.wsus__sellar_top_text .top-info .name {
    font-size: 28px;
    font-weight: 500;
    color: var(--colorBlack);
    padding-right: 8px;
    padding-bottom: 12px;
}
.wsus__sellar_top_text .top-info .address {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 0px;
    padding-bottom: 12px;
}
.wsus__sellar_top_text .top-info .address li {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: var(--paraColor);
    margin-right: 0px;
}
.wsus__sellar_top_text .top-info .address li:not(:first-child) {
    &::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #90a8ff;
    }
}

/* // */
.wsus__sellar_top_text .top-info .experience {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 0px;
    padding-bottom: 12px;
}
.wsus__sellar_top_text .top-info .experience li {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: var(--paraColor);
    margin-right: 0px;
}
.wsus__sellar_top_text .top-info .experience li span {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    margin-bottom: 2px;
}
.wsus__sellar_top_text .top-info .experience li:not(:first-child) {
    &::before {
        content: "";
        width: 1px;
        height: 18px;
        border-radius: 0px;
        background: var(--colorPrimary-light);
    }
}
.wsus__sellar_top_text .top-info .info-btns {
    display: flex;
    gap: 24px;
}
.wsus__sellar_top_text .top-info .info-btns .message-btn span {
    margin-bottom: 0px;
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 400;
}
.wsus__sellar_top_text .top-info .info-btns .message-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--colorWhite);
    background: var(--colorBlack);
    border: 1px solid var(--colorBlack);
    &:hover {
        background: var(--colorPrimary);
        border: 1px solid var(--colorPrimary);
    }
}
.wsus__sellar_top_text .top-info .info-btns .message-btn.btn-border span {
    color: var(--colorBlack);
}
.wsus__sellar_top_text .top-info .info-btns .message-btn.btn-border {
    background: transparent;
    color: var(--colorBlack);
    border: 1px solid #cbd5e0;
    &:hover {
        border: 1px solid var(--colorBlack);
    }
}
.wsus__sellar_top_text .text {
    flex: 1;
}
.wsus__sellar_top_text .summary-card {
    display: flex;
    padding: 16px;
    gap: 12px;
    background: var(--colorWhite);
    border-radius: 8px;
    box-shadow: 4px 4px 60px 0px #0000000d;
}
.wsus__sellar_top_text .summary-card .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    width: 44px;
    height: 44px;
}
.icon-1 {
    background: rgba(250, 204, 21, 0.08);
}
.icon-2 {
    background: rgba(239, 246, 255, 1);
}
.icon-3 {
    background: rgba(183, 255, 209, 1);
}
.wsus__sellar_top_text .summary-card .c-text {
    flex: 1;
}
.wsus__sellar_top_text .summary-card .c-text h1 {
    font-size: 18px;
    font-weight: 600;
    color: var(--colorBlack);
}
.wsus__sellar_top_text .summary-card .c-text p {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 0px;
}
.about-me {
    padding: 40px 0px;
}
.about-me h1 {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 24px;
}
.about-me p {
    font-size: 18px;
    font-weight: 400;
}
.skills-section h1 {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 24px;
}
.skills-section .skills-wrapper {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.skills-section .skills-wrapper p {
    font-size: 18px;
    font-weight: 400;
    background: #fafafa;
    border: 1px solid #eeeff2;
    line-height: none;
    border-radius: 9999px;
    padding: 14px 24px;
}
.wsus__sellar_search {
    margin-bottom: 44px;
}
.seller-profile-review .wsus__review_input {
    max-width: 861px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
}

.share-modal {
    width: 495px;
    padding: 30px;
    background: var(--colorWhite);
    border-radius: 12px;
}

.share-modal h1 {
    text-align: left;
    font-weight: 500;
    font-size: 24px;
    color: var(--colorBlack);
}
.share-modal h2 {
    text-align: left;
    font-weight: 400;
    font-size: 18px !important;
    color: var(--colorBlack);
    margin-top: 20px;
}
.share-modal .social-links {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.share-modal .copy-input {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.share-modal .copy-input input {
    border-radius: 8px;
    border: 1px solid #eeeff2;
    background: #fafafa;
}
.share-modal .copy-input .copy-btn {
    position: absolute;
    right: 14px;
    cursor: pointer;
}
.copy-wrapper {
    position: relative;
}
.share-modal-wrapper {
    position: absolute;
    top: 0px;
    padding-top: 60px;
    width: 0px;
    overflow: hidden;
    right: 0;
    transition: all 300ms ease-in;
}

.copy-wrapper:hover .share-modal-wrapper {
    /* box-shadow: 4px 4px 60px 0px #0000000d; */
    width: 495px;
}
.share-modal-wrapper.active {
    box-shadow: 4px 4px 60px 0px #0000000d;
    width: 495px;
}

.tabs-headline {
    border-bottom: 1px solid #eeeff2;
    padding-bottom: 12px;
}

.user-profile-image-input {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-top: 30px;
}
.user-profile-image-input fieldset {
    flex: 1;
    margin-top: 0px !important;
}
.user-profile-image-input .img {
    width: 136px;
    height: 136px;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #bfdbfe;
    background: #eff6ff;
}
.user-profile-image-input .img img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    border-radius: 100%;
}
.user-profile-image-input fieldset legend {
    font-size: 20px;
    font-weight: 400;
    padding: 0px 0px 8px 0px;
}
.user-profile-image-input fieldset span {
    font-size: 16px;
}
.user-profile-image-input fieldset input {
    padding: 0px !important;
    border-radius: 0 !important;
    border: none !important;
}

.user-profile-image-input input[type="file"] {
    cursor: pointer;
    margin-top: 20px;
    font-size: 16px;
}

.user-profile-image-input input[type="file"]::file-selector-button {
    background: #eff6ff;
    border: none;
    border-radius: 4px;
    color: var(--colorPrimary);
    padding: 8px 16px;
    margin-right: 12px;
    cursor: pointer;
    text-decoration: underline;
    font-size: 16px;
}
.wsus_dashboard_body {
    background: var(--colorWhite);
}
.dashboard-header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
.dashboard-header-section h4 {
    font-size: 24px;
    font-weight: 500;
}
.dashboard-header-section .header-filter {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dashboard-header-section .header-filter .header__filterForm {
    display: flex;
    align-items: center;
    gap: 16px;
}
.dashboard-header-section .header-filter p {
    font-size: 18px;
    font-weight: normal;
    color: var(--colorBlack);
}
.wsus_dashboard_home {
    background: transparent;
}

.dashboard-header-section .header-filter select {
    border: 1px solid #eeeff2;
    padding: 10px 16px;
    border-radius: 8px;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: transparent !important;
}
.dashboard-table-order {
    display: flex;
    gap: 10px;
    align-items: center;
}
.dashboard-table-order img {
    width: 103px !important;
    height: 60px !important;
    border-radius: 4px;
    overflow: hidden;
    object-fit: cover;
}

.dashboard-table-order .title {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    padding-bottom: 8px;
    text-align: left;
}
.order-td {
    min-width: 416px;
    width: 100% !important;
    text-align: left !important;
    padding: 14px 14px 14px 20px !important;
}
.dashboard-table-order .order-id {
    text-align: left;
    font-size: 16px;
}
.price-td {
    max-width: 92px;
    min-width: 92px;
}

.date-td {
    max-width: 146px;
    min-width: 146px;
}
.order-action-td {
    max-width: 120px;
    min-width: 120px;
    text-align: end !important;
    padding: 14px 20px 14px 14px !important;
}
.order-action-td .action-btns {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
}
.order-view-btn {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--colorBlack);
}
.order-status-td {
    max-width: 148px;
    min-width: 148px;
}
.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 16px;
}

.page-item:first-child .page-link {
    border-top-left-radius: 999px !important;
    border-bottom-left-radius: 999px !important;
}

.page-item:last-child .page-link {
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
}
.page-link {
    display: flex;
    justify-content: center;
    align-items: center;
}
.table > :not(caption) > * > * {
    border-bottom-width: 0px !important;
}

.table-striped tr {
    border-bottom: 1px solid #f1f2f4 !important;
}

.dashboard_review .wsus__single_review {
    background: #fafafa;
    border: 1px solid #f1f2f4;
    border-radius: 8px;
    padding: 16px;
}
.dashboard_review .wsus__single_review .wsus__single_review_top img {
    width: 103px !important;
    height: 60px !important;
    border-radius: 6px !important;
}
.dashboard_review .wsus__single_review_top .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dashboard_review .wsus__single_review_top .text h3 {
    padding-bottom: 8px;
}
.dashboard_review .wsus__single_review_top .text p {
    font-size: 16px;
    margin-top: 0px;
}

.dashboard_review .wsus__single_review .review_text {
    margin-top: 16px;
}

.wsus__support_ticket_top .right {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 16px;
}
.wsus__support_ticket_top .right .header-filter {
    display: flex;
    align-items: center;
    gap: 12px;
}
.wsus__support_ticket_top .right .header-filter select {
    border: 1px solid #eeeff2;
    padding: 10px 16px;
    border-radius: 8px;
}

select {
    padding-right: 36px !important; /* Space for the arrow */
    appearance: none; /* Remove default arrow in modern browsers */
    -webkit-appearance: none; /* Safari and Chrome */
    -moz-appearance: none; /* Firefox */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

/* Remove default arrow in IE */
select::-ms-expand {
    display: none;
}

select:focus {
    outline: 0;
}
.wsus__ticket_item table tr {
    border-color: #eeeff2;
}
.tr-border-b:not(:last-child) {
    border-bottom: 1px solid #eeeff2;
}

.wsus__ticket_item table tr td .closed {
    background: rgba(255, 71, 71, 0.08);
    border-radius: 100px;
    text-transform: capitalize;
    color: #ff4747;
    padding: 6px 20px;
    display: inline-block;
    text-wrap: nowrap;
}

.wsus__ticket_item table tr td .active {
    background: #eff6ff;
    border-radius: 100px;
    text-transform: capitalize;
    color: var(--colorPrimary-light);
    padding: 6px 20px;
    display: inline-block;
    text-wrap: nowrap;
}
.support_ticket .wsus__ticket_item table tr td p {
    font-size: 18px;
    font-weight: 400;
    color: var(--colorBlack);
}
.support_ticket .wsus__ticket_item table tr td .ticket_invoice_view {
    display: flex;
    align-items: center;
    height: fit-content;
    width: fit-content;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    color: var(--paraColor);
    background: #eeeff2;
}
.support_ticket .wsus__ticket_item table tr td .ticket_invoice_view span {
    font-size: 16px;
    line-height: 16px;
}
.ticket_list_view_area.dashboard_review {
    background: var(--colorWhite);
    padding: 0px;
    border: 1px solid #f1f5f9;
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
}
.support-ticket-message-wrapper {
    display: flex;
    gap: 12px;
    align-items: end;
    max-width: 90%;
    width: fit-content;
    margin-left: auto;
    color: var(--colorWhite);
}

.support-ticket-message-wrapper > span,
.support-ticket-message-wrapper-left > span {
    font-size: 12px;
    color: var(--paraColor);
}
.wsus__support_ticket_single.author_message {
    background: #F3F4F6;
    width: fit-content;
}
.wsus__support_ticket_single.author_message * {
    color: var(--colorBlack) !important;
}
.support-ticket-message-wrapper-left {
    display: flex;
    gap: 12px;
    align-items: end;
    max-width: 90%;
    width: fit-content;
    margin-right: auto;
    color: var(--colorBlack);
}
.ticket_list_view_form {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    margin-top: 26px;
}
.ticket_list_view_form textarea {
    padding: 0px;
    margin-top: 0px;
}
.chat-box-btn-wrapper {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 12px;
}
.chat-box-btn-wrapper .common_btn {
    padding: 14px 28px;
    line-height: 14px;
    font-size: 14px;
    border-radius: 6px;
    /* background: #9333ea; */
    margin-left: 20px;
}
.file-upload,
.image-upload {
    display: none;
}
.file-upload-label,
.image-upload-label {
    color: var(--paraColor);
    cursor: pointer;
    transition: all 300ms ease-out;
}
.file-upload-label:hover,
.image-upload-label:hover {
    color: #9333ea;
}
.support-header-wrapper {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #f1f5f9;
}
.support-header-wrapper .user-info {
    display: flex;
    gap: 12px;
    align-items: center;
}
.support-header-wrapper .user-info img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px;
    overflow: hidden;
    object-fit: cover;
}
.support-header-wrapper .user-info .title h1 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--colorBlack);
}
.support-header-wrapper .user-info .title p {
    font-size: 14px;
    line-height: 20px;
    color: var(--paraColor);
}
.ticket_list_view_area .go_ticket {
    margin-bottom: 0px;
}
.message-list {
    padding: 0px 20px;
}
.ticket_list_view_form {
    margin: 24px 20px 12px 20px;
}

.ticket-details-wrapper .col-xl-8 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.ticket-details-wrapper .col-xl-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: var(--colorWhite);
    border-radius: 0 8px 8px 0 !important;
}

.support-left-head {
    width: 100%;
    position: relative;
    height: 70px;
    background: #EFF6FF;
    border-top-right-radius: 8px;
    
}
.support-left-head .banner {
    width: 100% !important;
    overflow: hidden;
}
.support-left-head .author {
    position: absolute;
    width: 52px !important;
    height: 52px !important;
    border-radius: 999px;
    top: 36px;
    left: 20px;
}
.ticket_list_view_sidebar p {
    font-size: 14px;
    color: var(--paraColor);
}
.ticket_list_view_sidebar span {
    font-weight: 500;
    font-size: 14px;
    color: var(--colorBlack);
}
.personal_info div {
    padding-bottom: 12px;
}
.ticket_list_view_sidebar .personal_info {
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 20px;
}
.files-wrapper h1 {
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
    margin-bottom: 12px;
}

.file-item {
    margin-bottom: 12px;
    padding: 8px;
    border-radius: 6px;
    background: #f8fafc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.file-item .left-side {
    display: flex;
    align-items: center;
    gap: 12px;
    align-items: center;
}
.file-item .left-side .icon {
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--colorWhite);
    border-radius: 8px;
}
.file-item .left-side .text h1 {
    font-weight: 600;
    font-size: 12px;
    color: var(--colorBlack);
}
.file-item .left-side .text p {
    font-size: 12px;
    color: var(--paraColor);
    line-height: 0px;
}
.file-item .right-side {
    display: flex;
    align-items: center;
    gap: 12px;
    background: transparent;
}
.files-list {
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}
.support-ticket-message-wrapper-left .wsus__support_ticket_single {
    background: #F3F4F6;
}

.ticket-details-wrapper {
    padding: 0px 12px;
}
.change-password-client {
    font-weight: 500;
    font-size: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
}

.change-password-wrapper #changePasswordFormId {
    max-width: 522px;
    width: 100%;
}
.change-password-wrapper img {
    width: fit-content !important;
    height: fit-content;
}
.toggle-password {
    margin-top: 4px;
    position: absolute;
    right: 20px;
    background: transparent;
    color: var(--paraColor);
    transition: all 300ms ease-in-out;
    &:hover {
        color: var(--colorBlack);
    }
}
.change-password-submit-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
}
.change-password-submit-wrapper .common_btn {
    width: 100% !important;
}
.change-password-submit-wrapper .common_btn:first-child {
    background: transparent;
    color: var(--colorBlack);
    border: 1px solid #e2e8f0;

    &:hover {
        border: 1px solid var(--colorBlack);
    }
}
.delete-account-title {
    font-weight: 500;
    font-size: 24px;
    color: var(--colorBlack);
    text-align: left;
}
.delete-account-description {
    font-size: 18px;
    line-height: 100%;
    color: var(--paraColor);
    margin-top: 12px;
    text-align: left;
}
#accountDelete .modal-dialog {
    width: 600px !important;
}
.delete-account-form {
    margin-top: 30px;
}
.delete-account-form legend {
    font-size: 18px;
    text-align: left;
    color: var(--paraColor);
}
.delete-account-form div:not(:last-child) {
    margin-bottom: 12px;
}
.delete-account-btns {
    display: flex;
    gap: 24px;
    justify-content: start !important;
}
.delete-account-btns .common_btn:first-child {
    border-radius: 999px;
    background: transparent;
    color: var(--colorBlack);
    border: 1px solid #e2e8f0;
    width: fit-content;
    min-width: 156px;
    &:hover {
        border: 1px solid var(--colorBlack);
        color: var(--colorBlack);
    }
}
.delete-account-btns .common_btn {
    border-radius: 999px;
    background: #dd3333;
    color: var(--colorWhite);
    border: 1px solid #dd3333;
    width: fit-content;
    min-width: 156px;
    &:hover {
        background: transparent;
        color: #dd3333;
    }
}

.logout-modal .modal-dialog {
    width: 485px !important;
}
.logout-modal .delete-account-title {
    margin-top: 30px;
    text-align: center;
}
.logout-modal .delete-account-btns {
    justify-content: center !important;
}

.filter-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 44px;
    gap: 16px;
}
.filter-side {
    display: flex;
    gap: 16px;
    align-items: center;
}
.filter-side .title {
    font-size: 18px;
    color: var(--colorBlack);
    text-wrap: nowrap;
}

.search_service_item {
}
.search_service_item .select2-selection__arrow b {
    display: none !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 100%;
    right: 8px;
}
.filter-side
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    display: inline-block;
    border-color: #000;
    border-style: solid;
    border-width: 1px 1px 0 0px;
    top: calc(50% - 4px);
}

.filter-side
    .select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    width: 8px;
    height: 8px;
    transform: rotate(316deg);
    display: inline-block;
    border-color: #000;
    border-style: solid;
    border-width: 1px 1px 0 0px;
    top: auto;
    bottom: calc(50% - 6px);
}

.filter-side .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .filter-side .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
   border-radius: 100px;
}
.filter-side .select2-container--default .select2-selection--single {
    border: 1px solid #eeeff2;
    padding: 10px 16px;
    border-radius: 100px;
    background: transparent;
    position: relative;
}
.filter-side .select2-container .select2-selection--single {
    height: fit-content;
    position: relative;
}
.filter-side .select2-selection__rendered {
    font-size: 18px;
    color: var(--colorBlack);
}

.tabs-side {
    display: flex;
    gap: 16px;
    align-items: center;
}
.tabs-side .tab-btn {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    overflow: hidden;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colorPrimary);
    background: transparent;
    border: 1px solid #dbeafe;
    transition: all 300ms ease-out;
    cursor: pointer;
    &:hover {
        background: var(--colorPrimary);
        color: var(--colorWhite);
        border-color: var(--colorPrimary);
    }
}
.tabs-side .tab-btn.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.service-card-wrapper,
.service-card-wrapper .wsus__single_services {
    transition: all 300ms ease-out;
}

.complete-booking-information {
    box-shadow: 4px 4px 60px 0px #0000000a;
    margin-top: 30px;
    padding: 30px;
    border-radius: 12px;
}

.booking-info-title {
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
}

.booking-info-title h1 {
    font-weight: 500;
    font-size: 24px;
    color: var(--colorBlack);
}
.service-info img {
    width: 137px !important;
    height: 80px !important;
    border-radius: 8px;
    object-fit: cover;
    overflow: hidden;
}

.wsus__booking_area .service-list .service {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-top: 20px;
}
.wsus__booking_area .service-list .service:not(:last-child) {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 20px;
}
.wsus__booking_area .service-list .service .service-info {
    display: flex;
    gap: 24px;
    align-items: center;
    flex: 1;
}
.wsus__booking_area .service-list .service .service-info h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: var(--colorBlack);
}
.wsus__booking_area .service-list .service h1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: var(--colorBlack);
}

.booking-info-title {
    padding-top: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.edit-btn {
    padding: 8px 24px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #bfdbfe;
    transition: all 300ms ease-out;
    &:hover {
        border: 1px solid var(--colorPrimary);
    }
}

.booking-info-details .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: var(--colorBlack);
}
.booking-info-details .description {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: var(--paraColor);
    padding-left: 30px;
}

.wsus__booking_cost {
    padding: 0px;
    padding-top: 16px;
}
.wsus__booking_cost p {
    font-size: 18px;
    color: var(--paraColor);
    border-bottom: 1px solid #f9fafb;
    padding-bottom: 8px;
}
.wsus__booking_cost p span {
    font-weight: 600;
    font-size: 18px;
    text-align: right;
}
.wsus__booking_cost h5 {
    margin-top: 0px;
    border-top: 0px;
    padding-top: 0px;
}
.coupon-title {
    font-size: 18px;
    color: var(--colorBlack);
    padding-bottom: 8px;
}

.coupon-form {
    display: flex;
    align-items: center;
    gap: 24px;
}
.coupon-form #coupon {
    font-size: 18px;
    line-height: 0;
    border-radius: 99999px;
    padding: 14px 16px;
    border: 1px solid #eeeff2;
    background: #fafafa;
    flex: 1;
}
.coupon-form .common_btn {
    position: static;
    background: var(--colorBlack);
    color: var(--colorWhite);
    border-radius: 999px;
    font-size: 18px;
    line-height: 0;
    padding: 14px 32px !important;
    min-height: 52px;
}
.order-submit-btn {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 24px;
    margin-top: 30px;
}
.order-submit-btn .common_btn.previous {
    border: 1px solid #f1f2f4;
    border-radius: 999px;
    background: transparent;
    font-size: 18px;
    color: var(--colorBlack);
    transition: all 300ms ease-out;
    padding-right: 32px;
    padding-left: 32px;
    &:hover {
        border: 1px solid var(--colorBlack);
    }
}

.order-submit-btn .common_btn {
    border: 1px solid #f1f2f4;
    border-radius: 999px;
    background: var(--colorPrimary);
    padding-right: 32px;
    padding-left: 32px;
}
.wsus__booking_confirm .wsus__sidebar {
    padding: 0px !important;
    box-shadow: none !important;
}

.rounded-full {
    border-radius: 9999px !important;
}

.not-found-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.not-found-wrapper .image {
    width: 100%;
    max-width: 234px;
    aspect-ratio: 234/238;
}
.not-found-wrapper .content{
    text-align: center;
}
.not-found-wrapper h3 {
    font-weight: 600;
    font-size: 32px;
    text-align: center;
    color: var(--colorBlack);
}
.not-found-wrapper p {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: var(--paraColor);
    max-width: 566px;
    margin-top: 16px;
}
.not-found-wrapper .btn-arrow {
    background: var(--colorBlack);
    border-color: var(--colorBlack);
    display: inline-flex;
    margin-top: 40px;
}
.not-found-wrapper .btn-arrow .btn-circle-arrow {
    background: var(--colorWhite);
    color: var(--colorBlack);
}

.wsus__banner_text-h2 h6 {
    border-color: rgba(0, 218, 132, 0.1);
}

.wsus__banner_text-h2 p {
    color: var(--colorWhite);
}
.wsus__banner_text-h2 ul {
    background: white;
    border-radius: 9999px;
}

.wsus__banner_search_2 .select2-selection__rendered {
    color: var(--paraColor) !important;
}
.wsus__banner_search_2 .search-icon {
    left: 20px;
}
.wsus__banner_search .common_btn.rounded-full-2 {
    border-radius: 999px !important;
}
.search-input {
    border-right: 1px solid #f1f2f4;
}
.wsus__banner_text-h2 {
    padding-bottom: 154px;
}

.search-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
    margin-top: 24px;
    flex-wrap: wrap;
}
.search-list-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.search-list-item span {
    color: var(--colorWhite) !important;
    font-size: 18px;
}
.search-list-tick {
    margin: 0 0 0 0 !important;
    width: 20px !important;
    height: 20px;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
}

.category_slider-2 .wsus__single_categories {
    flex-direction: column;
}
.category_slider-2 .wsus__single_categories div p,
.category_slider-2 .wsus__single_categories div a {
    text-align: center;
    width: 100%;
}
.cta-headline {
    max-width: 546px;
    font-weight: 600 !important;
    font-size: 44px !important;
    line-height: 1.5;
    letter-spacing: -2%;
    text-align: left !important;
}
.wsus__single_seller {
    border-radius: 12px;
    transition: all 300ms ease-out;
}
.wsus__single_seller:hover {
    box-shadow: 4px 4px 60px 0px #0000000d;
}
.wsus__single_seller .seller-img-wrapper {
    aspect-ratio: 307 / 260;
    overflow: hidden;
    display: flex;
    justify-content: center;
    border-radius: 12px 12px 0px 0px;
}

.wsus__single_seller .seller-img-wrapper img {
   object-fit: cover;
}

.wsus__single_seller .seller-img-wrapper .seller-rating {
    position: absolute;
    bottom: 20px;
    border: 1px solid #ffffff;
    background: #fafafa;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 18px;
    color: var(--paraColor);
}
.wsus__single_seller .seller-img-wrapper .seller-rating .rating {
    font-weight: 600;
}
.seller-rating svg {
    margin-top: -8px;
}

.seller-details {
    border: 1px solid #f1f2f4;
    padding: 18px 20px;
    border-radius: 0px 0px 12px 12px;
}
.wsus__single_seller:hover .seller-details {
    border-color: var(--colorWhite);
}

.seller-description {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.seller-description .hvr {
    height: 16px;
    width: 2px;
    background: #cbd5e0;
}

.seller-description-item {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 18px;
    color: var(--paraColor);
}

.seller-description-item svg {
    margin-bottom: 4px;
}

.seller-name {
    font-weight: 600;
    font-size: 24px;
    color: var(--colorBlack);
    margin-bottom: 4px;
}

.seller-specialization {
    font-size: 18px;
    color: var(--paraColor);
}

.footer_contact_list {
    margin-top: 28px;
    display: grid;
    gap: 12px;
}

.footer_contact_item a {
    display: flex;
    align-items: center;
    gap: 12px;
}
.footer_contact_item a div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    background: var(--colorPrimary-light);
}
.footer_contact_item a p {
    font-weight: 400;
    font-size: 18px;
    color: var(--colorWhite);
}

.wsus__newsletter-box {
    background: #030737;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 60px 52px;
}
.wsus__newsletter-title {
    font-weight: 600;
    font-size: 44px;
    letter-spacing: -2%;
    color: var(--colorWhite);
    margin-bottom: 16px;
}
.wsus__newsletter-desc {
    font-size: 18px;
    line-height: 28px;
    color: var(--colorWhite);
    max-width: 553px;
}

.wsus__newsletter-input-group {
    border: 1px solid rgba(239, 246, 255, 0.12);
    padding: 6px 8px;
    border-radius: 9999px;
}

.wsus__newsletter-input {
    background: transparent;
    color: var(--colorWhite);
    border-color: transparent;
    padding: 4px 12px;
}
.wsus__newsletter-checkbox input {
    width: fit-content;
}
.wsus__newsletter-checkbox label {
    display: flex;
    gap: 4px;
}

.wsus_newsletter_wrapper {
    padding: 70px 0px 80px 0px;
}

.scroll-nav {
    max-height: 87vh;
    overflow-y: auto;
}