@font-face {
    font-family: 'aribaugrotesk-bd';
    src: url('../fonts/aribaugrotesk_bold_macroman/aribaugrotesk-bd-webfont.woff2') format('woff2'),
         url('../fonts/aribaugrotesk_bold_macroman/aribaugrotesk-bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aribaugrotesk-rg';
    src: url('../fonts/aribaugrotesk_regular_macroman/aribaugrotesk-rg-webfont.woff2') format('woff2'),
         url('../fonts/aribaugrotesk_regular_macroman/aribaugrotesk-rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;  
}
.cookie-btn-wrapper .btn {
    background-color: #074fdf;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 13px !important;
    border-radius: 25px !important;
    border: 0 !important;
    color: #fff !important;
}
/*button color*/ 
.bg-green{
background-color: #198754 !important;
} 

 /* Custom styling */
        body, html {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            margin: 0;
            background: #eee;
            padding: 0;
            font-family: "Inter", sans-serif;
        }  /* Header and Footer */
        .cds-ty-dashboard-frame-header, .cds-ty-dashboard-frame-footer {
            background-color: #333;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            font-size: 1.2em;
            flex-shrink: 0;
        }

        /* Main Content Layout */
        .cds-ty-dashboard-frame-content {
        }

        /* Side Menu */
        .cds-ty-dashboard-frame-side-menu {
            width: 250px;
            background-color: #fff;
            color: white;
            /* border-right: 1px solid #eee; */
            padding: 15px;
            transition: width 0.3s ease;
            /* overflow-y: auto; */
            position: relative;
            box-shadow: 3px 2px 3px 0px #00000008;
            z-index: 1;
        }

        .cds-ty-dashboard-frame-side-menu.collapsed {
            width: 60px;
        }

        .cds-ty-dashboard-frame-side-menu a.nav-link {
            color: #0a202b;
            text-decoration: none;
            padding: 8px;
            display: flex;
            align-items: center;
            position: relative;
        }

        .cds-ty-dashboard-frame-side-menu a.nav-link img {
            width: 24px;
            height: 24px;
            margin-right: 10px;
        }

        .cds-ty-dashboard-frame-side-menu .sb-nav-link-icon img {
            margin-right: 10px;
        }

        .cds-ty-dashboard-frame-side-menu.collapsed .nav-link span {
            display: none;
        }

        /* Tooltip Styling */
        .cds-tooltip {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            left: 45px;
            background-color: #444;
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            white-space: nowrap;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 10;
            /* top: 50%;
            transform: translateY(-50%); */
        }
        .cds-tooltip:after {
            content: "";
            position: absolute;
            z-index: 1;
            width: 11px;
            height: 11px;
            background: inherit;
            top: 0.6rem;
            left: -6px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            border-bottom-left-radius: 0.125rem;
            border-width: 0 0 1px 1px;
            /* border-style: solid; */
        }
        .cds-ty-dashboard-frame-side-menu.collapsed .cds-dashboard-nav-link {position: relative;}
        .collapsed .cds-dashboard-nav-link:hover .cds-tooltip {
            opacity: 1;
            visibility: visible;
            display: inline-block;
            z-index: 3;
            position: relative;
            left: 12px;
            transform: unset;
        }
        .cds-nav-item-wrapper {
            position: relative;
        }
        .cds-ty-dashboard-frame-side-menu.collapsed .nav-link:hover .cds-tooltip {
            visibility: visible;
            opacity: 1;
        }

        /* Submenu Panel */
        .cds-ty-dashboard-frame-submenu-panel {
            width: 250px;
            background-color: #f8f8f8;
            color: white;
            display: none;
            padding: 15px;
            overflow-y: auto;
            transition: transform 0.3s ease, opacity 0.3s ease;
            flex-shrink: 0;
            transform: translateX(-100%);
            opacity: 0;
        }

        .cds-ty-dashboard-frame-submenu-panel.active {
            display: block;
            transform: translateX(0);
            opacity: 1;
        }

        /* Center Container */
        .cds-ty-dashboard-frame-main-container {
            flex-grow: 1;
            padding: 0;
            /* background-color: #f9f9f9; */
            /* overflow-y: auto; */
            /* padding-left: 0; */
        }

        /* Right Panel */
        .cds-ty-dashboard-frame-right-panel {
            width: 420px;
            /* background-color: #fff; */
            padding: 20px;
            overflow-y: auto;
            padding-left: 0;
            transition: transform 0.3s ease, width 0.3s ease;
            flex-shrink: 0;
            /* box-shadow: 0px 2px 50px 0px #0000001A; */
        }

        .cds-ty-dashboard-frame-right-panel.collapsed {
            width: 0;
            padding: 0;
            transform: translateX(100%);
            opacity: 0;
        }

        /* Toggle buttons */
        /* .toggle-menu, .toggle-panel, .toggle-submenu */
        .toggle-panel {
            position: absolute;
            top: 80px;
            font-size: 18px;
            cursor: pointer;
            background-color: #333;
            color: white;
            padding: 5px 10px;
            border-radius: 3px;
            z-index: 100;
        }

        .toggle-menu {
            left: 15px;
        }

        .toggle-panel {
            right: 15px;
        }

        .toggle-submenu {
            left: 265px;
            display: none;
        }
        #toggleSubmenuBtn {        
            color: #333;
            display: inline-block !important;
            font-size: 20px;
            cursor: pointer;
        }
        .sb-sidenav-menu .cds-dashboard-nav .toggle-menu {

        }
/* Responsive behavior for the right panel and main container */
@media (max-width: 1367px) {
    .cds-ty-dashboard-frame-right-panel {
        display: none; /* Hide the right panel by default */
    }
    .cds-ty-dashboard-frame-main-container {
        flex-grow: 1;
    }
}

@media (min-width: 1367px) {
    .cds-ty-dashboard-frame-right-panel {
        display: block; /* Show the right panel */
        width: 420px;
        transition: transform 0.3s ease, width 0.3s ease;
    }
}
        /* Responsive behavior */
        @media (max-width: 1367px) {
            .cds-ty-dashboard-frame-side-menu,
            .cds-ty-dashboard-frame-right-panel,
            .cds-ty-dashboard-frame-submenu-panel {
                position: fixed;
                height: calc(100% - 100px);
                top: 60px;
            }
            .cds-ty-dashboard-frame-side-menu {
                left: 0;
            }
            .cds-ty-dashboard-frame-right-panel {
                right: 0;
            }
            .cds-ty-dashboard-frame-submenu-panel {
                left: 60px;
            }
        }
        .main-container {
            padding: 30px;
            flex-grow: 1;
            background-color: #ddd;
        }
        footer {
            background-color: #0a202b;
            color: #fff;
            text-align: center;
            padding: 20px;
        }
        .logo img {
            max-height: 36px;
            /* Adjust height as needed */
        }
        header {
            background-color: #fff;
            color: #fff;
            padding: 11px 24px !important;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            flex-wrap: wrap; /* Ensures responsiveness */
        }
        .nav-menu {
            list-style: none;
            display: flex;
            gap: 20px;
            margin: 0;
        }
        .nav-menu a {
            color: #fff;
            text-decoration: none;
            font-weight: bold;
        }
		.domain-takedown-notice{
    margin: 0 auto;
    background: #fff;
    display: flex;
    max-width: 980px;
    flex-direction: column;
}
		.domain-takedown-notice-container{}
		.domain-takedown-notice-container-header{
    padding: 2rem;
    border-bottom: 1px solid #eee;
}
		.domain-takedown-notice-container-header-alert{
    display: flex;
    align-items: flex-start;
}
		.domain-takedown-notice-container-header-alert i{
    font-size: 4rem;
    color: #d82417;
}
		.domain-takedown-notice-container-header-alert-box h1{
    font-weight: 600;
    font-size: 30px;
    /* margin: 0; */
    color: #d82417;
}
		.domain-takedown-notice-container-header-alert-box p{
    /* text-transform: uppercase; */
    color: #000;
    margin: 0;
    font-size: 1.2rem;
}
		.domain-takedown-notice-container-body{
    padding: 2rem;
    /* border-top: 1px solid #eee; */
    background: #f8f8f8;
}
		.domain-takedown-notice-container-header-alert-box{
    margin-left: 1.5rem;
}
.domain-takedown-notice-container-header-alert-box span{ color: #d82417;}
.domain-takedown-notice-container-individual-company-information h1{
    display: flex;
    font-size: 18px;
    margin-bottom: 0;
    flex-direction: column;
}
.domain-takedown-notice-container-individual-company-information h1 span{
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    color: #d82417;
}
.domain-takedown-notice-container-individual-company-information h2{
    display: flex;
    margin: 0;
    font-size: 18px;
    margin-bottom: 1rem;
    flex-direction: column;
}
.domain-takedown-notice-container-individual-company-information h2 span{
    display: inline-block;
    font-size: 12px;
    color: #d82417;
}
.domain-takedown-notice-container-footer{
    display: flex;
    border-top: 1px solid #eee;
    flex-direction: column;
}
.domain-takedown-notice-container-footer-flagged{
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 1.5rem 2rem;
}
.domain-takedown-notice-container-footer-flagged-list{
    display: flex;
    padding-left: 1rem;
    flex-direction: column;
}
.domain-takedown-notice-container-footer-flagged-list ul{
    padding-left: 0;
    margin: 0;
}
.domain-takedown-notice-container-footer-flagged-list li{
    padding-bottom: 5px;
    font-size: 14px;
    list-style: none;
}
.domain-takedown-notice-container-footer-flagged i{
    margin-top: 3px;
    color: #d82417;
}
.domain-takedown-notice-container-footer-flagged-list span{
    display: block;
    color: #0a202b;
    font-size: 12px;
}
.domain-takedown-notice-container-individual-company-information{
    padding: 0;
    display: flex;
    /* border-bottom: 1px solid #eee; */
    margin-bottom: 0;
    padding-top: 0;
    align-items: center;
}
.domain-takedown-notice-label{
    /* padding: 10px; */
    display: flex;
    background: #0a202b;
    align-items: center;
}
.domain-takedown-notice-label-action{
    color: #fff;
    font-size: 12px;
    flex: 1 1;
    padding: 15px;
}
.domain-takedown-notice-label-action .breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before {color: #6c757d;}
.domain-takedown-notice-label-action span{
    color: #fff;
}.domain-takedown-notice-label-purpose{
    padding: 15px;
    font-size: 14px;
    background: #ffe066;
}
.domain-takedown-notice-label-purpose span{}
.domain-takedown-notice-label-purpose i{
    margin-right: 5px;
}
.domain-takedown-notice-sidebar{
    background: #f8f8f8;
    padding: 1.5rem; position: relative;
}
.domain-takedown-notice-sidebar p{
    font-size: 15px;
}.domain-takedown-notice-sub-sidebar p{
    font-size: 15px;
}
.domain-takedown-notice-sidebar h3{
    font-size: 18px;
    color: #0a202b;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}.domain-takedown-notice-sidebar h4{
    font-size: 18px;
    font-weight: 600; color: #0a202b;
    margin-bottom: 1rem;
}.domain-takedown-notice-sub-sidebar h3{
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    color: #0a202b;
    padding-bottom: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}.domain-takedown-notice-sub-sidebar  p{
    font-size: 15px;
}
.domain-takedown-notice-sidebar ol{}
.domain-takedown-notice-sidebar li{
    font-size: 14px;
    margin-bottom: 15px;
}.domain-takedown-notice-container-individual-company-information-detail{
    margin-left: 1rem;
}.domain-takedown-notice-sub-sidebar{
    padding: 1.5rem;
    background: #f8f8f8;
    position: relative;
    margin-top: 1.5rem;
}.domain-takedown-notice-sidebar:before{position:absolute;content:"";top: -2px;left: 0;width:120px;height: 4px;background: #d82417;}
.domain-takedown-notice-sub-sidebar:before{position:absolute;content:"";top: -2px;left: 0;width:120px;height: 4px;background: #0ca678;}
.btn-green{background:#0ca678;padding: 10px 15px;border: 1px solid #086a4d;}
.cds-ty-dashboard-frame-side-menu.collapsed .sb-sidenav-menu .nav-link-text {display: none;transition: all 0.5s ease;}
.sb-sidenav-menu .cds-dashboard-nav{
    /* margin-top: 2rem; */
}
.cds-sidenav-menu-heading{
    color: #0a202b;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}
.cds-dashboard-nav-link{
    position: relative;
    display: flex;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 14px;
    min-height: 31px;
    color: #000;
    align-items: center;
    justify-content: flex-start;
}


.cds-dashboard-nav-link-icon{
    margin-right: 10px;
}
.sb-sidenav-menu .cds-dashboard-nav .toggle-menu .cds-dashboard-nav-link-icon {padding-right: 8px;}
.cds-sidenav-menu-nested {
    margin-top: 27px;
}

.header-content .mobile-block {display: flex;align-items: center;justify-content: space-between;width: 100%;}

#mark-as-unauthorise-form .select2-container {display: block;}
#mark-as-unauthorise-form .select2-container .select2-selection__arrow {top: 0 !important;}
#mark-as-unauthorise-form .select2-container--default .select2-selection--single {border: 1px solid #E0E4EA !important;border-radius: 10px !important;}
.phoneno-block {display: flex;gap: 10px;}
.phoneno-block .select2-container {width: 100% !important;}
.cds-phoneno {display: flex;grid-column-gap: 10px;}
.cds-phoneno .enterno {width: 100%;}
.phoneno-with-code .phone_no {min-height: 58px;}
.explore .select2-selection {
    border: 0 !important;
    border-radius: 0 !important;
    padding-top: 0 !important;
    height: 38px !important;
}

.explore .select2-selection__rendered {
    line-height: 48px !important;
    color: var(--text-color) !important;
    border-bottom: 1px solid #D6DDEB;
    padding-left: 0 !important;
}

.explore .select2-selection__arrow {
    height: 48px !important;
}

.explore .find-copanies .input-group:first-child {
    border-right: 1px solid #D6DDEB;
    padding-right: 2rem;
}

/* -- Sidebar --- */
.bg-color::before {
    background: #9E9E9E;
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    z-index: -1;
}

.sidebar-container {
    width: 100%;
    padding: 0 2rem;
    overflow-y: auto;
}

.sidebar-container .brand {
    padding-top: 6rem;
    display: flex;
    align-items: center;
}

.sidebar-menu .dropdown {
    margin: 0 0 1rem 0;
    display: flex !important;
    flex-direction: column;
}

.sidebar-menu .dropdown,
.mobile-filter .sidebar-menu .dropdown {
    position: relative;
    display: grid;
    transition: all 0.5s ease;
}
.sidebar-menu .dropbtn {background-color: transparent;}
.sidebar-menu .dropbtn,
.mobile-filter .sidebar-menu .dropbtn {
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 12px 0;
    /* background-color: #fff; */
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-menu .dropdown-content {
    display: block;
    transition: all 0.5s ease;
    z-index: 1;
    /* padding: 12px; */
}

.sidebar-menu .dropdown-content label {
    font-size: 16px;
}

.sidebar-menu .dropdown-content label input[type="checkbox"],
.sidebar-menu .dropdown-content label input[type="checkbox"] {
    margin-right: 10px;
}

.badge-blue {
    background-color: var(--color-primary-light);
    font-size: 1rem;
    font-weight: 500;
    border-radius: 20px;
    padding: 4px 8px;
    margin-left: auto;
    color: var(--color-primary);
}

.sidebar-menu .arrow,
.sidebar-menu .arrow {
    margin-left: 5px;
}

.sidebar-menu .show,
.sidebar-menu .show {
    display: block;
}

.sidebar-menu .sidebar-menu li,
.sidebar-menu .sidebar-menu li {
    margin-bottom: 2rem;
}

.sidebar-menu .sidebar-menu a,
.sidebar-menu .sidebar-menu a {
    color: var(--text-color);
    display: block;
    padding: 0.7rem 0;
}

.sidebar-menu .sidebar-menu a.active,
.sidebar-menu .sidebar-menu a.active {
    background-color: var(--main-accent);
    border-radius: 7px;
    padding: 0.8rem;
}

.sidebar-menu .sidebar-menu a span:first-child,
.sidebar-menu .sidebar-menu a span:first-child {
    display: inline-block;
    margin-right: 0.8rem;
    font-size: 1.5rem;
    color: var(--color-main);
}

.sidebar-menu #dropdownContent {
    /*opacity: 0;max-height: 0;*/
    /* overflow: hidden;
    background: #f5f6f7;
    border: 1px solid #eee;
    border-radius: 12px;
    transition: opacity 0.3s ease, max-height 0.3s ease; */
}

.sidebar-menu #dropdownContent.show {
    opacity: 1;
    max-height: 300px;
}

.sidebar-menu .arrow {
    transition: transform 0.3s ease;
}

.sidebar-menu .arrow.rotate {
    transform: rotate(180deg);
}

.filter {
    background-color: #f8f8f8;
}

.filter .top-box {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.filter .top-box .right-filter {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

.filter .top-box span.title {
    white-space: pre;
    display: inline-block;
    margin-bottom: 5px;
}
.filter .top-box .right-filter .views {border: 0;padding: 6px;background-color: #E9F1FD;border-radius: 8px;}
span.select2-selection__arrow {
    height: inherit !important;
}

.cds-filter-companies .main-cardbox .inner-card + .inner-card {margin: 2rem 0;}
.cds-filter-companies .main-cardbox .inner-card {
    background-color: var(--white);
    padding: 1.5rem 1rem;
    border: 1.5px solid #E9F1FD;
    border-radius: 12px;
    /* margin: 2rem 0; */
}

.cds-filter-companies .card-box {
    display: flex;
    align-items: start;
    gap: 10px;
    justify-content: space-between;
}

.cds-filter-companies .card-box .about-companie {
    flex: 0 0 70%;
    max-width: 70%;
    flex-wrap: wrap;
}

.cds-filter-companies .card-box .profile-info {
    margin-left: auto;
    text-align: right;
    display: flex;
    gap: 10px;
}
.cds-professionals .inner-card .profile-info {display: block;}
.cds-filter-companies .card-box .profile-info .bell-btn {background: #F5F5F5;border-radius: 100%;display: flex;align-items: center;width: 36px;height: 36px;justify-content: center;}
.cds-filter-companies .card-box .profile-info .about-rating {
    font-weight: 500;
    margin: 10px 0 0 0;
    color: var(--black);
}

.cds-filter-companies .card-box .profile-info .about-rating .fa-star {
    color: #F9D401;
}

.cds-filter-companies .about-work {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
}

/* .cds-filter-companies .about-info .about-work {flex: 0 0 80%;max-width: 80%;} */
.cds-filter-companies .about-work li {
    padding: 0 12px 0 10px;
    position: relative;
    font-size: 1em;
}

.cds-filter-companies .about-work li::before, .cds-filter-companies .cds-grylist li::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background-color: var(--blue);
    border-radius: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.cds-filter-companies .card-box {
    /* gap: unset; */
}

.cds-filter-companies .about-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cds-filter-companies .about-info .about-contact {
    flex: 0 0 20%;
    max-width: 20%;
    text-align: right;
}

.cds-unauthorised .text-color .link {
    color: var(--text-color);
}

.cds-unauthorised .text-color li {
    padding-left: 0;
}

.cds-unauthorised .text-color li:first-child:before, .cds-filter-companies .cds-grylist li:first-child:before {
    display: none;
}

.cds-unauthorised .text-color li::before {
    background-color: var(--text-color);
}

.cds-unauthorised .text-color li+li {
    padding-left: 0.875em;
}

.cds-unauthorised .about-info .level-link {
    color: var(--primary-red);
    font-size: 1em;
}
.cds-filter-companies .cds-grylist {display: flex;align-items: center;flex-wrap: wrap;}
.cds-filter-companies .cds-grylist li {position: relative;padding-right: 10px;}
.cds-filter-companies .cds-grylist li::before {background-color: var(--text-color);}
.cds-filter-companies .cds-grylist li + li {padding: 0 0.875em;}
.cds-filter-companies .cds-grylist .link {color: var(--text-color);font-size: 1rem;}
/* company profile */
.cds-company-profile .company-data .contact-info {
    display: flex;
    align-items: start;
    margin-top: 10px;
    flex-wrap: wrap;
}

.cds-company-profile .company-data .contact-info .d-lg-flex+.d-lg-flex {
    margin-left: 1rem;
}

.cds-company-profile .company-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background-color: var(--white);
    padding: 2rem 1.5rem;
    box-shadow: 0px 4px 15px 0px #00000026;
    margin-top: -90px;
}

.tech-list li {
    position: relative;
    color: var(--text-color);
    font-size: 0.875em;
    padding-left: 10px;
}

.tech-list li::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background-color: var(--text-color);
    border-radius: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.cds-related-companies .inner-card {
    margin: 0.875em 0 !important;
}

.cds-address-list {
    margin: 4rem 0 2rem;
}

.cds-address-list .work-about tbody th {
    font-weight: 500;
    color: var(--text-color);
}


/* claim profile */
.cds-claim-profile {
    padding: 1.5rem;
    background: #fff;
    box-shadow: 0px 2px 20px 3px #0000001a;
    border-radius: 12px;
    width: 100%;
}
.cds-claim-profile .tab-content>.tab-pane {border-bottom: 0;margin-bottom: 0;}
.wizard,
.wizard .nav-tabs,
.wizard .nav-tabs .nav-item {
    position: relative;
    border: 0;
}
.cds-content .wizard .nav-item {width: 100%;}
.wizard .nav-tabs .nav-item .nav-link {
    border: 0;
    border-radius: 0;
    border-top: 2px solid #F1F3F6;
    pointer-events: none;
}

.wizard .nav-tabs .nav-item .nav-link:hover {
    color: var(--blue);
}

.wizard .nav-link.active .small-title {
    color: var(--blue);
    font-weight: 600;
}

.wizard .nav-link,
.wizard .small-title {
    color: #A8B3C4;
}

.wizard .nav-tabs .nav-item .nav-link.active {
    background: #fff;
    border: 0;
    border-top: 2px solid var(--blue);
    color: var(--black);
}

.wizard .nav-tabs .nav-item .nav-link:after {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: var(--blue);
    transition: 0.1s ease-in-out;
}

.wizard .nav-tabs .nav-item .nav-link svg {
    font-size: 25px;
}

/* Aksshit */
.uap-form-block {
    display: flex;
}

.form-type-heading {
    color: #111827;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}

.cds-claim-profile .form-tabs {
    width: 100%;
    gap: 20px;
    justify-content: space-between;
    display: flex;
}

.cds-claim-profile .form-tabs label {
    cursor: pointer;
    width: 30%;
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 15px 20px;
    text-align: left;
    color: #A8B3C4;
    gap: 10px;
    display: flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.cds-claim-profile .form-tabs label.active {
    color: #222222;
}

/* .cds-claim-profile .form-tabs label input {display:none;} */
.cds-t25n-content-reporting-form-section-panel {
    /* display: flex; */
    position: relative;
    /* border-radius: 12px; */
    /* padding: 1.5rem; */
    /* box-shadow: 0px 2px 3px 0px #0000001A; */
    /* background: #fff; */
    /* flex-direction: column; */
}

.form-mainheader {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #111827;
    margin-bottom: 0;
}

.cds-t25n-content-reporting-form-section-panel .form-block form {}

.cds-t25n-content-reporting-form-section-panel .js-form-message .input-box input {
    flex-wrap: nowrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 10px 40px;
    border-radius: 10px;
    border: 0;
    border: 1px solid #E0E4EA;
    height: 54px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #222222;
}

.cds-t25n-content-reporting-form-section-panel .js-form-message .input-box input::placeholder {
    color: #8292AA;
}

.cds-t01-header-section {
    background: #f8f8f8;
    min-height: 580px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.cds-t01-header-section-container {
    /* max-height: 580px; */
    position: relative;
}

.cds-t01-header-section-left {
    padding-right: 1rem;
}

.cds-t01-header-section-left h1 {
    font-size: 52px;
    line-height: 1.3;
    font-weight: 800;
}

.cds-t01-header-section-left p {
    font-size: 16px;
    letter-spacing: 0.2px;
}

.cds-t01-header-section-right {
    position: absolute;
    top: 0;
    right: 0;
    left: 59%;
    width: 100%;
    bottom: 0;
    height: 100%;
}

.cds-t01-header-section-right img {
    max-width: 100%;
    height: 100%;
}

.cds-t01-header-section-right-grid {}

.cds-t01-header-section-left-grid {
    min-height: 600px;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    ul#otherAddressModalList {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 22px;
    }

    .cds-t01-header-section-left h1 {
        font-size: 36px;
        font-weight: 800;
        line-height: 1.2;
    }    
    .cds-t01-header-section, .cds-t01-header-section-left-grid {min-height: auto;}
}

.input-box textarea.form-control {
    flex-wrap: nowrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 10px 40px;
    border-radius: 10px;
    border: 0;
    border: 1px solid #E0E4EA;
    min-height: 150px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #222222;
}

.cds-t25n-content-reporting-form-section-panel table tr th,
.cds-t25n-content-reporting-form-section-panel table tr td {
    border: none;
}

/* .cds-t25n-content-reporting-form-section-panel table tr td button{padding: 10px 15px; border-radius: 12px;} */
.cds-t25n-content-reporting-form-section-panel table tr td input {
    flex-wrap: nowrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 10px 40px;
    border-radius: 10px;
    border: 0;
    margin-bottom: 10px;
    border: 1px solid #E0E4EA;
    height: 54px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
}

.form-right-section {
    width: 30%;
    padding: 80px 30px;
    text-align: left;
}

.form-right-section h4 {
    color: #111827;
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
}

.form-right-section p {
    color: #8292AA;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}

.cds-t25n-content-reporting-form-section-panel .custom-border {
    border-top: 1px solid #eee;
    padding: 20px 0;
    position: relative;
    /* width: 100%; */
    border-radius: 0;
    /* margin: 20px 0; */
    /* background-color: #f2f2f2; */
}

.cds-t25n-content-reporting-form-section-panel .custom-border .header {
    /* position: absolute; */
    /* top: -16px; 
    left: 10px;  */
    /* background-color: #fff; */
    /* Background to hide the border behind the text */
    /* padding: 0 15px;  */
    font-weight: 600;
    /* border-radius: 15px; */
    border: none;
    margin-bottom: 20px;
}

.cds-t25n-content-reporting-form-section-panel .custom-border .header span {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #111827;
}

.cds-t25n-content-reporting-form-section-panel .custom-border .content .input-box {
    position: relative;
    flex: 1 1;
    margin-bottom: 10px;
    margin-right: 0;
}

.cds-t25n-content-reporting-form-section-panel .custom-border .content .input-box img {
    position: absolute;
    top: 16px;
    z-index: 1;
    left: 10px;
}

.cds-t25n-content-reporting-form-section-panel .custom-border .content .form-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #222222;
}

.cds-t25n-content-reporting-form-section-panel .js-form-message .input-box input::placeholder {
    color: #8292AA;
}

.cds-t25n-content-reporting-form-section-panel .custom-border .dropzone {
    padding: 2.5rem;
    margin-bottom: 10px;
    background: #d7e3f8;
}
.cds-form-container .dropzone .dz-preview .dz-progress {z-index: 10;}
.form-right-section img {
    width: 100%;
}



/* === footer === */
.foot-social {
    display: flex;
    gap: 10px;
}

.foot-social .link {
    background-color: #EAEAEA;
    color: var(--black);
    font-size: 22px;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.foot-social .link:hover {
    background-color: var(--blue);
    color: var(--white);
}

.footer-section .foot-menu .menulink {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 500;
    padding: 4px 0;
    display: block;
}

.footer-section .foot-menu .menulink:hover {
    color: var(--primary);
}

.footer-section .subscribe-box {
    background: #DEE6FB99;
    padding: 1.5rem;
    border-radius: 2rem;
}

.footer-section .subscribe-box .form-group {
    position: relative;
}

.footer-section .subscribe-box .form-group .btn-search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #063084;
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    border-radius: 10px;
}

.footer-section .subscribe-box .form-control {
    height: 60px;
    padding-right: 8rem;
    border: 0;
    border-radius: 15px;
}

.copy-rights {
    padding: 1rem 0 2rem;
    text-align: right;
}

.copy-rights p {
    color: #384252 !important;
    font-weight: 500;
}

/* Aksshit */
.footer-links {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

/* .footer-links li {width: 45%;} */

/* ========================= 
    Responsive
========================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-section .subscribe-box .form-control {
        padding-right: 0.75rem;
    }

    .footer-section .subscribe-box .form-group .btn-search {
        position: unset;
        transform: unset;
        margin-top: 10px;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .navbar-collapse {
        box-shadow: 0px 6px 20px 2px rgb(0 0 0 / 11%);
        padding: 1rem;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .footer-section .row {
        grid-row-gap: 1.5rem;
    }

    .cds-claim-profile {
        width: 100%;
    }

    .form-right-section {
        display: none;
    }

    .cds-claim-profile .form-tabs {
        flex-direction: column;
    }

    .cds-claim-profile .form-tabs label {
        width: 100%;
    }
    .cds-t01-header-section-left p {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .join-us .girl::before {
        width: 330px;
        height: 330px;
        right: 0;
    }
}

@media (max-width: 767px) {
    .join-us .bg-color {
        padding: 2rem 1rem;
        text-align: center;
    }

    .join-us .girl {
        display: none;
    }

    .footer-section .foot-social {
        justify-content: center;
    }

    .features .features-box {
        text-align: center;
    }

    .login-via .col-xl-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .cds-t01-header-section-right {
        display: none;
    }
}

.uap-form-block textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
    padding: 10px 10px 10px 45px;
}

.uap-form-block .textarea-min-height-220 {
    min-height: 220px;
    /* height: 85px; */

}

.uap-form-block .textarea-min-height-110 {
    min-height: 110px;
    /* height: 85px; */

}

.uap-form-block .textarea-min-height-160 {
    min-height: 160px;
    /* height: 85px; */

}

.cds-information-badge {
    padding: 12px;
    background: #f4f5f6;
    border: 1px solid #eee;
    border-radius: 6px;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
}

.cds-information-badge span {
    font-weight: 600;
    display: flex;
    margin-bottom: 10px;
}

.cds-information-badge p {
    font-size: 13px;
    margin: 0;
}

.cds-ty-add-social-links-wrapper {}

.cds-ty-add-social-links-wrapper-input-list {
    display: flex;
    margin-bottom: 10px;
    align-items: baseline;
}

.cds-ty-add-social-links-wrapper-input-list .input-box {
    margin-right: 0.7rem !important;
}

.cds-ty-add-social-links-wrapper-input-list input {
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 10px 40px;
    border-radius: 10px;
    border: 0;
    border: 1px solid #E0E4EA;
    height: 54px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
}

.cds-ty-add-social-links-wrapper-button {}

.cds-ty-add-social-links-wrapper-button button {}

.form-label span.cds-flex-label {
    display: flex;
    font-weight: 600;
    margin-bottom: 5px;
}

.cds-information-badge-blue {
    padding: 1rem 1.5rem 1rem 1rem;
    background: #cdeffe;
    border: 1px solid #83d2f6;
    border-radius: 10px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
}

.cds-information-badge-blue span {
    font-weight: 600;
    display: flex;
    margin-bottom: 10px;
}

.cds-information-badge-blue p {
    font-size: 13px;
    margin: 0;
}

.uap-tab:checked+label {}

.btn-round {
    border-radius: 50%;
    width: 32px;
    display: flex;
    height: 32px;
    justify-content: center;
    align-items: center;
}

.table td,
.table th {
    vertical-align: middle;
}

button#medium-dynamic-ar {
    margin-top: -1px;
    vertical-align: middle;
}

button.medium-remove-input-field {
    margin-top: -1px;
    vertical-align: middle;
}

.phoneno-block .select2-selection {
    /* padding: 24px 9px; */
    padding: 12px 9px;
    vertical-align: top !important;
}

.phoneno-block .select2-selection__rendered {
    margin-top: -13px;
}

.phoneno-block .w-25 {
    width: 15% !important;
    margin-right: 11px;
}

.phoneno-block .w-75 {
    width: 83% !important;
}

.multi-error {
    color: red;
    text-align: left;
    margin: 0px 0px;
}

.required-asterisk {
    color: red;
}

.dot {
    display: inline-block;
    border-radius: 50%;
    width: 50%;
    background-color: #EEE;
    height: 15px;
    width: 15px;
    margin: 0 2px;
}

.dot.dot-success {
    background-color: #449D44;
}

/* ================================================================================== */
@media (max-width: 60em) {}

@media (max-width: 47.938em) {
    .phoneno-block .w-25 {
        width: 40% !important;
    }
    .cds-t25n-content-reporting-form-section-panel .custom-border .content .input-box img {
        top: 50%;
        transform: translate(0, -50%);
    }

    .uap-form-block textarea {
        height: 54px;
    }

    .btn-round {
        margin-bottom: 10px;
    }

    .join-us {
        margin: 0 1rem;
    }

    table#mediumDynamicAddRemove tr {
        display: grid;
    }

    .copy-rights {
        text-align: center;
    }

    .footer-links {
        grid-row-gap: 3px;
    }

    button#medium-dynamic-ar,
    button.medium-remove-input-field {
        margin: 0;
    }
}

/*==================================T13 cds-section-statistics==============================*/
.cds-section-statistics {
    padding: 4rem 0 4rem 0;
}

.cds-t13-statistics-card-block {}

.cds-t13-statistics-card {
    padding: 1rem;
    position: relative;
    box-shadow: 0px 2px 3px 0px #0000001A;
    background: #fff;
    border-radius: 12px;
}

.cds-t13-statistics-card .cds-t13-statistics-card-bottom-section img {
    padding: 0 15px;
}

.cds-t13-statistics-card .cds-t13-statistics-card-bottom-section i {
    padding: 0 15px;
    margin-right: 8px;
    color: #dc3545;
    font-size: 42px;
}

.cds-t13-statistics-card h4 {
    display: flex;
    font-size: 50px;
    font-weight: 800;
    flex-direction: column;
}

.cds-t13-statistics-card span {
    font-size: 16px;
    color: #666;
    font-weight: 500 !important;
   
}

.cds-t13-statistics-card .cds-t13-statistics-avatars {
    display: flex;
    /* justify-content: flex-end; */
    align-items: center;
}

.cds-t13-statistics-card .cds-t13-statistics-avatars img {
    width: 28px;
    /* border: 1px solid #ddd; */
    position: relative;
    box-shadow: 0px 2px 3px 0px #0000001A;
    border-radius: 50%;
    margin-right: -2px;
    height: 28px;
}

.cds-t13-statistics-card .cds-t13-statistics-avatars span {
    display: flex;
    background: #f5f5f5;
    color: #999;
    height: 20px;
    border-radius: 50%;
    width: 20px;
    line-height: 18px;
    margin-left: 6px;
    align-items: stretch;
    justify-content: center;
}

.cds-t13-statistics-card .cds-t13-statistics-card-top-section {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.cds-t13-statistics-card .cds-t13-statistics-card-footer-section {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.cds-t13-statistics-card .cds-t13-statistics-card-bottom-section {
    display: flex;
    align-items: center;
    margin-top: 0;
    justify-content: flex-start;
}

.cds-t13-statistics-status {}

.cds-t13-statistics-status span {
    font-size: 12px;
    color: #999;
}

/*==================================T14 Skeleton UAP=====================*/
.cds-t14-uap-uae-card {
    background: #fff;
    padding: 1.2rem;
    max-width: 420px;
    border-radius: 1rem;
    display: flex;
    box-shadow: 0px 2px 50px 0px #0000001A;
    flex-direction: column;
}

.cds-t14-uap-uae-card-top {
    display: flex;
}

.cds-t14-uap-uae-card-top-left img {
    width: 58px;
    height: 58px;
    border-radius: 50%;
}

.cds-t14n-uap-uae-card-top-center {
    flex: 1 1;
    padding-left: 15px;
}

.cds-t14n-uap-uae-card-top-center span {
    margin-bottom: 5px;
    font-size: 14px;
    display: block;
    color: #0b6ebd;
}

.cds-t14n-uap-uae-card-top-center li {
    font-size: 16px;
    position: relative;
    padding: 0px 4px 0;
    color: #999;
}

.cds-t14n-uap-uae-card-top-center li span {
    width: 7px;
    display: inline-block;
    margin: 0;
    background: #ddd;
    border-radius: 50%;
    height: 7px;
}

.cds-t14n-uap-uae-card-top-center ul {
    position: relative;
    display: flex;
    margin: 0;
    align-items: center;
}

.cds-t14n-uap-uae-card-top-center h4 {
    font-weight: 600;
}

.cds-t14-uap-uae-card-top-right span {
    background: #eee;
    padding: 10px;
    color: #999;
    display: inline-flex;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
}

.cds-t14-uap-uae-card-top-right a {}

.cds-t14-uap-uae-card-top-right a:hover span {
    background: #ddd;
}

.cds-t14-uap-uae-card-top-right i {}

.cds-t14-uap-uae-card-footer-alert {
    display: flex;
}

.cds-t14-uap-uae-card-footer-alert img {
    width: 22px;
    height: 18px;
    margin-right: 10px;
}

.cds-t14-uap-uae-card-footer {
    display: flex;
    padding: 0;
    margin-top: 10px;
    align-items: center;
}

.cds-t14-uap-uae-card-footer-alert-status {}

.cds-t14-uap-uae-card-footer-alert-status span {
    font-size: 14px;
    color: #1b1b1b;
    font-weight: 600;
}

/*========Skel======*/
.cds-t14-skel-card {
    background: #fff;
    padding: 1.2rem;
    max-width: 420px;
    border-radius: 1rem;
    display: flex;
    box-shadow: 0px 2px 50px 0px #0000001A;
    flex-direction: column;
}

.cds-t14-skel-card-top {
    display: flex;
}

.cds-t14-skel-card-top-left .gradient-circle {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

.cds-t14-skel-card-top-left .gradient-circle img {
    width: 58px;
    height: 58px;
    border-radius: 50%;
}

.cds-t14-skel-card-top-center {
    flex: 1 1;
    padding-left: 15px;
}

.cds-t14-skel-card-top-center .gradient-bar {
    height: 14px;
    border-radius: 20px;
    width: 100px;
    margin-bottom: 5px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

.cds-t14-skel-card-top-center .gradient-text {
    height: 23px;
    width: 90%;
    border-radius: 20px;
    margin: 10px 0 5px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

.cds-t14-skel-card-top-center ul {
    position: relative;
    display: flex;
    margin: 0;
    align-items: center;
}

.cds-t14-skel-card-top-center ul .gradient-text {
    width: 60px;
    height: 16px;
    margin-right: 10px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

.cds-t14-skel-card-top-right .gradient-circle-small {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    padding: 10px;
    display: inline-flex;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
}

.cds-t14-skel-card-footer {
    display: flex;
    padding: 0;
    margin-top: 10px;
    align-items: center;
}

.cds-t14-skel-card-footer-alert {
    display: flex;
}

.cds-t14-skel-card-footer-alert .gradient-bar-small {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

.cds-t14-skel-card-footer-alert-status .gradient-text {
    width: 100px;
    border-radius: 20px;
    height: 14px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

.cds-section-uap-uae-list-wrapper {}

.cds-section-uap-uae-list-wrapper ul {}

.cds-section-uap-uae-list-wrapper>ul>li {
    margin-bottom: 2rem;
}

.cds-section-uap-uae-list-wrapper li.t14-even-list {}

.cds-section-uap-uae-list-wrapper li.t14-odd-list {
    margin-left: 6rem;
}

.cds-section-uap-uae {
    border-top: 1px solid #ddd;
    padding: 4rem 0;
}

.cds-section-uap-uae-list-text h4 {}

.cds-section-uap-uae-list-text h2 {
    font-weight: 800;
    line-height: 1.3;
    font-size: 2.2rem;
}

.cds-section-uap-uae-list-text p {
    color: #000;
    /* line-height: 1.7; */
    /* font-size: 1.1rem; */
    /* font-weight: 300; */
}

.cds-section-uap-uae-list-text>span {
    font-weight: 600;
    display: block;
    color: #495057;
    font-size: 1rem;
    padding: 10px 0;
}

.cds-section-uap-uae-container {
    display: flex;
    align-items: flex-start;
}

.cds-section-uap-report-arrow-link {
    display: flex;
    margin-bottom: 36px;
    justify-content: center;
}

.cds-section-uap-report-arrow-link a {
    display: inline-flex;
    background: #fff;
    box-shadow: 0px 2px 50px 0px #0000001A;
    padding: 8px 15px;
    line-height: 18px;
    border-radius: 15px;
    font-weight: 600;
    position: relative;
    text-decoration: dashed !important;
    color: #dc3545;
    flex-direction: row;
    align-items: center;
}

.cds-section-uap-report-arrow-link a:before {
    content: "";
    position: absolute;
    left: -60px;
    bottom: -50px;
    width: 70px;
    height: 80px;
    background: url("../frontend/images/icons/dotted-lines.png") no-repeat;
}

.cds-section-uap-report-arrow-link span span {
    color: #61696e;
    font-weight: 400;
    /* text-transform: uppercase; */
    font-size: 12px;
}

.cds-section-uap-report-arrow-link i {
    margin-right: 10px;
}

.cds-section-uap-report-arrow-link span {
    color: #dc3545;
    font-weight: 600;
    display: flex;
    /* text-transform: uppercase; */
    font-size: 14px;
    flex-direction: column;
}

/*==================================T15 Social Media Container=====================*/
.cds-section-social-media {
    border-top: 1px dashed #ddd;
    padding: 4rem 0 4rem;
}

.cds-section-social-media-container {
    display: flex;
    align-items: flex-start;
}

.cds-section-social-media-card {
    background: #fff;
    padding: 1.2rem;
    max-width: 320px;
    border-radius: 1rem;
    display: flex;
    box-shadow: 0px 2px 50px 0px #0000001A;
}

.cds-section-social-media-card-left {}

.cds-section-social-media-card-left img {
    width: 45px;
    margin-right: 15px;
    height: 45px;
}

.cds-section-social-media-card-left span {}

.cds-section-social-media-card-left img.alert-social-media {}

.cds-section-social-media-card-right {}

.cds-section-social-media-card-right h4 {
    font-size: 1rem;
    color: #1b1b1b;
    font-weight: 600;
}

.cds-section-social-media-card-right span {
    display: inline-flex;
    font-size: 13px;
    color: #063084;
    word-break: break-word;
}

/*==========================Skelton===============*/
.cds-t15-skel-social-media-card {
    background: #fff;
    padding: 1.2rem;
    max-width: 320px;
    border-radius: 1rem;
    display: flex;
    box-shadow: 0px 2px 50px 0px #0000001A;
}

.cds-t15-skel-social-media-card-left {
    display: flex;
    align-items: center;
}

.cds-t15-skel-social-media-card-left .gradient-img {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    border-radius: 50%;
    margin-right: 15px;
}

.cds-t15-skel-social-media-card-right {
    flex: 1;
}

.cds-t15-skel-social-media-card-right h4 {
    height: 17px;
    border-radius: 15px;
    width: 180px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    margin-bottom: 8px;
}

.cds-t15-skel-social-media-card-right .gradient-text {
    height: 12px;
    border-radius: 15px;
    width: 120px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

.cds-t15-skel-half-social-media-card {
    background: #fff;
    padding: 1.2rem;
    max-width: 160px;
    /* Half of the original width */
    border-radius: 1rem;
    display: flex;
    box-shadow: 0px 2px 50px 0px #0000001A;
    overflow: hidden;
    position: relative;
}

.cds-t15-skel-half-social-media-card-left {
    display: flex;
    align-items: center;
    width: 50%;
    /* Only show the left half */
    overflow: hidden;
    /* Hide anything beyond this width */
}

.cds-t15-skel-half-social-media-card-left .gradient-img {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    border-radius: 50%;
    margin-right: 15px;
}

.cds-t15-skel-half-social-media-card-right {
    flex: 1;
    overflow: hidden;
    /* Hide half of the content */
}

.cds-t15-skel-half-social-media-card-right h4 {
    height: 16px;
    width: 180px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    margin-bottom: 8px;
    clip-path: inset(0 50% 0 0);
    /* Show only the left half */
}

.cds-t15-skel-half-social-media-card-right .gradient-text {
    height: 12px;
    width: 120px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    clip-path: inset(0 50% 0 0);
    /* Show only the left half */
}

.cds-section-social-media-list-mid {
    margin-right: -77px;
    display: flex;
    justify-content: flex-end;
}

.cds-section-social-media-list-mid2 {
    margin-right: 0px;
    display: flex;
    justify-content: flex-end;
}

/*=======================Search==================*/
/* Search bar container */
.cds-t15-skel-search-bar-container {
    position: relative;
    flex: 1 1;
    max-width: 400px;
    margin: 25px 0 0 0;
}

/* Search input styling */
.cds-t15-skel-search-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s ease;
}

/* Typing effect style */
.cds-t15-skel-search-input.typing {
    font-family: 'Courier New', Courier, monospace;
    caret-color: transparent;
    /* Hide actual caret */
    border-color: #063084;
    /* Change border color during typing effect */
}

/* Search div styling */
.cds-t15-skel-search-display {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    box-shadow: 0px 2px 50px 0px #0000001A;
    background-color: #fff;
    color: #555;
    min-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
}

/* Typing effect style */
.cds-t15-skel-search-display.typing {
    border-color: #063084;
    /* Change border color during typing effect */
}

/* Dropdown container for skeleton suggestions */
.cds-t15-skel-search-dropdown {
    position: relative;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    /* border: 1px solid #ccc; */
    border-radius: 10px;
    box-shadow: 0px 2px 50px 0px #0000001A;
    max-height: 200px;
    overflow-y: auto;
    display: block;
    z-index: 10;
}

/* Skeleton suggestion */
.cds-t15-skel-search-suggestion {
    display: flex;
    padding: 10px;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
}

.cds-t15-skel-search-suggestion:last-child {
    border-bottom: none;
}

.cds-t15-skel-search-suggestion-left {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    border-radius: 50%;
    margin-right: 10px;
}

.cds-t15-skel-search-suggestion-right {
    flex: 1;
}

.cds-t15-skel-search-suggestion-right h4 {
    height: 16px;
    border-radius: 15px;
    width: 80%;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    margin-bottom: 8px;
}

.cds-t15-skel-search-suggestion-right .gradient-text {
    height: 12px;
    width: 60%;
    border-radius: 15px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

.cds-section-social-media-search-wrapper {
    display: flex;
    width: 100%;
    flex: 1 1;
    justify-content: space-between;
    align-items: center;
}

.cds-t15-skel-search-bar-text {
    max-width: 200px;
    display: flex;
    position: relative;
    padding-left: 0;
    flex-direction: column;
}

.cds-t15-skel-search-bar-text span {
    /* font-size: 12px; */
    /* color: #61696e; */
    /* font-weight: 400; */
}

.cds-t15-skel-search-suggestion-add {
    display: flex;
    border: #154182 1px solid;
    width: 100%;
    font-size: 13px;
    color: #c3cfe0;
    justify-content: space-between;
    align-items: center;
}

.cds-t15-skel-search-suggestion-add:hover {
    color: #fff;
}

.cds-t15-skel-search-suggestion-add>span {
    display: flex;
    flex: 1 1;
    padding: 0 12px;
    font-weight: 300;
    background: #063084;
    align-items: center;
    justify-content: space-between;
}

.cds-t15-skel-search-suggestion-add span span {
    padding: 12px 9px 12px 12px;
    border-left: #154182 1px solid;
}

.cds-t15-skel-search-suggestion-add span span {
    margin-right: 7px;
    /* color: #fff; */
}

.cds-section-social-media-list-wrapper {}

.cds-section-social-media-list-wrapper>ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* Two equal columns */
    gap: 20px;
}

.cds-section-social-media-list-wrapper>ul>li {}

.cds-t15-skel-search-bar-text a:before {
    content: "";
    position: absolute;
    left: auto;
    right: -50px;
    bottom: -80px;
    width: 80px;
    height: 80px;
    background: url("../frontend/images/icons/arrow1.png") no-repeat;
}

/*=======================Companies======================*/
.cds-t16n-uap-uae-card-top-center {
    flex: 1 1;
    display: flex;
    padding-left: 0;
    flex-direction: column;
    align-items: center;
}

.cds-t16n-uap-uae-card-top-center span {
    margin-bottom: 5px;
    font-size: 14px;
    display: block;
    color: #0b6ebd;
}

.cds-t16n-uap-uae-card-top-center li {
    font-size: 16px;
    position: relative;
    padding: 0px 4px 0;
    color: #999;
}

.cds-t16n-uap-uae-card-top-center li span {
    width: 7px;
    display: inline-block;
    margin: 0;
    background: #ddd;
    border-radius: 50%;
    height: 7px;
}

.cds-t16n-uap-uae-card-top-center ul {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

.cds-t16n-uap-uae-card-top-center h4 {
    font-weight: 600;
    margin-bottom: 2px;
}

.cds-t16n-uac-entities-card {
    background: #fff;
    padding: 1.2rem;
    max-width: 420px;
    position: relative;
    border-radius: 1rem;
    display: flex;
    box-shadow: 0px 2px 50px 0px #0000001A;
    flex-direction: column;
    align-items: center;
}

.cds-t16n-uac-entities-card-top {
    padding: 20px;
    padding-bottom: 16px;
}

.cds-t16n-uac-entities-card-top img {
    width: 65px;
    border-radius: 20px;
    height: 65px;
}

.cds-t16n-uac-entities-card-bottom-alert {
    display: flex;
}

.cds-t16n-uac-entities-card-bottom-alert img {
    width: 22px;
    height: 18px;
    margin-right: 5px;
    margin-left: 5px;
}

.cds-t16n-uac-entities-card-bottom {
    display: flex;
    padding: 0;
    margin-top: 20px;
    align-items: center;
    flex-direction: column;
}

.cds-t16n-uac-entities-card-bottom-alert-status {
    background: #eee;
    color: #666;
    margin-top: 10px;
    line-height: 1.2;
    display: inline-block;
    border-radius: 45px;
    padding: 5px 12px;
}

.cds-t16n-uac-entities-card-bottom-alert-status span {
    font-size: 13px;
    color: #777;
    font-weight: 400;
}

.cds-t16n-uac-entities-card-footer-tags {}

.cds-t16n-uac-entities-card-footer-tags ul {
    display: flex;
    padding: 20px 0 0px 0;
    flex-wrap: wrap;
    justify-content: center;
}

.cds-t16n-uac-entities-card-footer-tags li {
    font-size: 11px;
    border-radius: 12px;
    padding: 3px 12px;
    color: #000;
    margin: 5px;
    border: 1px solid #eee;
}

/*================= Skeletom T16 Css==================*/
/* Skeleton Card */
.cds-t16n-skel-card {
    background: #fff;
    padding: 1.2rem;
    max-width: 420px;
    margin-top: -3rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 2px 50px 0px #0000001A;
}

/* Skeleton for the top section with image */
.cds-t16n-skel-card-top {
    padding: 20px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    border-radius: 50%;
    width: 65px;
    height: 65px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Skeleton for the content section (center) */
.cds-t16n-skel-card-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.cds-t16n-skel-card-center h4 {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    height: 19px;
    width: 70%;
    border-radius: 12px;
    margin-bottom: 10px;
}

.cds-t16n-skel-card-center span {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    height: 14px;
    width: 80%;
    border-radius: 12px;
    margin-bottom: 5px;
}

.cds-t16n-skel-card-center ul {
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.cds-t16n-skel-card-center li {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    height: 16px;
    width: 60px;
    margin: 5px;
    border-radius: 12px;
}

/* Skeleton for the alert section */
.cds-t16n-skel-card-bottom-alert {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.cds-t16n-skel-card-bottom-alert .gradient-bar-small {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

/* Skeleton for alert status */
.cds-t16n-skel-card-bottom-alert-status {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    width: 120px;
    height: 26px;
    border-radius: 45px;
    margin-top: 10px;
}

/* Skeleton for tags */
.cds-t16n-skel-card-footer-tags ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 0 0;
}

.cds-t16n-skel-card-footer-tags li {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    width: 60px;
    height: 14px;
    border-radius: 12px;
    margin: 5px;
}

.cds-section-uac-entities {
    border-top: 1px dashed #ddd;
    padding: 4rem 0 4rem;
}

.cds-section-uac-entities-list-wrapper>ul>li {
    margin-bottom: 2rem;
}

.cds-section-uac-entities-list-wrapper li.t14-even-list {}

.cds-section-uac-entities-list-wrapper li.t14-odd-list {
    margin-left: 6rem;
}

.cds-section-uac-entities-container {
    display: flex;
    align-items: flex-start;
}

.cds-section-uap-uae-list-text {
    margin-top: 0;
}
/*=====================T17 UERP==========================*/
.cds-t17n-uap-uae-card-top-center {
    flex: 1 1;
    display: flex;
    padding-left: 0;
    flex-direction: column;
    align-items: flex-start;
}

.cds-t17n-uap-uae-card-top-center span {
    margin-bottom: 5px;
    font-size: 14px;
    display: block;
    color: #0b6ebd;
    word-break: break-all;
}

.cds-t17n-uap-uae-card-top-center li {
    font-size: 16px;
    position: relative;
    padding: 0px 4px 0;
    color: #999;
}

.cds-t17n-uap-uae-card-top-center li span {
    width: 7px;
    display: inline-block;
    margin: 0;
    background: #ddd;
    border-radius: 50%;
    height: 7px;
}

.cds-t17n-uap-uae-card-top-center ul {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

.cds-t17n-uap-uae-card-top-center h4 {
    font-weight: 600;
    margin-bottom: 2px;
}

.cds-t17n-uac-entities-card {
    background: #fff;
    padding: 1.5rem;
    max-width: 425px;
    position: relative;
    border-radius: 1rem;
    display: flex;
    box-shadow: 0px 2px 50px 0px #0000001A;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.cds-t17n-uac-entities-card-top {
    padding: 0 20px;
    padding-left: 0;
    padding-bottom: 16px;
}

.cds-t17n-uac-entities-card-top img {
    width: 65px;
    border-radius: 20px;
    height: 65px;
}

.cds-t17n-uac-entities-card-bottom-alert {
    display: flex;
}

.cds-t17n-uac-entities-card-bottom-alert img {
    width: 22px;
    height: 18px;
    margin-right: 5px;
    margin-left: 5px;
}

.cds-t17n-uac-entities-card-bottom {
    display: flex;
    padding: 0;
    margin-top: 20px;
    align-items: center;
    flex-direction: column;
}

.cds-t17n-uac-entities-card-bottom-alert-status {
    background: #eee;
    color: #666;
    margin-top: 10px;
    line-height: 1.2;
    display: inline-block;
    border-radius: 45px;
    padding: 5px 12px;
}

.cds-t17n-uac-entities-card-bottom-alert-status span {
    font-size: 13px;
    color: #777;
    font-weight: 400;
}

.cds-t17n-uac-entities-card-footer-tags {}

.cds-t17n-uac-entities-card-footer-tags ul {
    display: flex;
    padding: 20px 0 0px 0;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.cds-t17n-uac-entities-card-footer-tags li {
    font-size: 11px;
    border-radius: 12px;
    padding: 3px 12px;
    color: #000;
    margin: 5px 2px;
    border: 1px solid #eee;
}

/*================= Skeletom T1 Css==================*/
/* Skeleton Card */
.cds-t17n-skel-card {
    background: #fff;
    padding: 1.5rem;
    max-width: 420px;
    margin-top: 1rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0px 2px 50px 0px #0000001A;
    align-content: flex-start;
}

/* Skeleton for the top section with image */
.cds-t17n-skel-card-top {
    padding: 20px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    border-radius: 20px;
    width: 65px;
    height: 65px;
    margin-top: 0;
    margin-bottom: 20px;
}

/* Skeleton for the content section (center) */
.cds-t17n-skel-card-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.cds-t17n-skel-card-center h4 {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    height: 19px;
    width: 70%;
    border-radius: 12px;
    margin-bottom: 10px;
}

.cds-t17n-skel-card-center span {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    height: 14px;
    width: 80%;
    border-radius: 12px;
    margin-bottom: 5px;
}

.cds-t17n-skel-card-center ul {
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.cds-t17n-skel-card-center li {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    height: 16px;
    width: 60px;
    margin: 5px;
    border-radius: 12px;
}

/* Skeleton for the alert section */
.cds-t17n-skel-card-bottom-alert {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.cds-t17n-skel-card-bottom-alert .gradient-bar-small {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
}

/* Skeleton for alert status */
.cds-t17n-skel-card-bottom-alert-status {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    width: 120px;
    height: 26px;
    border-radius: 45px;
    margin-top: 10px;
}

/* Skeleton for tags */
.cds-t17n-skel-card-footer-tags ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 0 0;
}

.cds-t17n-skel-card-footer-tags li {
    background: linear-gradient(135deg, #f0f0f0, #d4d4d4);
    width: 60px;
    height: 14px;
    border-radius: 12px;
    margin: 5px;
}
.cds-t17n-uac-entities-card-header{
    display: flex;
}
.cds-t17n-uac-entities-card-body{}
.cds-section-uap-uae-list-wrapper {}

.cds-section-uap-uae-list-wrapper ul {}

.cds-section-uap-uae-list-wrapper>ul>li {
    margin-bottom: 2rem;
}

.cds-section-uap-uae-list-wrapper li.t17-even-list {
    display: flex;
    justify-content: flex-end;
}

.cds-section-uap-uae-list-wrapper li.t17-odd-list {
    margin-left: 6rem;
}
.cds-database-exploration-button {
    padding: 0.8rem 1rem;
    box-shadow: 0px 2px 50px 0px #0000001A;
    border: 2px solid #0f0f10;
    color: #0f0f10;
    transition: background .2s, color .2s, border .2s;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    border-radius: 12px;
}

.cds-report-individual-button {
    padding: 0.8rem 1rem;
    display: inline-flex;
    color: #1a1a1a;
    font-weight: 600;
    box-shadow: 0px 2px 50px 0px #0000001A;
    background: #fff;
    font-size: 16px;
    border: 2px solid transparent;
    border-radius: 12px;
    flex-direction: row;
    align-items: center;
}

.cds-report-individual-button i {
    color: #dc3545;
    margin-right: 5px;
}

.cds-report-individual-button span {
    /* font-size: 12px; */
    padding-left: 6px;
    font-weight: 400;
    color: #61696e;
}

.cds-categories-individual-button {
    /* padding: 10px 14px; */
    display: inline-flex;
    color: #063084;
    font-size: 14px;
    padding-left: 10px;
    font-weight: 500;
    flex-direction: row;
    align-items: center;
}

.cds-report-individual-button:hover {
    color: #dc3545;
}

.cds-categories-individual-button span {
    padding-left: 6px;
    font-weight: 400;
    font-size: 14px;
    color: #61696e;
}

.cds-section-uap-uae-list-text ul {
    margin: 0;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.cds-database-exploration-button:hover {
    background-color: #303037;
    border-color: #303037;
    color: #fff;
}

.cds-database-exploration-button i {
    margin-left: 15px;
}

/*=================t18=================*/
/* Form card container */
.cds-t18-form-mail {
    display: flex;
    flex-direction: column;
}

.cds-t18-form-mail-form {
    margin-bottom: 20px;
}

.hidden {
    display: none;
}

.send-btn {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.send-btn img {
    width: 20px;
    margin-right: 5px;
}

/* On smaller screens (below 768px), only one form shows at a time */
@media screen and (max-width: 768px) {
    .cds-t18-form-mail-form {
        display: none;
    }

    .form-1 {
        display: block;
        /* Initially, only form-1 will be shown */
    }
}

/* On larger screens (above 768px), forms are shown one below the other */
@media screen and (min-width: 769px) {
    .cds-t18-form-mail-form {
        display: block;
        /* All forms will be shown */
    }
}

.cds-t18-form-mail {
    padding: 10px;
}



.cds-t18-form-mail-title {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
}



.cds-t18-title-1 {
    color: red;
}

.cds-t18-title-2 {
    color: blue;
}

.cds-t18-title-3 {
    color: green;
}

.form-container {
    width: 100%;
    max-width: 500px;
    position: relative;
    /* Make sure forms respect z-index */
    /* display: flex; */
    z-index: 1;
    /* Default z-index */
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.1);
    /* display: flex; */
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
    align-content: center;
    align-items: center;
}

.form-container {}

.cds-t18-form-mail-title {
    font-weight: bold;
    margin-bottom: 15px;
}

.cds-t18-form-mail-input,
.cds-t18-form-mail-textarea {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    white-space: pre-wrap;
    /* font-family: monospace; */
}

/* Input-style div */
.cds-t18-form-mail-input {
    background-color: #f7f7f7;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #ddd;
    height: 45px;
    position: relative;
    /* font-family: monospace; */
    overflow: hidden;
    white-space: nowrap;
}

/* Textarea-style div */
.cds-t18-form-mail-textarea {
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 300;
    color: #0a0a0a;
    border: 1px solid #ddd;
    min-height: 115px;
    position: relative;
    /* font-family: monospace; */
    overflow: hidden;
}

.cds-t18-form-mail .send-button {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.cds-t18-form-mail .send-btn {
    padding: 10px 20px 10px 40px;
    font-size: 13px;
    border-radius: 12px;
    color: #fff;
    position: relative;
    border: 1px solid #154182;
    cursor: pointer;
    background: #0a58ca;
    display: flex;
    align-items: center;
}

.cds-t18-form-mail .send-btn:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
    width: 22px;
    height: 22px;
    background: url("../frontend/images/icons/check-white.png") no-repeat;
}

.cds-t18-button-sent:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
    width: 22px;
    height: 22px;
    background: url("../frontend/images/icons/tick-white.png") no-repeat !important;
}

.cds-t18-form-mail h3 {
    font-size: 12px;
    text-align: right;
    background: #fff3cd;
    /* margin-bottom: -10px; */
    border: 1px solid #ecdcaa;
    padding: 10px 12px;
    border-radius: 6px 6px;
    margin: 0 15px -3px 15px;
    color: #554820;
}

.cds-t18-form-mail .button-image {
    margin-right: 8px;
    display: none;
}

/* Blinking cursor effect */
.cds-t18-form-mail .typing::after {
    content: "|";
    animation: blink-caret 0.8s step-end infinite;
}

.cds-t18-form-mail {
    display: flex;
    flex-direction: column;
}

.cds-t18-title-4 {
    color: purple;
    /* Unique color for Form 4 */
}

/* Typing animation */
@keyframes typingEffect {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/* Blinking cursor keyframes */
@keyframes blink-caret {

    from,
    to {
        border-color: transparent;
    }

    50% {
        border-color: black;
    }
}

.form-container.form4 .textarea4 {
    display: none;
}

.form-container.form4 .input4 {
    display: none;
}

.form-container.form4 .send-btn {
    display: none;
}

.cds-t18-form-active {
    display: block;
    z-index: 2;
}

.cds-t18-form-previous {
    display: block;
    z-index: 1;
}

.cds-t18-form-hidden {
    display: none;
}

@media screen and (max-width: 768px) {
    .cds-t18-form-mail {
        flex-direction: column;
    }

    .cds-t18-form-active {
        display: block;
        z-index: 2;
    }

    .cds-t18-form-previous {
        display: none;

    }

    .cds-t18-form-hidden {
        display: none;
    }

    .form2,
    .form3,
    .form4 {}
}

.cds-t18-button-sent {
    color: #fff;
    background: #198754 !important;
    border: 1px solid #146a42 !important;
}

/*========================T21 Breadcrumbs==========================*/
.cds-t21n-breadcrumbs-section {
    margin-bottom: 0;
    background: #f2f3f4;
    border-bottom: 1px solid #e5e5e5;
}

.cds-t21n-breadcrumbs-section .breadcrumb {
    margin: 0;
    padding: 10px 0;
    /* background: #F8FAFB; */
    /* border-bottom: 1px solid #e5e5e5; */
    font-size: 13px;
}

.cds-t21n-breadcrumbs-section .breadcrumb .breadcrumb-item {}

.cds-t21n-breadcrumbs-section .breadcrumb .breadcrumb-item a {
    color: #000;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.cds-t21n-breadcrumbs-section .breadcrumb .breadcrumb-item.active {}

.cds-t21n-content-section-main-title h4 {}

.cds-t21n-content-section-main-title h2 {
    font-weight: 800;
    line-height: 1.4;
    font-size: 2rem;
}

.cds-t21n-content-section-main-title p {
    /* color: #666; */
    /* font-size: 1.2rem; */
    border-radius: 12px;
    padding: 1rem;
    background: #fff;
    /* font-weight: 300; */
}

.cds-t21n-content-section-main-title {
    border-bottom: 1px dashed #d5d5d5;
    padding-bottom: 15px;
    display: flex;
    padding-bottom: 5px;
    flex-direction: column;
}

.cds-t21n-content-section-main-title>span {
    font-weight: 600;
    display: block;
    color: #495057;
    font-size: 1rem;
    padding: 10px 0;
}

.cds-t21n-content-section-sidebar {
    /* padding-right: 15px; */
    margin-top: 0px;
}

.cds-t21n-content-section-main {
    display: flex;
    flex-direction: column;
}

ul {
    margin-left: 35px;
}

.cds-t21n-content-section-main-text-section {
    margin-bottom: 30px;
    font-weight: 300;
    display: flex;
    margin-top: 0;
    color: #0a0a0a;
    flex-direction: column;
}

.cds-t21n-content-section-main-text-section h2 {
    display: flex;
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 800;
    flex-direction: column;
}

.cds-t21n-content-section-main-text-section h2 span {
    font-size: 1rem;
    display: block;
    margin-bottom: 12px;
    color: #063084;
    font-weight: 600;
}

.cds-t21n-content-section-main-text-section h3 {
    color: #0a0a0a;
    font-weight: 800;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.cds-t21n-content-section-main-text-section h4 {
    font-size: 12px;
    color: #000;
    text-align: left;
    padding: 6px 20px 0 0px;
    margin-bottom: 0;
    font-weight: 600;
}

.cds-t25n-content-reporting-form-section-list-choose-options {
    font-size: 13px;
    background: rgba(0, 0, 0, 0.02);
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    /* color: #03173e; */
    padding: 1rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cds-t21n-content-section-main-text-section p {
    /* font-weight: 300; */
    margin-top: 8px;
    margin-bottom: 16px;
}

.cds-t21n-content-section-main-text-section strong {
    font-weight: 600;
    margin-right: 10px;
}

.cds-t21n-content-section-main-text-section>ul>li {
    margin-bottom: 10px;
    list-style: outside;
}

.cds-t21n-content-section-main-text-section>ul>li>ul {
    margin-bottom: 10px;
    margin-top: 10px;
}

.cds-t21n-content-section-main-text-section>ul>li>ul>li strong {
    padding-bottom: 10px;
}

.cds-t21n-content-section-main-text-section>ul>li>ul>li {
    list-style: outside;
    margin-bottom: 10px;
}

.cds-t21n-content-section-main-text-section>ul>li>ul>li>ul>li {
    margin-bottom: 10px;
    list-style: outside;
}

.cds-t21n-content-section-main-text-section>ul>li>ul>li>ul {
    margin-top: 10px;
}

.cds-t21n-content-section-main-text-section>ul>li>strong {
    color: #0d2860;
}

.cds-t21n-content-section-main-text-section>ul>li>ul>li>ul>li>ul>li {
    margin-bottom: 10px;
    list-style: outside;
}

.cds-t21n-content-section-main-text-section>ul>li>ul>li>ul>li>ul {
    margin-bottom: 10px;
    margin-top: 10px;
}

.cds-t21n-content-section-main-text-section>ul {
    margin-top: 10px;
}

/*============================================Email ====================*/
.cds-t18-form-mail-title.title1 {
    border: 1px solid #554ab8;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 400;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 20px;
    background: #ecebf5;
    display: inline-block;
    color: #554ab8;
}

.cds-t18-form-mail-title.title1 i {
    margin-right: 10px;
}

.cds-t18-form-mail-title.title2 {
    border: 1px solid #fd7e14;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 400;
    background: #fff7f0;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 20px;
    display: inline-block;
    color: #fd7e14;
}

.cds-t18-form-mail-title.title2 i {
    margin-right: 10px;
}

.cds-t18-form-mail-title.title3 {
    border: 1px solid #dc3545;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 400;
    background: #fcdde0;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 20px;
    display: inline-block;
    color: #dc3545;
}

.cds-t18-form-mail-title.title3 i {
    margin-right: 10px;
}

.form-container.form2 {
    position: relative;
    margin-top: 100px;
}
.cds-serch {
    border: 1px solid #ddd;
    position: relative;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0.438rem 0.75rem;
    box-shadow: 0px 0px 64px 0px #0000001A;
}
.cds-section-search-subscribe .cds-t23-search-box {
    display: flex;
    align-items: center;
}
.cds-section-search-subscribe .cds-t23-search-box input {
    border-radius: 0;
    padding: 20px;
    font-size: 16px;
    border: none;
    background: transparent;
    color: #5B6B86;
    font-weight: 500;
}
.cds-t18-form-mail-title.status1:before {
    content: "";
    position: absolute;
    left: 60px;
    top: -20px;
    width: 80px;
    height: 80px;
    background: url("../frontend/images/icons/arrow-down.png") no-repeat;
}

.cds-t18-form-mail-title.status1:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -20px;
    width: 80px;
    height: 80px;
    background: url("../frontend/images/icons/arrow-down.png") no-repeat;
}

.cds-t18-form-mail-title.status1 {
    position: absolute;
    text-align: center;
    left: 0;
    display: flex;
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
    color: #212529;
    /* width: 120px; */
    /* background: #4433; */
    font-weight: 600;
    font-size: 13px;
    top: -75px;
    align-items: center;
    justify-content: center;
}

.cds-t18-form-mail-title.status2 {
    position: absolute;
    left: 142px;
    color: #212529;
    /* width: 120px; */
    font-weight: 600;
    font-size: 13px;
    top: -75px;
}

.form-container.form3 {
    position: relative;
    margin-top: 100px;
}

.cds-t18-form-mail-title.status2:before {
    content: "";
    position: absolute;
    left: 110px;
    top: -100px;
    width: 80px;
    height: 80px;
    background: url("../frontend/images/icons/arrow-down.png") no-repeat;
}

.cds-t18-form-mail-title.status2:after {
    content: "";
    position: absolute;
    left: 110px;
    top: -100px;
    width: 80px;
    height: 80px;
    background: url("../frontend/images/icons/arrow-down.png") no-repeat;
}

.form-container.form4 {
    position: relative;
    margin-top: 100px;
}

.cds-t18-form-mail-title.status3:before {
    content: "";
    position: absolute;
    left: 44px;
    top: -20px;
    width: 78px;
    height: 90px;
    background: url("../frontend/images/icons/arrow-down3.png") no-repeat;
}

.cds-t18-form-mail-title.status1 span {
    display: flex;
    padding-left: 10px;
    line-height: 1.4;
    flex-direction: column;
    align-items: flex-start;
}

.cds-t18-form-mail-title.status1 span span {
    font-size: 11px;
    padding-left: 0;
    color: #777;
}

.cds-t18-form-mail-title.status1 i {
    background: #fff3cd;
    border-radius: 50%;
    color: #554820;
    padding: 7px;
}

.cds-t18-form-mail-title.status3 span {
    display: flex;
    padding-left: 10px;
    line-height: 1.4;
    flex-direction: column;
    align-items: flex-start;
}

.cds-t18-form-mail-title.status3 span span {
    font-size: 11px;
    padding-left: 0;
    color: #777;
}

.cds-t18-form-mail-title.status3 i {
    background: #fff3cd;
    border-radius: 50%;
    color: #554820;
    padding: 7px;
}

.cds-t18-form-mail-title.status3 {
    position: absolute;
    /* text-align: center; */
    left: 0;
    display: flex;
    padding-left: 100px;
    padding-right: 50px;
    width: 100%;
    color: #212529;
    /* width: 120px; */
    /* background: #4433; */
    font-weight: 600;
    font-size: 13px;
    top: -75px;
    align-items: center;
}

.cds-call-to-action-txt {
    font-size: 14px;
}

.cds-t21n-content-section-blog-main {
    padding: 1rem 0;
}

.cds-t21n-content-section-blog-main h1 {}

.cds-t21n-content-section-blog-main h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 2rem;
}

.cds-t21n-content-section-blog-main h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 2rem;
}

.cds-t21n-content-section-blog-main h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 1.5rem;
}

.cds-t21n-content-section-blog-main h5 {}

.cds-t21n-content-section-blog-main h6 {}

.cds-t21n-content-section-blog-main p {
    /* font-size: 1.1rem; */
    font-weight: 300;
}

.cds-t21n-content-section-blog-main ul {
    list-style: outside;
    margin-bottom: 1.2rem;
}

.cds-t21n-content-section-blog-main ul li {
    list-style: outside;
    /* font-size: 15px; */
    padding: 3px 0;
    color: #000;
    font-weight: 300;
}

.cds-t21n-content-section-blog-main a {}

.cds-t21n-content-section-blog-main pre {}

.cds-t21n-content-section-blog-main strong {}

.cds-t21n-content-section-blog-list {
    color: #0a0a0a;
    display: flex;
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0px 2px 3px 0px #0000001A;
    border-radius: 12px;
    padding: 1.5rem 1.5rem 1.2rem 1.5rem;
    margin-bottom: 1rem;
    flex-direction: column;
    justify-content: space-between;
}

.cds-t21n-content-section-blog-list-image {
    padding: 0;
}

.cds-t21n-content-section-blog-list-image img {
    width: 120px;
    height: 90px;
    border-radius: 12px;
}

.cds-t21n-content-section-blog-list-details {
    padding: 0 1rem;
    display: flex;
    padding-right: 0;
    flex-direction: column;
}

.cds-t21n-content-section-blog-list-details h4 {
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 5px;
}

.cds-t21n-content-section-blog-list-details p {
    font-size: 14px;
    color: #444;
    /* font-weight: 300; */
    margin-bottom: 5px;
}

.cds-t21n-content-section-blog-list-author {
    display: flex;
    padding: 0;
    margin-top: 0.6rem;
    border-top: #eee 1px solid;
    padding-bottom: 0;
    padding-top: 0.9rem;
    align-items: center;
}

.cds-t21n-content-section-blog-list-author-image img {
    width: 36px;
    border-radius: 50%;
    height: 36px;
}

.cds-t21n-content-section-blog-list-author-stats {
    display: flex;
    padding-left: 10px;
    flex-direction: column;
}

.cds-t21n-content-section-blog-list-author-stats h5 {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
}

.cds-t21n-content-section-blog-list-author-stats ul {
    margin: 0;
    display: flex;
}

.cds-t21n-content-section-blog-list-author-stats li {
    font-size: 12px;
    color: #555;
    padding-right: 10px;
}

.cds-t21n-content-section-blog-list-author-stats span {}

.cds-t21n-content-section-blog-list-author-stats i {}

.cds-t21n-content-section-dynamic-list {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    margin: 0;
    margin-left: 20px;
}

.cds-t21n-content-section-dynamic-list li {
    list-style: outside;
    margin-bottom: 5px;
}

.cds-t21n-content-section-dynamic-list li a {
    font-size: 14px;
}

.cds-t21n-content-section-dynamic-list-wrap {
    width: 100%;
    /* max-width: 340px; */
    /* max-width: 340px; */
    position: relative;
    /* display: flex; */
    z-index: 1;
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.1);
    /* display: flex; */
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
    align-content: center;
    align-items: center;
}

.cds-t21n-content-section-dynamic-list-wrap span {
    font-weight: 600;
}

/*=================Test============*/

/* Style for the active menu item */
#auto-menu li.active a {
    font-weight: bold;
    color: darkblue;
    /* You can change the color as needed */
}

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

#auto-menu a:hover {
    text-decoration: underline;
}

.cds-t21n-content-section .container {}

@media (min-width: 768px) {

    .cds-t21n-content-blog-section .container-md,
    .cds-t21n-content-blog-section .container-sm,
    .cds-t21n-content-blog-section .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .cds-t21n-content-blog-section .container-xl,
    .cds-t21n-content-blog-section .container-lg,
    .cds-t21n-content-blog-section .container-md,
    .cds-t21n-content-blog-section .container-sm,
    .cds-t21n-content-blog-section .container {
        max-width: 1140px;
    }

    .cds-t13-statistics-card {
        min-height: 100%;
    }
}

@media (min-width: 1400px) {

    .cds-t21n-content-blog-section .container-xl,
    .cds-t21n-content-blog-section .container-lg,
    .cds-t21n-content-blog-section .container-md,
    .cds-t21n-content-blog-section .container-sm,
    .cds-t21n-content-blog-section .container {
        max-width: 1140px;
    }

}

.cds-t21n-content-section-main-title-wrapper {}

.cds-t21n-content-blog-section {
    margin-top: 2rem;
}

.cds-t21n-content-blog-section .cds-t21n-breadcrumbs-section {
    margin-bottom: 0;
    border: none;
    background: transparent;
}

.cds-t21n-content-blog-section .cds-t21n-breadcrumbs-section .breadcrumb {
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 13px;
    margin-bottom: 5px;
}

.cds-t21n-content-section-main-title-stats-list {
    display: flex;
    font-size: 12px;
    margin-left: 0;
    padding-top: 0px;
}

.cds-t21n-content-section-main-title-stats-list li {
    padding: 0 10px 0 0;
    display: inline-flex;
    align-items: center;
}

.cds-t21n-content-section-main-title-stats-list span {}

.cds-t21n-content-section-main-title-stats-list i {
    padding: 5px;
    margin-right: 2px;
    /* border: 1px solid #ecdcaa; */
    color: #554820;
    background: #fff3cd;
    border-radius: 50%;
}

.cds-t21n-content-section-main-title-stats {
    display: flex;
    flex-direction: column;
}

.cds-t21n-content-section-main-title-author {
    font-weight: 600;
    font-size: 14px;
}

.cds-t21n-content-section-main-author-stats {
    display: flex;
    padding: 15px 0;
    padding-top: 0;
    margin-bottom: 15px;
}

.cds-t21n-content-section-main-author-image {
    padding-right: 13px;
}

.cds-t21n-content-section-main-author-image img {
    width: 45px;
    border-radius: 50%;
    height: 45px;
}

.cds-t21n-content-read-time {
    padding-right: 3px;
}

.cds-t21n-content-read-synopsis {
    display: flex;
    flex-direction: column;
}

.cds-t21n-content-read-synopsis span {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}

.cds-t21n-content-section-medium-title {
    margin-top: 0;
    margin-bottom: 2rem;
    max-width: 767px;
}

.cds-t21n-content-section-medium-title>span {
    font-weight: 600;
    display: block;
    color: #495057;
    font-size: 1rem;
    padding: 0 0 5px;
}

.cds-t21n-content-section-medium-title h3 {
    font-weight: 800;
    line-height: 1.3;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.cds-t21n-content-section-medium-title p {
    /* color: #666; */
    font-size: 1.2rem;
    font-weight: 300;
}

.cds-section-blog-front-list {
    border-top: 1px dashed #ddd;
    padding: 4rem 0 4rem;
}

.cds-t21n-content-section-blog-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* Two equal columns */
    gap: 20px;
}

.cds-t21n-content-section-blog-list-details-wrapper {
    display: flex;
    min-height: 110px;
    align-items: flex-start;
}

.info-link {
    margin-left: 10px;
    font-size: 12px;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.information-div {
    display: none;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    max-width: 320px;
    position: absolute;
    z-index: 1000;
    /* Ensure it is on top of other elements */
}

.information-div.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.information-div .close-info {
    background: none;
    border: none;
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

/*================Qucklinks- footer====================*/
.cds-t23n-content-section-quicklinks-wrapper {
    display: flex;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 12px;
    padding: 1rem 2rem;
    flex-direction: column;
    margin-bottom: 0;
    align-content: center;
}

.cds-t23n-content-section-quicklinks-forms-list {
    padding: 1rem 0;
}

.cds-t23n-content-section-quicklinks-forms {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* Two equal columns */
    gap: 20px;
    margin-bottom: 1rem;
}

.cds-t23n-content-section-quicklinks-forms-list-container {
    border-radius: 12px;
    max-width: 200px;
    min-height: 100%;
    display: flex;
    box-shadow: 0px 2px 50px 0px #0000001A;
    background: #fff;
    padding: 1rem;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
}

.cds-t23n-content-section-quicklinks-forms-list-container img {
    width: 50px;
    margin-bottom: 5px;
}

.cds-t23n-content-section-quicklinks-forms-list-container span {
    color: #333;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
}

.cds-t23n-content-section-quicklinks-forms-list-container h5 {
    text-align: center;
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.cds-t23n-content-section-quicklinks-databases {}

.cds-t23n-content-section-quicklinks-knowledgebase-guides {}

.cds-t23n-content-section-quicklinks-wrapper h4 {
    font-size: 13px;
    font-weight: 600;
    /* text-align: center; */
    color: #212529;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

/*=====*/
.cds-t23n-content-section-quicklinks-databases-wrapper {}

.cds-t23n-content-section-quicklinks-databases-forms-list {
    padding: 1rem;
}

.cds-t23n-content-section-quicklinks-databases-forms {
    display: grid;
    margin-bottom: 1rem;
    grid-template-columns: repeat(3, 1fr);
    /* Two equal columns */
    gap: 20px;
}

.cds-t23n-content-section-quicklinks-databases-forms-list-container {
    /* max-width: 200px; */
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    align-items: center;
}

.cds-t23n-content-section-quicklinks-databases-forms-list-container img {
    width: 50px;
    margin-bottom: 0;
}

.cds-t23n-content-section-quicklinks-databases-forms-list-container span {
    color: #333;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
}

.cds-t23n-content-section-quicklinks-databases-forms-list-container h5 {
    /* text-align: center; */
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.cds-t23n-content-section-quicklinks-databases-forms-list-text {
    display: flex;
    padding-left: 15px;
    flex-direction: column;
    align-items: flex-start;
}

.cds-t23n-content-section-quicklinks-databases {}

.cds-section-search-subscribe {
    margin-top: -60px !important;
    padding: 0 !important;
    margin-bottom: -7px;
    position: relative;
}

/* .cds-section-search-subscribe .cds-t23-search-box {
    display: flex;
    border: 1px solid #ddd;
    position: relative;
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px 0px 64px 0px #0000001A;
} */

.cds-section-search-subscribe .cds-t23-search-box input {
    border-radius: 0;
    padding: 20px 15px;
    font-size: 16px;
    border: none;
    background: transparent;
    color: #5B6B86;
    font-weight: 500;
}

.cds-section-search-subscribe .cds-t23-search-box button {
    flex: 0 0 auto;
    background-color: #063084;
    font-size: 16px;
    border-radius: 10px;
}

.cds-t23-alert-box {
    padding: 1.5rem;
    background: #fff;
    max-width: 450px;
    position: relative;
    border-radius: 8px;
    box-shadow: 0px 2px 50px 0px #0000001A;
}

.cds-t23-alert-box a {
    display: flex;
    align-items: center;
}

.cds-t23-alert-box a i {
    color: #dc3545;
    margin-right: 20px;
    font-size: 1rem;
}

.cds-t23-alert-box a>span {
    display: flex;
    flex-direction: column;
}

.cds-t23-alert-box a>span span {
    display: block;
    color: #0a202b;
    margin-bottom: 5px;
    font-size: 15px;
}

.cds-t23-alert-box a>span h4 {
    margin-bottom: 5px;
    color: #dc3545;
    font-weight: 600;
    font-size: 1.25rem;
}

.cds-t23-alert-box a>span p {
    font-size: 13px;
    margin: 0;
    color: #222;
}

.cds-t23-alert-panel {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 420px;
    /* Panel's maximum width */
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0px 2px 50px 0px #0000001A;
    display: none;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 1000;
}

.cds-t23-alert-panel .cds-t23-alert-form-elements input {
    flex-wrap: nowrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 10px 10px;
    border-radius: 10px;
    border: 0;
    border: 1px solid #E0E4EA;
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #222222;
}

.cds-t23-alert-panel-body {
    padding: 1rem;
}

#alert-form div.cds-t23-alert-form-tandc {
    margin-bottom: 10px;
    display: flex;
    padding: 10px;
    flex-direction: row;
    font-size: 12px;
    align-items: center;
}

#alert-form div.cds-t23-alert-form-tandc input {
    margin-right: 10px;
}

.cds-t23-alert-panel .cds-t23-alert-form-elements label {
    color: #222222;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 22px;
}

.cds-t23-alert-panel button {}

.cds-t23-alert-panel-header {
    padding: 1rem;
    font-size: 15px;
    /* border: 1px solid #ddd; */
    /* font-weight: 600; */
    color: #f0d4d6;
    background: #dc3545;
}

.cds-t23-alert-panel.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.cds-t23-alert-panel-header .close-btn {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #480202;
    display: flex;
    background: #f18892;
    border: 1px solid #f18892;
    /* border: none; */
    font-size: 17px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

#alert-form div {
    margin-bottom: 10px;
    flex-direction: column;
    font-size: 14px;
}

#alert-form .cds-t23-alert-form-elements {
    display: flex;
}

#alert-form button[type="submit"] {
    background-color: #063084;
    color: white;
    border: none;
    width: 100%;
    border-radius: 10px;
    padding: 10px 15px;
    cursor: pointer;
}

#alert-form button[type="submit"]:hover {
    background-color: #0056b3;
}

/*================================T24 FOOTER=============================*/


.cds-t24-footer-section {
    padding: 1.5rem 0;
}

.cds-t24-footer-section>a {}

.cds-t24-footer-section>span {}

.cds-t24-footer-section ul {}

.cds-t24-footer-section ul li a {
    font-size: 14px;
    color: #fff;
}

.cds-t24-footer-section .copyrights {}

.cds-t24-footer-section p {
    text-align: center;
    font-size: 14px;
    color: #fff3cd;
}


/*==========================T25============================*/
.cds-t25n-content-reporting-form-section {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.5rem;
    padding: 1rem 0;
    background: #f8f8f8;
    /* border-top: 1px solid #e5e5e5; */
}

.cds-t25n-content-reporting-form-section-title {
    max-width: 768px;
}

.cds-t25n-content-reporting-form-section-title span {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.cds-t25n-content-reporting-form-section-title h4 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    font-weight: 800;
}

.cds-t25n-content-reporting-form-section-title p {
    /* font-weight: 300; */
    margin: 0;
}

.cds-t25n-content-reporting-form-dropdown {
    width: 100%;
    flex: 1 1;
    /* margin: 0 auto; */
    max-width: 300px;
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
}

.cds-t25n-content-reporting-form-dropdown .dropdown-title {
    padding: 0.8rem 1rem;
    font-size: 14px;
    font-weight: 600;
    color: #063084;
    /* box-shadow: 0px 2px 50px 0px #0000001A; */
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    cursor: pointer;
    /* width: 100%; */
    /* Ensures dropdown title takes full width */
}

.cds-t25n-content-reporting-form-dropdown .dropdown-list {
    display: none;
    position: absolute;
    list-style: none;
    overflow: hidden;
    font-size: 14px;
    padding: 0;
    box-shadow: 0px 2px 50px 0px #0000001A;
    top: 47px;
    border-radius: 12px;
    margin: 0;
    border: 1px solid transparent;
    background-color: #fff;
    width: 100%;
    z-index: 1;
}

.cds-t25n-content-reporting-form-dropdown .dropdown-list li {
    padding: 10px;
    cursor: pointer;
    background-color: white;
}

.cds-t25n-content-reporting-form-dropdown .dropdown-list li:hover,
.cds-t25n-content-reporting-form-dropdown .dropdown-list li.active {
    background-color: #f0f0f0;
}

.cds-t25n-content-reporting-form-dropdown .dropdown-list li:hover::after,
.cds-t25n-content-reporting-form-dropdown .dropdown-list li.active::after {
    content: "✔";
    float: right;
}

.cds-t25n-content-reporting-form-section-list-options {
    padding: 0;
    margin-bottom: 1rem;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    align-items: center;
}

.cds-t25n-content-reporting-form-section-list-options ul {
    font-size: 14px;
    display: flex;
    margin: 0;
}

.cds-t25n-content-reporting-form-section-list-options li {
    padding-right: 1rem;
}

.cds-t25n-content-reporting-form-section-list-options li.active-list-option {
    font-weight: 600;
}

.cds-t25n-content-reporting-form-section-list-options li.active-list-option a {}

.cds-t25n-content-reporting-form-section-list-options li a {}

.cds-t25n-content-reporting-form-section-list-types {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 2px 3px 0px #0000001A;
    padding: 0;
}

.cds-t25n-content-reporting-form-section-list-types a {
    cursor: pointer;
    display: flex !important;
    font-size: 14px;
    display: flex !important;
    padding: 1rem 1.5rem;
    color: #0a0a0a;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}

.cds-t25n-content-reporting-form-section-list-types a label.active {
    color: #dc3545;
    font-weight: 600;
    margin-left: 15px;
}

.cds-t25n-content-reporting-form-section-list-types a label span {}

.cds-t25n-content-reporting-form-section-list-types a label p {
    font-size: 12px;
    color: #212121;
    margin: 0;
}

.cds-t25n-content-reporting-form-section-list-types a:last-child {
    border-bottom: none;
}

.cds-t25n-content-reporting-form-section-list-types a i {
    font-size: 20px;
    /* color: #063084; */
}

.cds-t25n-content-reporting-form-section-list-types a label {
    color: #212121;
    cursor: pointer;
    font-weight: 600;
    margin-left: 15px;
}

.cds-t25n-content-reporting-form-section-list-types a:hover label {
    color: #dc3545;

}

.cds-t25n-content-reporting-form-section-panel-info {
    position: absolute;
    display: flex;
    top: -5px;
    border: 1px solid #ecdcaa;
    color: #554820;
    z-index: -1;
    /* font-weight: 600; */
    border-radius: 12px 12px 0 0;
    font-size: 12px;
    background: #fff3cd;
    right: 16px;
    padding: 9px 15px;
    align-items: center;
}

.cds-t25n-content-reporting-form-section-panel-info.corporate {}

.cds-section-search-subscribe-pages {
    /* border-bottom: 1px solid #e5e5e5; */
    padding: 3rem 0;
    padding-top: 0;
}

.cds-t25n-content-reporting-form-section-panels, .cds-t25n-content-reporting-form-section-panel-subsection {
    margin-bottom: 1.5rem;
}

.cds-t25n-content-reporting-form-section-panel-subsection {
    display: flex;
    position: relative;
    border-radius: 12px;
    z-index: 0;
    padding: 1.5rem;
    margin-top: 30px;
    box-shadow: 0px 2px 3px 0px #0000001A;
    background: #fff;
    flex-direction: column;
}

.cds-t25n-content-reporting-form-section-panel-subsection label {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #222222;
}

.cds-t25n-content-reporting-form-section-panel-subsection input {
    flex-wrap: nowrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 10px 40px;
    border-radius: 10px;
    border: 0;
    border: 1px solid #E0E4EA;
    height: 54px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #222222;
}

.cds-t25n-content-reporting-form-section-panel-subsection textarea.form-control {
    flex-wrap: nowrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 10px 40px !important;
    border-radius: 10px;
    border: 0;
    border: 1px solid #E0E4EA;
    min-height: 150px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #222222;
}

.cds-section-uap-uae-title {
    max-width: 768px;
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
}

.cds-section-uap-uae-title h2 {
    font-weight: 800;
    font-size: 43px;
    margin-bottom: 12px;
}

.cds-section-uap-uae-title p {
    line-height: 1.5;
    margin: 0;
    font-weight: 300;
    font-size: 1.2rem;
}

.cds-t26-mission-vision-brief-statement {
    padding-left: 1rem;
}

.cds-t26-mission-vision-brief-statement p {
    line-height: 1.7;
    /* font-weight: 300; */
}
.cds-t26-about-us-content ul {
    display: flex;
    gap: 10px;
    margin-top: 2rem;
    padding: 1rem 0;
    margin: 0;
    margin-top: 1.5rem;
    justify-content: space-between;
}
.cds-t26-about-us-content ul li a {
    font-weight: 600;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 2px 3px 0px #0000001A;
    padding: 10px 15px;
    display: inline-block;
    font-size: 15px;
}

.cds-t24-common-links-section {
    padding: 2.5rem 0;
    /* margin-top: 2rem; */
    border-top: #ddd solid 1px;
    background: #f8f8f8;
}

.cds-t24-common-links-section-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 0;
}

.cds-t24-common-links-section-wrapper img {
    background: #fff;
    height: 66px;
    width: 66px;
    border-radius: 16px;
    padding: 12px;
    box-shadow: 0px 2px 3px 0px #0000001A;
}

.cds-t24-common-links-section-wrapper a {
    display: flex;
    align-items: stretch;
}

.cds-t24-common-links-section-wrapper span {
    padding: 3px 12px;
}

.cds-t24-common-links-section-wrapper h6 {
    font-weight: 800;
    margin-bottom: 2px;
    color: #212121;
}

.cds-t24-common-links-section-wrapper p {
    /* font-weight: 300; */
    margin: 0;
    font-size: 14px;
    color: #333;
}

.cds-t21n-content-section-guides-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 0;
    margin-bottom: 1rem;
}

.cds-t21n-content-section-guides-list img {
    margin-right: 15px;
    width: 30px;
    height: 30px;
}

.cds-t21n-content-section-guides-list {
    box-shadow: 0px 2px 3px 0px #0000001A;
    border-radius: 12px;
    display: flex;
    background: #fff;
    align-items: flex-start;
    padding: 0.8rem 1rem;
}

.cds-t21n-content-section-guides-list span {}

.cds-t21n-content-section-guides-list h5 {
    font-weight: 800;
    color: #0a0a0a;
    font-size: 16px;
    margin: 0;
}

.cds-t21n-content-section-guides-list h6 {
    font-size: 12px;
    color: #666;
    /* text-align: right; */
    margin: 0;
    margin-top: 5px;
}

/*====== Process Additional resources List=========*/
.cds-t21n-content-section-additional-resources-wrapper {
    display: flex;
    padding: 0;
    flex: 1;
    /* border-top: #ddd solid 1px; */
    /* border-bottom: 1px dashed #ddd; */
    /* grid-template-columns: repeat(1, 1fr); */
    /* gap: 10px; */
    /* background: #fff; */
    margin-bottom: 0;
    /* margin-bottom: 1rem; */
    flex-direction: column;
}

.cds-t18-process-additional-resources {
    padding: 1rem 0;
    display: flex;
    margin-top: 1rem;
}

.cds-t21n-content-section-additional-resources-list img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.cds-t21n-content-section-additional-resources-list {
    /* box-shadow: 0px 2px 3px 0px #0000001A; */
    /* border-radius: 8px; */
    display: flex;
    /* background: #fff; */
    align-items: center;
    padding: 3px;
    align-content: center;
}

.cds-t21n-content-section-additional-resources-list span {}

.cds-t21n-content-section-additional-resources-list h5 {
    font-weight: 800;
    color: #0a0a0a;
    font-size: 13px;
    margin: 0;
}

.cds-t21n-content-section-additional-resources-list h6 {
    font-size: 12px;
    color: #666;
    /* text-align: right; */
    margin: 0;
    margin-top: 5px;
}

.cds-t23-right-panel {
    position: fixed;
    top: 30px;
    /* 30px from the top */
    right: -400px;
    /* Initially off-screen on the right */
    width: 350px;
    border-radius: 12px;
    padding-bottom: 50px;
    background-color: #fff;
    box-shadow: 0px 2px 50px 0px #0000001A;
    transition: right 0.3s ease;
    /* Smooth slide transition */
    z-index: 1000;
    overflow: hidden;
    /* Scrollable if content is too large */
}

.cds-t23-right-panel.active {
    right: 15px;
    /* Slide the panel into view */
}

.cds-t23-right-panel .close-btn {
    position: absolute;
    top: 4px;
    color: #fff;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.cds-t23-right-panel .panel-content {
    padding: 20px;
}

.cds-t23-right-panel .panel-footer {
    bottom: 0;
    display: flex;
    padding: 12px;
    background: #f4f5f6;
    left: 0;
    border-top: 1px solid #eee;
    right: 0;
    position: absolute;
    justify-content: flex-end;
}

.cds-t23-right-panel .panel-footer img {}

.cds-t23-right-panel .panel-footer a {
    font-size: 14px;
    color: #6c757d;
}

.cds-t23-right-panel .panel-footer i {}

.cds-t23-right-panel .panel-header {
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 0.2px;
    background: #063084;
    padding: 14px 1.5rem;
}

#openPanelBtn {
    margin: 0;
    padding: 10px 20px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 16px;
    border-radius: 12px;
    cursor: pointer;
}

.cds-t27-filter-active {
    border-bottom: 3px solid #ff0000;
    /* Change the color and thickness as needed */
}

.cds-filter-top-box {
    display: flex;
    margin-bottom: 1rem;
    flex: 1 1;
    padding: 0.8rem 0;
    justify-content: space-between;
    align-items: center;
}

.cds-filter-top-box .left-text {}

.cds-filter-top-box .left-text h2 {
    margin: 0;
    margin: 0 !important;
    color: #063084;
    font-weight: 600;
    font-size: 1rem;
}

.cds-filter-top-box .right-text a {}

.cds-filter-top-box .right-text {}

.cds-t27-faq-wrapper {
    padding: 0;
}

.faq-controls {
    margin-bottom: 3rem;
    display: flex;
    padding-bottom: 1rem;
    border-bottom: #e5e5e5 1px solid;
    gap: 10px;
    justify-content: flex-end;
}

.cds-t27-faq-grid {
    display: grid;
    margin-bottom: 1rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
}

.cds-t27-faq {
    border-radius: 5px;
    margin-right: 0;
}

.faq-header {
    /* background-color: #fff; */
    /* padding: 12px; */
    /* border: 1px solid transparent; */
    cursor: pointer;
    margin-right: 0;
    font-size: 16px;
    margin-top: 1rem;
    font-weight: 600;
    color: 063084;
    position: relative;
    /* box-shadow: 0px 2px 3px 0px #0000001A; */
    /* border-radius: 12px; */
    display: flex;
    flex: 1 1;
    justify-content: space-between;
    align-items: center;
}

.faq-header h3 {
    font-size: 14px;
    /* padding: 12px; */
    /* font-weight: 800; */
    margin: 0;
}

.faq-content {
    /* border: 1px solid #e9d9a8 !important; */
    /* margin-top: -1rem; */
    /* display: none; */
    /* Initially hidden */
    /* background: #fff3cd !important; */
    padding: 28px 15px 13px 15px;
    font-size: 13px;
    font-weight: 300;
    /* color: #554820 !important; */
    width: 98%;
    margin: 0 auto;
    margin-top: -1rem;
    border-radius: 0 0 12px 12px;
}

.faq-toggle {
    font-size: 24px;
    font-weight: bold;
}

.faq-header.active .faq-toggle {
    /* transform: rotate(45deg); */
}

.cds-t27-faq-grid-category-title {
    color: #000;
    margin-top: 0;
    display: flex;
    font-weight: 800;
    margin-bottom: 10px;
    font-size: 19px;
    justify-content: space-between;
    align-items: center;
}

.cds-t21n-content-section-guides-wrapper-link {
    display: flex;
    margin-bottom: 1.2rem;
    justify-content: flex-end;
}

.cds-t21n-content-section-guides-wrapper-link a {
    color: #212121;
    font-size: 14px;
}

.cds-t21n-content-section-guides-wrapper-link i {
    margin-right: 8px;
    color: #063084;
}

.cds-t27-kbase-list {
    display: flex;
    flex: 1 1;
    margin: 0;
    margin-bottom: 1.5rem !important;
   
    position: relative;
    flex-direction: column;
}

.cds-t27-kbase-list h3 {}

.cds-t27-kbase-grid {
    display: flex;
    flex-direction: column;
}

.cds-t27-faq .faq-content {
    /* display: none; */
    background: #fff;
    padding: 1rem;
    font-size: 13px;
    box-shadow: 0px 2px 3px 0px #0000001A;
    font-weight: 300;
    color: #333;
    width: 100%;
    margin: 0 auto;
    margin-top: 1rem;
    border-radius: 6px;
}

.faq-controls a {}

.cds-t27-kbase-grid-title {}

.faq-content p:last-child {
    margin: 0;
    font-size: 14px;
}

.cds-uap-individuals {
    margin-bottom: 30px;
}

.cds-uap-individuals h2 {
    /* color: #333; */
    /* border-bottom: 2px solid #000; */
    /* padding-bottom: 10px; */
}

.profile,
.example,
.strategy,
.risk,
.approach {
    margin-bottom: 15px;
}

.example {
    font-style: italic;
}

.category-header {
    font-weight: bold;
}

.key-differences {
    margin-top: 40px;
    background-color: #f4f4f4;
    padding: 20px;
    border-left: 4px solid #000;
}


.cds-t18-process-group {
    flex: 1;
    /* All groups will have equal width */
    display: flex;
    flex-direction: column;
    /* Stack blocks and drop blocks vertically */
}





.cds-t18-drop-block {
    padding: 20px;
    background-color: #4CAF50;
    color: white;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    transition: opacity 0.5s ease, transform 0.9s ease;
    transform: translateY(-20px);
}

.cds-t18-drop-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.cds-t18-process-group {
    flex: 1;
    /* All groups will have equal width */
    display: flex;
    flex-direction: column;
    position: relative;
    /* Keep sub-blocks out of the height calculation */
    justify-content: flex-start;
}

.cds-t18-process-blocks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* Three columns */
    gap: 15px;
    width: 100%;
    border: 1px solid #ddd;
    background: #eee;
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: 15px;
    justify-content: space-between;
    align-items: start;
    /* Ensures that items align from the top */
}

.cds-t18-process-block {
    background-color: #e5e5e5;
    text-align: left;
    padding: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* Content starts from the top */
    align-content: flex-start;
}


/* Sub-blocks will be positioned outside the layout flow */
.cds-t18-drop-block {
    padding: 20px;
    background-color: #fff3cd;
    color: #130f01;
    opacity: 0;
    border: #e5d7a7 solid 1px;
    font-weight: 400;
    border-radius: 12px;
    font-size: 13px;
    visibility: hidden;
    margin-top: 20px;
    /* position: absolute; */
    /* Position relative to parent, outside layout flow */
    top: 100%;
    /* Positioned below the main block */
    width: 100%;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(-20px);
}

.cds-t18-drop-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.cds-t18-process-visible {
    opacity: 1;
    border-radius: 10px;
    box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.1);
    visibility: visible;
    display: flex;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.cds-t18-process-block span {
    display: block;
    text-align: left;
    font-size: 14px;
    margin-bottom: 2px;
    font-weight: 600;
}

.cds-t18-process-block p {
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
}

.cds-t18-process-group-last {
    max-width: 120px;
    max-height: 120px;
}

@media screen and (max-width: 768px) {
    .cds-t18-process-blocks {
        flex-direction: column;
    }

    .cds-t18-process-group-last {
        max-width: 100%;
    }
}

.cds-t25n-content-reporting-form-public-list-link {}

.cds-t25n-content-reporting-form-public-list-link li {}

.cds-t25n-content-reporting-form-public-list-link li a {}

.cds-t25n-content-reporting-form-public-list-link li a>span {
    position: absolute;
    font-size: 12px;
    display: flex;
    color: #666;
    right: 0;
    font-weight: 400;
    left: 0px;
    top: -30px;
    align-items: center;
}

.cds-t25n-content-reporting-form-public-list-link li.active a>span {
    position: absolute;
    font-size: 12px;
    display: flex;
    color: #0a0a0a;
    right: 0;
    font-weight: 400;
    left: 0px;
    top: -30px;
    align-items: center;
}

.cds-t25n-content-reporting-form-public-list-link li a>span span {
    display: inline-flex;
    width: 24px;
    border-radius: 50%;
    background: #eee;
    font-weight: 400;
    margin-right: 8px;
    height: 24px;
    justify-content: center;
    align-items: center;
}

.cds-t25n-content-reporting-form-public-list-link li.active a>span span {
    display: inline-flex;
    width: 24px;
    border-radius: 50%;
    background: #063084;
    color: #eee;
    font-weight: 400;
    margin-right: 8px;
    height: 24px;
    justify-content: center;
    align-items: center;
}

.cds-t25n-content-reporting-form-public-list-link li a>span:before {
    content: "";
    position: absolute;
    left: 70px;
    top: 21px;
    right: -18px;
    margin-top: -10px;
    /* width: 100%; */
    border-bottom: 1px dashed #ddd;
    height: 2px;
    background: transparent;
}

.cds-t25n-content-reporting-form-public-list-link li:last-child a>span:before {
    content: "";
    position: absolute;
    left: 70px;
    top: 21px;
    right: -18px;
    margin-top: -10px;
    /* width: 100%; */
    border-bottom: 0px dashed #ddd;
    height: 2px;
    background: transparent;
}

.cds-t25n-content-reporting-form-section-block {
    padding: 0 1.25rem;
    border-bottom: 1px solid transparent;
    border-radius: 6px;
    margin: 0;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    /* background: #f4f5f6; */
}

.cds-t25n-content-reporting-form-section-block-title h2 {
    border-bottom: 1px solid #eee;
    font-weight: 600;
    padding-bottom: 1rem;
    margin: 0;
    font-size: 14px;
}

.cds-t25n-content-reporting-form-section-panel-info2 {
    position: absolute;
    display: flex;
    top: -35px;
    border: 1px solid #ecdcaa;
    color: #554820;
    z-index: -1;
    /* font-weight: 600; */
    border-radius: 12px 12px 0 0;
    font-size: 12px;
    background: #fff3cd;
    right: 16px;
    padding: 9px 15px;
    align-items: center;
}
.cds-t25n-content-reporting-form-section-block span.disclaimer-text {
    font-size: 13px;
    display: block;
    margin-top: 18px;
}

.cds-t25n-content-reporting-form-section-block-form-check {
    margin-top: 12px;
    display: flex;
    font-size: 13px;
    align-items: center;
}

.cds-t25n-content-reporting-form-section-block-form-check a {
    font-size: 13px;

}

.cds-t25n-content-reporting-form-section-block-form-check input {
    margin: 0;
    margin-right: 6px;
}

.cds-t25n-content-reporting-form-section-list-choose-options i {}

.cds-t18-process-status {
    margin-right: 0;
    margin-left: 0rem;
    flex: 1;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.1);
    visibility: visible;
    display: flex;
    background-color: #fff;
    flex-direction: row;
    align-items: flex-start;
    /* max-width: 300px; */
}

.cds-t18-process-status span {
    display: block;
    text-align: left;
    font-size: 16px;
    margin-bottom: 2px;
    font-weight: 600;
}

.cds-t18-process-status p {
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
}

.cds-t18-process-blocks-summary {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.tabs-section .form-group.text-end {
    border-top: 1px solid #eee;
    margin-bottom: 0;
    padding: 1.25rem 0;
    padding-bottom: 0;
    margin-top: 0 !important;
   
}

@media screen and (max-width: 768px) {
    .cds-t25n-content-reporting-form-public-list-link li a {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
    }

    .cds-t25n-content-reporting-form-public-list-link li a>span {
        position: relative;
        font-size: 12px;
        display: flex;
        color: #666;
        right: 0;
        font-weight: 400;
        left: 0px;
        top: 0px;
        align-items: center;
    }

    .cds-t25n-content-reporting-form-public-list-link li a>span:before {
        content: "";
        display: none;
        position: absolute;
        left: 10px;
        top: 60px;
        /* right: 18px; */
        margin-top: -10px;
        /* width: 100%; */
        height: 100%;
        border-right: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        width: 2px;
        bottom: 0;
        background: transparent;
    }

    .tabs-section ul#tabs-nav li {
        position: relative;
        font-weight: 400;
        /* margin-right: 2rem; */
        border-bottom: 1px solid transparent;
        margin-bottom: 6px;
        flex: 1;
        border-left: 3px solid #eee;
        font-size: 14px;
        padding: 12px 15px;
        cursor: pointer;
    }

    .tabs-section ul#tabs-nav li.active {
        color: #063084;
        border-left: 3px solid #063084;
        /* background: #fff; */
        border-bottom: 0px solid #063084;
        border-radius: 0px;
    }

    .cds-t25n-content-reporting-form-public-list-link li.active a>span {
        position: relative;
        font-size: 12px;
        display: flex;
        color: #0a0a0a;
        right: 0;
        font-weight: 400;
        left: 0px;
        top: 0;
        align-items: center;
        justify-content: flex-start;
    }

    .tabs-section ul#tabs-nav {
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column; */
        /* list-style-type: none; */
        margin: 0;
        /* gap: 0; */
        padding: 0 0 1rem 0;
        border-bottom: 1px solid #D6DDEB;
        margin-bottom: 30px;
        overflow: hidden;
    }
}

.cds-t18-process-tooltip {
    background: #198752;
    color: #fff;
    border-radius: 25px;
    font-size: 12px;
    padding: 10px 15px;
}

.cds-t18-process-tooltip-warning {
    background: #f23b4d;
    color: #fff;
}

.cds-t18-process-block i {
    margin-bottom: 0.8rem;
}

.cds-t18-process-block img {
    margin-bottom: 0.8rem;
}

.cds-t21n-content-our-process-stages-wrapper {
    margin-bottom: 2rem;
    border-bottom: 1px solid #e5e5e5;
}

.cds-t21n-content-our-process-stages-wrapper h3 {
    font-weight: 800;
    font-size: 21px;
}

.cds-t21n-content-our-process-stages-wrapper p {}

.cds-t21n-content-our-process-stages-list {
    /* padding: 1.5rem; */
    /* background: #ddd; */
    display: grid;
    /* border-radius: 12px; */
    grid-template-columns: 1fr 1fr;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    justify-content: space-between;
}

.cds-t21n-content-our-process-stages-list a {
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0px 2px 3px 0px #0000001A;
    color: #212121;
    font-size: 14px;
}

.cds-t21n-content-our-process-stages-list-sections {}

.cds-t21n-content-our-process-stages-list-sections span {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.cds-t21n-content-our-process-stages-list-sections p {}

/*==============UAP/UACE Profile=======================*/
.cds-uae-uap-profile-wrapper .profile-container {
    /* max-width: 1000px; */
    /* margin: 0 auto; */
    /* background-color: #fff; */
    /* border-radius: 8px; */
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    /* padding: 20px; */
}

.cds-t18-process-blocks-h3 {
    margin-bottom: 1.2rem !important;
   
    /* margin-top: 16px; */
}

.cds-t18-process-blocks-2grid {
    padding: 1rem;
    background: #c1dfc4;
    display: grid;
    border-radius: 12px;
    grid-template-columns: 1fr 1fr;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
    border: 1px solid #c1dfc4;
    width: 100%;
    justify-content: space-between;
    background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);
}

.cds-uae-uap-profile-wrapper .profile-header {
    /* border-bottom: 2px solid #ddd; */
    /* padding-bottom: 10px; */
}

.cds-profile-small-wrap {
    padding: 1rem 0;
}

.cds-uae-uap-profile-wrapper .profile-header h1 {
    font-size: 24px;
}

.cds-uae-uap-profile-wrapper .alert-level,
.cds-uae-uap-profile-wrapper .evidence-count {
    margin: 0 0 30px 0;
}

.cds-uae-uap-profile-wrapper .alert-level span {
    padding: 8px 12px;
    border-radius: 20px;
    color: #fff;
}

.cds-uae-uap-profile-wrapper .alert-level-1 {
    background-color: green;
}

.cds-uae-uap-profile-wrapper .alert-level-2 {
    background-color: yellow;
    color: #000;
}

.cds-uae-uap-profile-wrapper .alert-level-3 {
    background-color: orange;
}

.cds-uae-uap-profile-wrapper .alert-level-4 {
    background-color: red;
}

.cds-uae-uap-profile-wrapper .alert-level-5 {
    font-size: 12px;
    background-color: #dc3545;
}

.cds-uae-uap-profile-wrapper .tags {
    margin: 0 0 15px 0;
}

.cds-uae-uap-profile-wrapper .tags span {
    display: inline-block;
    background-color: #fff;
    color: #343a40;
    padding: 5px 10px;
    font-weight: 400;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.cds-uae-uap-profile-wrapper .action-buttons {
    margin: 0 0 15px 0;
}

.cds-uae-uap-profile-wrapper .action-buttons button {
    padding: 10px 15px;
    background-color: #0a58ca;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

.cds-uae-uap-profile-wrapper .testimonials,
.cds-uae-uap-profile-wrapper .violations,
.cds-uae-uap-profile-wrapper .automated-detection {
    margin: 30px 0;
}

.cds-uae-uap-profile-wrapper .testimonial-item,
.cds-uae-uap-profile-wrapper .violation-item {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 3px 0px #0000001A;
    padding: 15px;
    margin-bottom: 20px;
}

.cds-uae-uap-profile-wrapper .rating {
    font-size: 18px;
    color: #FFD700;
}

.cds-uae-uap-profile-wrapper .date,
.cds-uae-uap-profile-wrapper .status {
    font-size: 12px;
    color: #666;
}

@media (max-width: 768px) {
    .cds-uae-uap-profile-wrapper .action-buttons button {
        width: 100%;
        margin-bottom: 10px;
    }
}

.cds-uae-uap-profile-actions {
    padding: 1.5rem;
    border: 1px solid #e5e5e5;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 6px;
}

.cds-kbase-title-h3 {
    color: #495057;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
}

.cds-t18-process-blocks-1grid {
    padding: 1rem;
    background: #6991c7;
    display: grid;
    border-radius: 12px;
    grid-template-columns: 1fr;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    border: 1px solid #6991c7;
    width: 100%;
    background-image: linear-gradient(to top, #6991c7 0%, #a3bded 100%);
    justify-content: space-between;
}

.cds-t18-process-quick-links {
    /* background: rgba(0,0,0,0.03); */
    display: flex;
    /* border: #ddd 1px solid; */
    align-items: center;
}

.cds-t18-process-quick-links h4 {
    padding: 20px 20px 20px 20px;
    font-weight: 600;
    /* background: #e5e5e5; */
    /* border-right: 1px solid #ddd; */
    font-size: 12px;
    margin: 0;
}

.cds-t18-process-quick-links ul {
    margin: 0;
    display: flex;
}

.cds-t18-process-quick-links li {
    display: flex;
    /* flex: 1; */
    flex-direction: column;
}

.cds-t18-process-quick-links li a {
    display: flex;
    font-size: 13px;
    padding: 12px;
    font-weight: 400;
    flex: 1;
    flex-direction: column;
}

.cds-t18-process-quick-links li a span {
    color: #0a0a0a;
    font-size: 12px;
}

.cds-uae-uap-profile-wrapper .evidence-count span {}

.cds-t18-process-wrapper {
    margin-top: 1rem;
}

.cds-t18-process-wrapper-2 {
    margin-top: 1rem;
}

.cds-t18-process-status-wrapper {}

.cds-t18-process-status img {
    margin-right: 20px;
    padding: 7px;
    border: 1px solid #eee;
    border-radius: 50%;
    background: #f4f5f6;
}

@media (max-width: 768px) {

    .cds-t21n-content-our-process-container .container-md,
    .cds-t21n-content-our-process-container .container-sm,
    .cds-t21n-content-our-process-container .container {}

    .cds-t18-process-blocks {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 15px;
        width: 100%;
        background: #eee;
        padding: 15px;
        border-radius: 12px;
        margin-bottom: 30px;
        justify-content: space-between;
        align-items: start;
    }

    .cds-t18-process-blocks-2grid {
        padding: 2rem 1.5rem;
        background: #c1dfc4;
        display: grid;
        border-radius: 12px;
        grid-template-columns: 1fr !important;
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 30px;
        border: 1px solid #c1dfc4;
        width: 100%;
        justify-content: space-between;
        background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);
    }
}

@media (min-width: 1200px) {

    .cds-t21n-content-our-process-container .container-xl,
    .cds-t21n-content-our-process-container .container-lg,
    .cds-t21n-content-our-process-container .container-md,
    .cds-t21n-content-our-process-container .container-sm,
    .cds-t21n-content-our-process-container .container {}
}

@media (min-width: 1400px) {

    .cds-t21n-content-our-process-container .container-xl,
    .cds-t21n-content-our-process-container .container-lg,
    .cds-t21n-content-blog-section .container-md,
    .cds-t21n-content-our-process-container .container-sm,
    .cds-t21n-content-our-process-container .container {}

}

/*================================RESPONSIVE=============================*/


@media (max-width: 768px) {
    .cds-t21n-breadcrumbs-section {
        margin-bottom: 0;
        background: rgba(0, 0, 0, 0.01);
        border-bottom: 1px solid #e5e5e5;
    }

    .cds-t23-alert-box {
        padding: 1rem;
        background: #fff;
        max-width: 450px;
        margin: 0 auto;
        margin-top: 28px;
        border-radius: 12px;
        box-shadow: 0px 2px 50px 0px #0000001A;
    }

    .cds-t21n-content-section-blog-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }

    .cds-t21n-content-section-blog-list {
        margin-bottom: 1.5rem;
    }

    .cds-t13-statistics-card {
        margin-bottom: 1.5rem;
    }

    section {
        /* padding: 2rem 0 !important; */
    }

    .cds-t23n-content-section-quicklinks-forms {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-bottom: 1rem;
    }

    .hero-section-left {
        padding: 0;
        margin: 0;
    }

    .cds-t23n-content-section-quicklinks-databases-forms {
        grid-template-columns: repeat(3, 1fr);
    }

    .cds-t24-common-links-section-wrapper {
        display: grid;
        margin-bottom: 1rem;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 1rem;
        gap: 0px;
    }

    .cds-t21n-content-section-guides-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
        padding: 2rem 0;
        margin-bottom: 1rem;
    }
    .cds-section-search-subscribe .cds-t23-search-box button {
        flex: 0 0 auto;
        background-color: #063084;
        font-size: 16px;
        border-radius: 10px;
    }
    /* .cds-section-search-subscribe .cds-t23-search-box {
        display: flex;
        border: 1px solid #ddd;
        position: relative;
        background: #FFFFFF;
        border-radius: 15px;
        box-shadow: 0px 0px 64px 0px #0000001A;
        flex-direction: column;
    } */

    .hero-section-left h1 {
        font-weight: 800;
        font-size: 50px;
        line-height: 60px;
        letter-spacing: 2%;
        color: #222222;
    }

    /* .navbar-nav .nav-link.active::before {
        content: '';
        position: absolute;
        left: -23px;
        right: auto;
        bottom: 0px;
        width: 3px;
        height: 100%;
        background-color: var(--black);
    } */

    .cds-section-uap-report-arrow-link {
        margin: 36px 0 13px 0;
        justify-content: end;
    }

    .cds-t15-skel-search-bar-container {
        position: relative;
        flex: 1 1;
        max-width: 800px;
        margin: 25px 0 0 0;
    }

    .cds-section-social-media-search-wrapper {
        display: flex;
        width: 100%;
        flex: 1 1;
        align-items: stretch;
        flex-direction: column;
        align-content: center;
    }

    .cds-t15-skel-search-bar-text a:before {
        content: "";
        position: absolute;
        left: auto;
        right: -90px;
        bottom: -60px;
        width: 80px;
        height: 80px;
        background: url(../frontend/images/icons/dotted-lines2.png) no-repeat;
    }
}

@media print {

    /* Reset margin, padding, and ensure full width for print */
    body,
    main,
    section,
    .container,
    .row,
    .col-md-8,
    .col-md-4,
    .cds-t21n-content-section-main {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* Ensure the printed content uses the full width of the page */
    .container,
    .row {
        display: block;
        width: 100%;
    }

    /* Ensure columns take full width during print */
    .col-md-8,
    .col-md-4 {
        width: 100%;
        float: none;
    }

    .cds-section-uap-uae-list-text {
        padding-left: 0 !important;
    }

    .cds-section-uap-uae-title h2 {
        font-weight: 800;
        font-size: 40px;
        margin-bottom: 12px;
    }

    .cds-section-blog-front-list {
        border-top: 1px dashed #ddd;
        padding: 2rem 0 2rem !important;
    }

    .cds-t27-about-how-working {
        border-top: 1px dashed #ddd;
        padding: 2rem 0 2rem !important;
    }

    /* Hide unnecessary elements like sidebars and breadcrumbs for print */
    .no-print {
        display: none;
    }

    .cds-section-uap-uae-title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .hero-section {
        padding-top: 0;
        margin-bottom: 30px;
    }

    .header {
        position: relative;
        max-height: auto !important;
        /* background-color: #F8FAFB; */
        padding-bottom: 20px !important;
        margin-bottom: 30px !important;
        border-bottom: 1px solid #ddd;
        padding-top: 20px !important;
        overflow: hidden;
    }

    .cds-section-uap-uae {
        border-top: 0px dashed #ddd !important;

    }

    /* Hide overflow issues by ensuring proper fit on the page */
    main,
    section,
    .cds-t21n-content-section-main {
        overflow: hidden;
    }

    .cds-t24-common-links-section,
    footer {
        display: none;
    }
}


/* report excel upload dropdown menu */
.report-dropdown {
    z-index: 99999;
}

.reporting-flex {
    display: flex !important;
    flex-direction: column;
    color: #0a0a0a !important;
    font-size: 14px;
}

.reporting-flex span {
    font-size: 12px;
    color: #666666;
}

/* uap report */
.uap-li {
    pointer-events: auto;
    cursor: pointer;
}

.quick-tip-container {
    padding: 0px !important;
}

.quick-tab-content {
    padding-bottom: 2px !important;
}

.note-section {
    background-color: #fff8dc;
    padding: 10px;
    margin: 0.5rem 0px 1rem;
    border-left: 4px solid #f1c40f;
}

.note-section h3 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 0;
}

.note-section p {
    font-size: 13px;
    margin: 0;
    color: #333;
}
/* .select2-container--default .select2-selection--single .select2-selection__arrow {top: 7px !important;} */

/* Akksshit */
.tab-show{display: none;}
.tab-hide{display: block;}
.floating-pass-icon {
    top: 20px!important;
}
#cookiesCode {
    display: flex;
    max-width: 760px;
    right: 15px;
    left: auto;
    padding: 2rem;
    border: 0 none;
    bottom: 11px;
    border-radius: 10px;
    background: #fff;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(4px);
    box-shadow: 0px 2px 50px 0px #0000001A;
    flex-direction: column;
}
.cookie-btn {
    border: none;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
    font-family: inherit;
    transition: 0.15s ease;
    background-color: #126dcf;
}
.cookie-btn:hover {background-color: #dc3545;color: #fff;}
/* Cookies */
#cookiesCode {
    margin: 0
}

.cookies-block p {font-size: 1rem;color: #212529;line-height: 1.5;margin-bottom: 20px;}
.cookie-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cookies-header h5 {
    font-size: 18px;
    margin-bottom: 5px
}

.cookies-header p {
    font-size: 14px;
    color: #444;
    margin-bottom: 10px
}

.cookies-settings {
    margin-top: 30px
}

.cookies-settings h4 {
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px #eee solid
}

.cookies-settings .cookies-settings-elements {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding-top: 20px
}

.cookies-settings .cookies-settings-elements h5 {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    width: 20%
}

.cookies-settings .cookies-settings-elements p {
    font-size: 12px;
    color: #444;
    width: 60%
}

.cookies-settings-elements .switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px
}

.cookies-settings-elements .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 5px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.switch input:checked+.slider {
    background-color: #dc3545
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #063084
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.cookies-confirm {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px
}

.cookies-confirm button {
    cursor: pointer;
    background-color: #126dcf;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 10px
}
/* ======   Custom Modal  ====== */
.z-o {
    z-index: 0;
}
.custom-modal {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0 0 0 / 60%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 30px;
    z-index: 999999;
}
.custom-modal-dialog {
    max-width: 620px;
    width: 100%;
    border-radius: 0px;
    position: relative;
}
.custom-modal-content {
    background: #ffffff;
    padding: 30px 30px;
    border-radius: 10px;
    overflow-y: auto;
    max-height: calc(100vh - 10rem);
}
.close-modal {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: #dc3545;
    opacity: 1;
    color: #ffffff;
    border-radius: 100%;
    border: 2px solid #ffffff;
    z-index: 9;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    padding: 0;
    text-align: center;
    display: flex;
    line-height: 30px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.custom-modal {
    opacity: 0;
    visibility: hidden;
}
body.modal-opens .custom-modal {
    opacity: 1;
    visibility: visible;
    overflow: hidden;
}
.custom-modal .custom-modal-dialog {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
body.modal-opens .custom-modal .custom-modal-dialog {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.custom-modal,
body .custom-modal,
body.modal-opens .custom-modal .custom-modal-dialog,
body .custom-modal .custom-modal-dialog {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* admin */
.modal-dialog button.close {background: transparent;border: 0;padding: 0;font-size: 1.8rem;line-height: normal;}


 .searchbar {
    margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #353b48;
    border-radius: 30px;
    padding: 10px;
    position: relative;
    z-index: 11;
}
.search_input {
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 450px;
    caret-color: red;
    line-height: 40px;
    transition: width 0.4s linear;
    padding: 0 10px;
}

.search_input::placeholder {
    color: #FFF;
}

.searchbar:hover>.search_icon {
    background: white;
    color: #e74c3c;
}

.search_icon {
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: white;
    text-decoration: none;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 1;
    top: 39px;
    left: 0;
    right: 0;
    width: 470px;
    /* margin: auto; */
    padding-top: 32px;
    background-color: #FFF;
    border-radius: 0px 0px 20px 20px;
    padding-bottom: 32px;
}
.autocomplete-items:empty {
    display: none !important;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
}
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}
.search-area{
    position: relative;
}
.sub-service {
    padding-left: 15px !important;
}
.parent-service {
    background-color: #EEE !important;
}
.right-sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #f8f9fa;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 85px;
    padding-left: 30px;
}

.right-sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #343a40;
    display: block;
    transition: 0.3s;
}

.right-sidebar a:hover {
    color: #007bff;
}

.right-sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
}

/* Main content style when sidebar is open */
.content-shift {
    margin-right: 250px;
    transition: margin-right 0.5s;
}
.sub-service {
    border-bottom: 1px solid #ddd;
}
.autocomplete-item {
    display: flex;
    justify-content: space-between;
}
/* red note */
.cds-t24-footer-note-section{
    /* margin-top: 2rem; */
    color: #fff;
    background: #dc3545;
    padding: 1rem;
    font-size: 14px;
}
.cds-t24-footer-note-section span{
    display: block;
}

.cds-filter-companies .card-box .about-companie .blue-txt {color: var(--blue);font-size: 14px;font-weight: 400;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.cds-filter-companies .card-box .about-companie .cds-title-head, .cds-filter-companies .card-box .about-companie .card-text .title {display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.cds-filter-companies .card-box .about-companie .blue-txt {color: var(--blue);font-size: 14px;font-weight: 400;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.cds-filter-companies .card-box .about-companie .cds-title-head, .cds-filter-companies .card-box .about-companie .card-text .title {display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.cds-filter-companies .card-box .about-companie .card-text .title {flex: unset;}
.cds-filter-companies .card-box .about-companie {flex: 1;}
.cds-filter-companies .card-box .cds-level {display: flex;gap: 8px;align-items: center;flex-wrap: wrap;}
.cds-filter-companies .card-box .cds-level .level-info {border: 0; padding: 0;background-color: transparent;margin-right: 3px;}
.cds-filter-companies .card-box .cds-level .active {border: 0; padding: 0;}
.cds-filter-companies .card-box .cds-level .level-check .level-link {font-size: 1rem;font-weight: 500;color: var(--black);}
.filter .top-box .right-filter .modal-body .accordion-flush .accordion-item + .accordion-item {border-top: 1px solid #dee2e6;}
/* grid view */
.cds-gridview {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-template-rows: 1fr;grid-column-gap: 16px;grid-row-gap: 16px;}
.cds-gridview .inner-card {border: 0 !important;padding: 14px !important;}
.cds-gridview .inner-card .card-box {display: block;}
.cds-gridview .inner-card .about-companie {max-width: 100%;display: flex;gap: 10px;}
.cds-gridview .inner-card .about-companie .blue-txt {font-size: 12px;}
.cds-gridview .inner-card .about-companie .card-text {padding-left: 10px;width: 100%;}
.cds-gridview .inner-card .about-companie .cds-title {display: flex;gap: 4px;align-items: center;justify-content: space-between;}
.cds-gridview .inner-card .about-companie .cds-title .profile-info .bell-btn {width: 22px;height: 22px;padding: 2px;background-color: #F0F4FD;}
.cds-gridview .inner-card .about-companie .about-work li {font-size: 14px;}
.cds-gridview .inner-card .about-companie .about-work li:first-child {padding-right: 0;}
.cds-gridview .inner-card .about-companie .about-work li + li {margin: 0 8px !important;padding: 0 0 0 10px;}
.cds-gridview .inner-card .cds-level .level-info {margin-right: 0;}
.cds-gridview .inner-card .cds-level .level-check .level-link {font-size: 14px;}
.cds-gridview .inner-card .about-tag {display: flex;align-items: center;flex-wrap: wrap;gap: 3px;margin-top: 5px;}
.cds-gridview .inner-card .about-tag .badge-list {border-radius: 50px;background-color: #EFF3F9;padding: 4px 8px;color: #8292AA;font-size: 8px;}
.cds-gridview .inner-card {margin: 0 !important;}
.cds-filter-companies .card-box .cds-level ul li img {width: 20px;}
.cds-gridview .inner-card .about-companie .card-text .about-work a.link {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cds-gridview .inner-card .cds-level .level-info img {width: 19px;}
.cds-filter-companies .cds-contact-icon .cds-contact-icon + .cds-contact-icon {margin-left: 6px;}
.cds-tracking {background-color: #fff;}
.cds-tracking .serching {box-shadow: 0px 0 10px 4px #c0c0c036;}
.cds-comment-box .comment_div .card-body {padding: 1rem 0 !important;}
.cds-comment-box .cds-bar {margin-top: 2rem;}
.cds-comment-box .cds-bar .progress {height: 22px;border-radius: 50px;}
.cds-comment-box #comment-form fieldset {border-color: #f0f8ff42;border-radius: 8px;padding: 1rem 1.5rem;border: 1px solid #eaeaea;}
.cds-comment-box #comment-form fieldset legend {font-weight: 500;float: unset;width: auto;padding: 0 5px;margin-bottom: 0;}
.cds-inputotp {display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 10px;max-width: 460px;margin: 0 auto;}
.cds-inputotp .form-control {padding: 6px 14px 6px 6px !important;max-width: 60px;text-align: center;}
.cds-inputotp #otp6-error {grid-column-start: span 6;margin-top: 0;}
/* professionals grid view */
.cds-filter-companies .about-companie .card-text {flex: 1;}
.cds-professionals .cds-professionals-gridview {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-template-rows: 1fr;grid-column-gap: 16px;grid-row-gap: 20px;}
.cds-professionals .cds-professionals-gridview .inner-card {background-color: var(--white);padding: 0;border-radius: 12px;margin: 0;border: 0;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-box {display: block;position: relative;overflow: hidden;border-radius: 12px;box-shadow: 0 0 14px 0 #00000014;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-box .cds-ratingbox {position: absolute;top: 1rem;right: 1rem;display: inline-block;padding: 2px 5px;border-radius: 7px;color: var(--white);background-color: #5d5d5d6e;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-box .cds-ratingbox .fa-star {color: #FFD000;}
.cds-professionals .cds-professionals-gridview .inner-card + .inner-card {margin: 0 !important;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-content-box {padding: 14px;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-content-box .green-check {position: relative;margin-top: -2.5rem;margin-bottom: 10px;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-content-box .blue-txt {font-size: 0.813em;color: var(--blue);display: inline-block;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-content-box .cds-grylist li {font-size: 14px;color: var(--text-color);line-height: normal;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-content-box .cds-grylist li + li {padding: 0 0.575em;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-content-box .cds-badge {margin-top: 10px;display: flex;align-items: center;flex-wrap: wrap;gap: 5px;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-content-box .cds-badge .cds-tags {display: inline-block;font-size: 10px;color: #8292AA;padding: 4px 10px;background-color: #EFF3F9;border-radius: 50px;}
.cds-professionals .cds-professionals-gridview .inner-card .cds-content-box .blue-txt, .cds-professionals .cds-professionals-gridview .inner-card .cds-content-box .cds-title, .cds-related-imagebox .inner-card .cds-content-box span.blue, .cds-related-imagebox .inner-card .cds-content-box .cds-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.cds-profile-info, .cds-navtabs {border-bottom: 1px solid #eaeaea;}
.cds-profile-info .cds-profile-name .cds-city-list {display: flex;}
.cds-profile-info .cds-profile-name .cds-city-list {display: flex;align-items: center;flex-wrap: wrap;}
.cds-profile-info .cds-profile-name .cds-city-list li {position: relative;padding-right: 10px;}
.cds-profile-info .cds-profile-name .cds-city-list li+li {padding: 0 0.500em;}
.cds-profile-info .cds-profile-name .cds-city-list li .link {color: var(--text-color);font-size: 16px;}
.cds-profile-info .cds-profile-name .cds-city-list li::before {position: absolute;content: '';width: 4px;height: 4px;background-color: var(--text-color);border-radius: 100%;top: 50%;left: 0;transform: translate(0, -50%);}
.cds-profile-info .cds-profile-name .cds-city-list li:first-child:before {display: none;}
.cds-profile-info .cds-smallbox, .cds-profile-info .cds-claimbox {display: flex;gap: 10px;flex-wrap: wrap;}
.cds-profile-info .cds-claimbox .btn-box {margin-left: auto;display: flex;gap: 10px;flex-wrap: wrap;flex: 1;justify-content: end;}
.cds-profile-info .cds-smallbox .media {background-color: var(--white);border: 1px solid #E9F1FD;border-radius: 10px;padding: 8px 14px;align-items: center;gap: 10px;min-height: 100%;box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
.cds-profile-info .cds-smallbox .media:hover {background-color: #ed1c243d;}
.cds-profile-info .cds-smallbox .media .icon {background-color: #f3f4f6;border-radius: 100%;padding: 5px;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;}
.cds-profile-info .cds-smallbox .media .icon svg {width: 30px;}

/* nav tabs */
.cds-navtabs .nav {border-bottom: 1px solid var(--text-color);}
.cds-navtabs .nav .nav-item {margin: 0 26px 0 0 !important;}
.cds-navtabs .nav-link {background-color: transparent !important;color: var(--text-color) !important;padding-left: 0 !important;padding-right: 0 !important;}
.cds-navtabs .nav-link.active {border-bottom: 2px solid var(--blue);border-radius: 0;color: var(--blue) !important;font-weight: 600;}

/* Related Professionals */
.cds-related-imagebox .inner-card {box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);border-radius: 12px;border: 1px solid #E9F1FD;overflow: hidden;margin: 1rem 0;}
.cds-related-imagebox .inner-card .cds-content-box {padding: 14px;}
.cds-related-imagebox .cds-content-box .fa-star {color: #FFD000;}

/* redactor */
.rx-container {min-height: 200px;}
.rx-container textarea.rx-source {min-height: 157px;}


#customAmount {padding: 9px 15px !important;}

.donation-step2 .form-check.form-check-inline {
    padding-left: 0px !important;
}
.donation-step2 .form-check .form-check-input {
    margin-right: 15px !important;
}
span.select2.select2-container {
    width: 100% !important;
}
span.amount-paid {
    margin-right: 12px;
}
div#card-errors {
    color: red;
}

.donation-option {
    display: none;
}

.donation-label {
    padding: 10px;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    background: #fff;
    background: #fff;
    text-align: center;
    font-weight: bold;
    width: 100%;
    margin-bottom: 0;
    margin-bottom: 0;
}

.donation-option:checked+.donation-label {
    background-color: #dc3545;
    color: white;
    border-color: #dc3545;
}
.StripeElement {
    box-sizing: border-box;
    width: 100%;
    display: block;
    padding: 0.75rem;
    font-size: 1rem;
    display: block;
    padding: 0.75rem;
    font-size: 1rem;
    color: #32325d;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.StripeElement--focus {
    border-color: #80bdff;
    box-shadow: 0 0 5px #80bdff;
}

.StripeElement--invalid {
    border-color: #e3342f;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.custom-button {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.custom-button:hover {
    background-color: #0056b3;
}

.card-errors {
    color: #e3342f;
    margin-top: 10px;
}
.card-detail {
    padding: 20px 45px;
}
.card-detail > div {
}
#submit-btn:disabled {
    opacity: 0.5 !important;
}
/* deep sir working css dt-24-10-24 */
.cds-t31-uap-profile-page-section{
    padding-top: 2.5rem;
}
.cds-t31-uap-profile-page-header{
    display: flex;
    /* flex: 1 1; */
    justify-content: space-between;
    align-items: center;
    /* border-radius: 8px; */
    /* background: #fff; */
    padding:0  2rem 2rem 2rem;
}
.cds-t14-uap-uae-card {
    background: #fff;
    padding: 1.2rem;
    max-width: 420px;
    border-radius: 1rem;
    display: flex;
    box-shadow: 0px 2px 50px 0px #0000001A;
    flex-direction: column;
}

.cds-t31-uap-profile-page-header-card-top {
    display: flex;
    min-width: 50%;
}

.cds-t31-uap-profile-page-header-card-top-left img {
    width: 85px;
    height: 85px;
    /* border: 6px solid #dc3545; */
    border-radius: 50%;
}

.cds-t31-uap-profile-page-header-card-top-center {
    flex: 1 1;
    padding-left: 1.5rem;
}

.cds-t31-uap-profile-page-header-card-top-center span {
    margin-bottom: 5px;
    font-size: 14px;
    display: block;
    color: #0059e1;
    word-break: break-all;
}

.cds-t31-uap-profile-page-header-card-top-center li {
    font-size: 15px;
    position: relative;
    padding: 0px 4px 0;
    color: #999;
}

.cds-t31-uap-profile-page-header-card-top-center li span {
    width: 7px;
    display: inline-block;
    margin: 0;
    background: #ddd;
    border-radius: 50%;
    height: 7px;
}

.cds-t31-uap-profile-page-header-card-top-center ul {
    position: relative;
    display: flex;
    margin: 0;
    align-items: center;
}

.cds-t31-uap-profile-page-header-card-top-center h4 {
    font-weight: 600;
    margin-bottom: 2px;
}

.cds-t31-uap-profile-page-header-card-top-right span {
    background: #eee;
    padding: 10px;
    color: #999;
    display: inline-flex;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
}

.cds-t31-uap-profile-page-header-card-top-right a {}

.cds-t31-uap-profile-page-header-card-top-right a:hover span {
    background: #ddd;
}

.cds-t31-uap-profile-page-header-card-top-right i {}

.cds-t31-uap-profile-page-header-card-footer-alert {
    display: flex;
}

.cds-t31-uap-profile-page-header-card-footer-alert img {
    width: 22px;
    height: 18px;
    margin-right: 10px;
}

.cds-t31-uap-profile-page-header-card-footer {
    display: flex;
    padding: 0;
    margin-top: 0;
    align-items: center;
    flex-direction: column;
}

.cds-t31-uap-profile-page-header-card-footer-alert-status {
    display: flex;
}
.cds-t31-uap-profile-page-header-card-footer-alert i {
    font-size: 22px;
    color: #d33a2c;
    margin: 0 5px;
}
.cds-t31-uap-profile-page-header-card-footer-alert-status span {
    font-size: 16px;
    color: #000;
    display: flex;
    margin-bottom: 5px;
    font-weight: 600;
    align-items: center;
}.cds-t31-uap-profile-page-header-card-footer-alert-status span span{
   color: #d33a2c;
   margin: 0;
   margin-left: 6px;
}
.cds-t31-uap-profile-page-header-left{
    flex: 1 1;
}
.cds-t31-uap-profile-page-header-right{}
.cds-t31-uap-profile-page-footer{
    padding: 12px 1.5rem;
    border-top: 1px solid #eee;
    font-size: 13px;
    margin-bottom: 0;
    display: flex;
    border-radius: 0 0 12px 12px;
    background: #f8f8f8;
    margin-top: 0;
    justify-content: space-between;
    align-items: center;
}
.cds-t31-uap-profile-page-main{
    /* padding: 2.5rem; */
}
.cds-t31-uap-profile-page-header-card{    display: flex;
    align-items: center;}
	.cds-t31-uap-profile-page-header-card-alert{
    display: flex;
    background: #f8f8f8;
    color: #d33a2c;
    border: 1px solid #eee;
    width: 30px;
    border-radius: 50%;
    height: 30px;
    align-items: center;
    justify-content: center;
}
.cds-t31-uap-profile-reconsideration-button{
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    border: 1px solid #666;
}
.cds-t31-uap-profile-reconsideration-wrapper{}
.cds-t31-uap-profile-reconsideration-button i{margin-right:5px;}
.cds-t31-uap-profile-page-header-container{
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0px 2px 50px 0px #0000001A;
    border-radius: 12px;
    margin-bottom: 2rem;
}
.cds-t31-uap-profile-page-body-container{
    padding: 0 0;
    border: 1px solid #eee;
    border-radius: 0;
    background: #fff;
}
.cds-t31-uap-profile-page-footer-evidence-counter{
    display: flex;
    align-items: center;
}
.cds-t31-uap-profile-page-footer-evidence-counter span{
    margin-left: 7px;
    width: 24px;
    font-size: 12px;
    border-radius: 50%;
    color: #d33a2c;
    background: #eee;
    display: inline-flex;
    height: 24px;
    align-items: center;
    justify-content: center;
}
.cds-t31-uap-profile-page-body-container-address-list ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 0;
    /* margin-left: 1rem; */
    }
.cds-t31-uap-profile-page-addresses{
    padding: 1rem;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 6px;
}
.cds-t31-uap-profile-page-addresses-header{}
.cds-t31-uap-profile-page-addresses-header h4{font-size: 13px;font-weight: 600;margin-bottom: 3px;} 
.cds-t31-uap-profile-page-addresses-body{}
.cds-t31-uap-profile-page-addresses-header span{
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
}
.cds-t31-uap-profile-page-addresses-body p{
    font-size: 14px;
    margin-bottom: 0;
}
.cds-t31-uap-profile-page-body-container-phone{
    padding: 1rem;
    padding-bottom: 1rem;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 0;
}
.cds-t31-uap-profile-page-body-container-phone span{
    font-size: 12px;
    display: block;
    margin-bottom: 3px;
}
.cds-t31-uap-profile-page-body-container-phone h4{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
}
.cds-t31-uap-profile-page-body-container-phone ul{
    margin: 0;
    color: #010101;
    font-size: 13px;
    display: flex;
}
.cds-t31-uap-profile-page-body-container-phone li{
    margin-right: 5px;
}

.cds-t31-uap-profile-page-body-container-social-media{
    padding: 1rem;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 0;
}
.cds-t31-uap-profile-page-body-container-social-media span{
    font-size: 12px;
    margin-bottom: 3px;
    display: block;
}
.cds-t31-uap-profile-page-body-container-social-media h4{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
}
.cds-t31-uap-profile-page-body-container-social-media ul{
    margin: 0;
    color: #010101;
    font-size: 13px;
    display: flex;
}
.cds-t31-uap-profile-page-body-container-social-media li{
    margin-right: 5px;
}
.cds-t31-uap-profile-page-body-container-social-media-list{
    /* margin-left: 1rem; */
    display: flex;
    padding: 1rem;
    /* border-left: 1px solid #eee; */
    justify-content: space-between;
    align-items: center;
}
.cds-t31-uap-profile-page-body-container-address-wrapper{
    border-top: 1px solid #eee;
    display: flex;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    align-items: center;
}
.cds-t31-uap-profile-page-body-container-address-wrapper-heading{
    padding: 1rem;
    display: flex;
    /* margin-right: 1rem; */
    /* border-right: 1px solid #eee; */
    width: 210px;
    align-items: center;
}
.cds-t31-uap-profile-page-body-container-address-wrapper-heading span{
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
} 
.cds-t31-uap-profile-page-body-container-address-wrapper-heading h4{
    font-size: 14px;
    margin: 0;
    font-weight: 600;
} .cds-t31-uap-profile-page-body-container-phone-wrapper{
    border-bottom: 1px solid #eee;
    /* width: 160px; */
    display: flex;
    margin-bottom: 0;
    align-items: center;
}.cds-t31-uap-profile-page-body-container-phone-list ul{display: flex;/* margin-left: 1rem; *//* border-left: 1px solid #eee; *//* padding: 2rem; */align-items: center;}
.cds-t31-uap-profile-page-body-container-phone-wrapper-heading{
    /* border-right: 1px solid #eee; */
    padding: 1rem;
    display: flex;
    /* margin-right: 1rem; */
    width: 210px;
    align-items: center;
}
.cds-t31-uap-profile-page-body-container-phone-wrapper-heading span{
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
} 
.cds-t31-uap-profile-page-body-container-phone-wrapper-heading h4{
    font-size: 14px;
    margin: 0;
    font-weight: 600;
} .cds-t31-uap-profile-page-body-container-social-media-wrapper{
    /* border-bottom: 1px solid #eee; */
    /* width: 160px; */
    display: flex;
    align-items: center;
}
.cds-t31-uap-profile-page-body-container-social-media-wrapper-heading{
    /* border-right: 1px solid #eee; */
    padding: 1rem;
    /* margin-right: 1rem; */
    display: flex;
    width: 210px;
    align-items: center;
}
.cds-t31-uap-profile-page-body-container-social-media-wrapper-heading span{
    display: block;
    font-size: 12px;
    margin-bottom: 2px;
} 
.cds-t31-uap-profile-page-body-container-social-media-wrapper-heading h4{
    font-size: 14px;
    margin: 0;
    font-weight: 600;
} 
.cds-t31-uap-profile-page-body-container-flagged-section{
    flex: 1 1;
    background: #f8f8f8;
    border-left: 1px solid #eee;
    /* display: flex; */
    margin-left: 1rem;
}

/* deep sir working css end */
input::placeholder {
    text-transform: capitalize;
}
/*  */
#tableList .custom-control #datatableCheckAll {width: 18px;height: 18px;}
#tableList .custom-control-input.row-checkbox {width: 15px;height: 15px;}
.cds-terms {flex-wrap: wrap;}
.cds-terms #terms_conditions-error {order: 1;}
.wrap-word {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

/* edit-feedback-form */
#edit-feedback-form .rating {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: .5rem;
	font-size: 2rem;
	color: var(--yellow);
	margin-bottom: 2rem;
}
#edit-feedback-form .rating .star {
	cursor: pointer;
}
#edit-feedback-form .rating .star.active {
	opacity: 0;
	animation: animate .5s calc(var(--i) * .1s) ease-in-out forwards;
}
@keyframes animate {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
#edit-feedback-form .rating .star:hover {
	transform: scale(1.1);
}
#edit-feedback-form textarea {
	width: 100%;
	background: var(--light);
	padding: 1rem;
	border-radius: .5rem;
	border: none;
	outline: none;
	resize: none;
	margin-bottom: .5rem;
}
#edit-feedback-form .btn-group {
	display: flex;
	grid-gap: .5rem;
	align-items: center;
}
#edit-feedback-form .btn-group .btn {
	padding: .75rem 1rem;
	border-radius: .5rem;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: .875rem;
	font-weight: 500;
}
#edit-feedback-form .btn-group .btn.submit {
	background: var(--blue);
	color: var(--white);
}
#edit-feedback-form .btn-group .btn.submit:hover {
	background: var(--blue-d-1);
}
#edit-feedback-form .btn-group .btn.cancel {
	background: var(--white);
	color: var(--blue);
}
#edit-feedback-form .btn-group .btn.cancel:hover {
	background: var(--light);
}
/* # edit-feedback-form */
.cds-case-custom-tabs ul.cds-case-custom-tabs-list {
    display: flex;
    overflow-x: auto;
}
.cds-t31-uap-profile-page-body-container-links ul{
display: flex;
flex-wrap: wrap;
}
.cds-t31-uap-profile-page-body-container-links {
    margin-bottom: 10px;
}
.cds-t31-uap-profile-page-body-container-links li .nav-link{
    display:block;
    color: #212529;
    padding-bottom: 5px;
    white-space: nowrap;
}
.cds-t31-uap-profile-page-body-container-links .nav-item + .nav-item {margin-left: 20px;}
.cds-t31-uap-profile-page-body-container-links li.active a{
    color: #0059e1;
    border-bottom: 3px solid #0059e1;
    /* font-weight: 600; */
}.cds-t31-uap-profile-page-body-container-summary-wrapper{
    padding: 1.5rem;
}
.cds-t31-uap-profile-page-body-container-summary-wrapper p{
    font-size: 14px;
    margin: 0;
}
.cds-t27-faq-grid-category-title{}
.cds-t27-faq-grid-category-title a{}
.cds-t27-faq-grid-category-title i{}
.cds-t33-uap-profile-page-reviews{
    background: #f8f8f8;
    border: 1px solid #eee;
    margin-top: 2rem;
}
.thumbs-down-tags{
    color: #d33a2c !important;
}
.thumbs-down-score{
    margin: 0 !important;
   
}
.thumbs-down-score i{
    font-size: 16px;
    color: #aaa;
    cursor: pointer;
    }

.cds-t31-uap-profile-page-reviews .fa-thumbs-down {
}
.cds-t33-uap-profile-page-reviews-header{
    padding: 1.5rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem;
    background: #fff;
}
.cds-t33-uap-profile-page-reviews-body{
    padding: 1.5rem;
}
.cds-ty-33-review-card-header{
    padding: 1rem;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cds-ty-33-review-card-header-report{
    font-size: 11px;
    color: #888;
    letter-spacing: 0.5px;
}
.cds-ty-33-review-card-header-report i{
    margin-right: 3px;
}
.cds-ty-33-review-card-footer{
    padding: 0.8rem 1rem;
    background: #f5f7f9;
    border-top: 1px solid #eee;
}
.cds-ty-33-review-card-footer ul{margin: 0;display: flex;}
.cds-ty-33-review-card-footer li{
    margin-right: 20px;
}
.cds-ty-33-review-card-footer a{
    color: #507397;
    display: block;
    font-size: 14px;
}
.cds-ty-33-review-card-footer a i{
    /* color: #666; */
}
.cds-ty-33-review-card-body{
    padding: 1rem;
}
.cds-ty-33-review-card-summary{background: #fff;border-radius: 6px;border: 1px solid #eee;padding: 1.5rem;}
.cds-t31-uap-profile-page-body-container-wrapper-heading-container{
    margin-left: 5px;
}
.cds-t31-uap-profile-page-body-container-address-wrapper-heading i{
    margin-right: 10px;
    color: #d33a2c;
}.cds-t31-uap-profile-page-body-container-social-media-wrapper-heading i{
    margin-right: 10px;
    color: #d33a2c;
}.cds-t31-uap-profile-page-body-container-phone-wrapper-heading i{
    margin-right: 10px;
    color: #d33a2c;
}
.cds-t31-uap-profile-page-findings{
    background: #f8f8f8;
    padding: 1.5rem;
    padding-right: 1rem;
    border-top: 1px solid #eee;
}
.cds-t31-uap-profile-page-findings-headings{}
.cds-t31-uap-profile-page-findings-headings h2{
    font-size: 1rem;
    color: #d33a2c;
}.cds-t31-uap-profile-page-findings-body{}
.cds-t31-uap-profile-page-findings-body p{
    font-size: 14px;
}
.cds-t31-uap-profile-page-findings-body ul{
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
}
.cds-t31-uap-profile-page-findings-body li{
    background: #fff;
    margin-right: 12px;
    border: 1px solid #eee;
    padding: 8px 18px;
    border-radius: 25px;
}.cds-t31-uap-profile-page-findings-body li a{
    display: block;
    color: #444;
}.cds-t31-uap-profile-page-findings-body ul{
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
}
.cds-t31-uap-profile-page-findings-body li{
    background: #fff;
    margin-right: 12px;
    border: 1px solid #eee;
    padding: 4px 18px;
    font-size: 13px;
    margin-bottom: 10px;
    border-radius: 25px;
}.cds-t31-uap-profile-page-findings-body li a{
    display: block;
    color: #444;
}
/*=======================Review Container======================*/

    .cds-ty-33-rate-container {
        text-align: center;
        flex: 1 1;
       
        overflow: hidden;
		   animation: fadeInContainer 0.5s ease-out;
    } 
    @keyframes fadeInContainer {
        0% { opacity: 0; transform: translateY(-10px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    .cds-ty-33-rate-rating-stars {
        display: flex;
        justify-content: center;
        cursor: pointer;
        margin-bottom: 20px;
        opacity: 1;
        transition: opacity 0.5s ease;
    }
    .cds-ty-33-rate-rating-stars span {
        font-size: 2em;
        color: #ccc;
        padding: 0 5px;
        transition: color 0.3s;
    }
    .cds-ty-33-rate-rating-stars .selected {
        color: #FFD700;
    }
    .cds-ty-33-rate-step, .cds-ty-33-rate-thank-you {
        display: none;
        opacity: 0;
        animation: fadeIn 0.5s ease-out forwards;
    }
    @keyframes fadeIn {
        0% { opacity: 0; transform: translateY(10px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .cds-ty-33-rate-active {
        display: block;
        animation: fadeIn 0.5s ease-out forwards;
    }
    .cds-ty-33-rate-feedback-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-top: 10px;
    }
    .cds-ty-33-rate-feedback-tags span {
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
    }
    .cds-ty-33-rate-selected-tag {
        background-color: #007bff;
        color: white;
        border-color: #007bff;
    }
    .cds-ty-33-rate-textarea, .cds-ty-33-rate-input {
        width: 100%;
        padding: 10px;
        margin-top: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }
    .cds-ty-33-rate-textarea:hover, .cds-ty-33-rate-input:hover {
        background-color: #f9f9f9;
    }
    .cds-ty-33-rate-submit-btn {
        padding: 10px 20px;
        background-color: #063084;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        transition: background-color 0.3s;
    }
    .cds-ty-33-rate-submit-btn:hover {
        background-color: #218838;
    }
	
	.cds-ty-33-rate-container h3{
       color: #d33a2c;
       margin-top: 0;
       margin-bottom: 1.5rem;
       font-size: 1.25rem;
    }
  .cds-ty-33-rate-step-divider{
    width: 100%;
    display: block;
    /* background: #eee; */
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    position: relative;
}.cds-ty-33-rate-step-divider span{
    display: inline-block;
    position: relative;
    padding: 0 12px;
    background: #fff;
}
	.cds-ty-33-rate-step-divider:before{content:"";width:100%;position:absolute;height:1px;background:#ddd;top: 14px;left:0;right:0;}
	.cds-ty-33-rate-step-button-wrap{
    padding: 1.5rem;
    display: flex;
    margin-top: 1rem;
    padding-bottom: 0;
    flex-direction: column;
    align-items: center;
}/* Modal styling */
/* Basic hidden class for items */
.hidden {
  display: none;
}
/* Initially hide extra items */
.extra-item {
  display: none;
}

/* Modal Overlay */
.cds-t31-uap-profile-page-findings-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  backdrop-filter: blur(5px); /* Background blur */
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}

/* Show modal overlay */
.cds-t31-uap-profile-page-findings-modal-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

/* Modal Content */
.cds-t31-uap-profile-page-findings-modal-content {
  background: white;
  padding: 20px;
  width: 80%;
  max-width: 500px;
  max-height: 80vh;
  overflow-y: auto;
  border-radius: 8px;
  position: relative;
  transform: translateY(-30px);
  animation: slideDown 0.3s ease forwards;
}

/* Close Button */
.cds-t31-uap-profile-page-findings-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 1.5em;
}

/* Animation for modal entrance */
@keyframes slideDown {
  from {
    transform: translateY(-30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .cds-t31-uap-profile-page-findings-modal-content {
    width: 90%;
    padding: 15px;
  }
  .multi-selectbox .select2-selection__rendered {min-height: 100%;height: 100%;max-height: 135px;overflow-y: auto !important;}
}
/* Skeleton loader with shimmer effect */
.cds-t31-uap-profile-page-findings-skeleton-loader,
.cds-t31-uap-profile-page-address-skeleton-loader,
.cds-t31-uap-profile-page-phone-skeleton-loader,
.cds-t31-uap-profile-page-social-media-skeleton-loader {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-right: 1rem;
  margin-bottom: 16px;
}

.skeleton-item {
  height: 16px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.skeleton-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(224, 224, 224, 0.5) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(224, 224, 224, 0.5) 100%);
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* Modal overlay styling */
.cds-t31-uap-profile-page-findings-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  backdrop-filter: blur(5px);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.cds-t31-uap-profile-page-findings-modal-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

.cds-t31-uap-profile-page-findings-modal-content {
  background: white;
  padding: 20px;
  width: 80%;
  max-width: 500px;
  max-height: 80vh;
  overflow-y: auto;
  border-radius: 8px;
  position: relative;
}

.close-button {
  position: absolute;
  top: 0px;
  right: 10px;
  cursor: pointer;
  font-size: 1.5em;
}

.hidden {
  display: none;
}


.cds-t31-uap-profile-page-findings-body-findings-list{
    display: flex;
    align-items: center;
}
.cds-t31-uap-profile-page-findings-more{
    display: inline-flex;
    background: #eee;
    height: 26px;
    font-size: 12px;
    border: 1px solid #ddd;
    line-height: 25px;
    border-radius: 50%;
    width: 26px;
    justify-content: center;
    align-items: center;
}
.cds-t31-uap-profile-page-findings-body-list ul{}
.cds-t31-uap-profile-page-findings-body-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cds-t31-uap-profile-page-body-container-address-list{
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 15px;
}
.cds-t31-uap-profile-page-body-container-address-list ul li{
    padding: 1rem;
    font-size: 14px;
    background: #fff;
}
.cds-t31-uap-profile-page-body-container-phone-list{
    display: flex;
    padding: 1rem;
    align-items: center;
    justify-content: space-between;
}.cds-t31-uap-profile-page-body-container-phone-list li{
    font-size: 14px;
    background: #fff;
    margin-right: 0.5rem;
    padding: 0.5rem;
}
.cds-t31-uap-profile-page-body-container-social-media-list{}
.cds-t31-uap-profile-page-body-container-social-media-list ul{
    /* margin-bottom: 10px !important; */
    
}
.cds-t31-uap-profile-page-body-container-social-media-list li{
    padding: 5px;
    font-size: 13px;
    word-break: break-all;
}
.cds-t31-uap-profile-page-body-container-phone-list{}
.cds-t31-uap-profile-page-area-influence-heading{}
.cds-t31-uap-profile-page-area-influence-heading h2{font-size: 1rem;
    color: #d33a2c;}
.cds-t31-uap-profile-page-area-influence{
   background: #f8f8f8;
    padding: 1.5rem;
    padding-right: 1rem;
    border-top: 1px solid #eee;
}
.cds-t31-uap-profile-page-area-influence-body{}
.cds-t31-uap-profile-page-area-influence-body ul{
    font-size: 14px;
    display: flex;
}
.cds-t31-uap-profile-page-area-influence-body ul li{
    padding: 5px;
    color: #ce5044;
}
.cds-t31-uap-profile-page-body-related-uap{
    background: #fff;
    border: 1px solid #eee;
    padding: 1rem 1.5rem 1.5rem;
}
.cds-t31-uap-profile-page-body-related-uap-heading{
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
}
.cds-t31-uap-profile-page-body-related-uap-list{display: flex;flex-direction: row;gap: 10px;flex-wrap: wrap;}
.cds-t31-uap-profile-page-body-related-uap-list img{
    width: 50px;
    margin-bottom: 5px;
    height: 50px;
    /* border: 6px solid #dc3545; */
    border-radius: 50%;
    }
.cds-t31-uap-profile-page-body{}
.cds-t31-uap-profile-page-body-related-uap-list span{
 
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 5px;
    max-width: 125px;
}
.cds-t31-uap-profile-page-body-related-uap-list h4{
    font-size: 13px;
    margin: 0;
}
.cds-t33-uap-profile-page-sidebar-feedback-button{
    padding: 1rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 1rem;
    display: block;
    font-size: 14px;
    color: #d33a2c;
}
.cds-t33-uap-profile-page-sidebar-voilation-button{
    border: 1px solid #ddd;
    margin-bottom: 1rem;
    padding: 1rem;
    color: #d33a2c;
    border-radius: 12px;
    background: #fff;
    font-size: 14px;
    display: block;
}
.cds-ty-33-uap-sidebar{}
.cds-ty-33-uap-sidebar-share-links{}
.cds-ty-33-uap-sidebar-share-links ul{
    display: flex;
    margin-bottom: 13px !important;
}
.cds-ty-33-uap-sidebar-share-links ul li{
    font-size: 13px;
    padding: 10px;
}
.cds-ty-33-uap-sidebar-share-links ul li a{}
.cds-ty-33-uap-sidebar-share-links ul li a i{}
.form-label {text-transform: capitalize;}
.wizard .cds-male #gender-error {
    position: absolute;
    top: 36px;
    margin-left: 0;
}
.wizard .cds-female #gender-error {
    display: none;
}
.cds-plus-icon {
    background: #f5f5f5;
    padding: 0 8px;
    border-radius: 0.5rem;
}
.cds-plus-icon .fa-plus {color: #777;font-size: 12px;}
.cds-plus-icon .data-show {padding: 10px 5px 3px 2px;}

.disabled-form {
    pointer-events: none;
    opacity: 0.5;
}
.srv-checkbox:checked + label{
    /* border: 1px solid #888 !important;
    background-color: #EEE;
    border-radius:5px ; */
}
.service-checkbox {
    /* padding: 10px; */
    width: 100% !important;
}
.sub-services li {
    margin-bottom: 1rem;
}
.cds-t23-search-box-wrapper{
    display: flex;
    align-items: center;
}
/*==========================T35 support page============================*/
.cds-t35n-content-support-form-section {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.5rem;
    padding: 1rem 0;
    background: rgba(0, 0, 0, 0.01);
    /* border-top: 1px solid #e5e5e5; */
}

.cds-t35n-content-support-form-section-title {
    max-width: 768px;
}

.cds-t35n-content-support-form-section-title span {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.cds-t35n-content-support-form-section-title h4 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    font-weight: 800;
}

.cds-t35n-content-support-form-section-title p {
    /* font-weight: 300; */
    margin: 0;
}
.cds-t35n-content-support-form-section-body{}
.cds-t27-faq-grid-category-title-wrap{
    padding: 2rem;
    border-radius: 12px;
    margin-top: 0;
    display: flex;
    box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    background: #fff;
}
.cds-t27-faq-grid-category-title-wrap-header{}

.cds-t27-faq-grid-category-title-wrap-header span{
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 !important;
  
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.cds-t27-faq-grid-category-title-wrap-body{}
.cds-t27-faq-grid-category-title-wrap-body p{
    margin: 0;
    font-size: 15px;
}
.faq-content {
    background: #fff !important;
}.cds-t27-kbase-grid ol{
    padding-left: 1.5rem;
    margin: 0;
}
.cds-t27-kbase-grid li{
    list-style: decimal;
    margin-bottom: 0;
}
.cds-t27-faq-grid-category-title-wrap-details{flex: 1 1;}
.cds-t27-faq-grid-category-title-wrap-image{
    margin-right: 1rem;
}
.cds-t27-faq-grid-category-title-wrap-image img{
    width: 80px;
}
.faq-header:hover {color:#0a0a0a}
span.amount-paid {
    font-size: 20px;
    font-weight: bold;
    color: #dc3545;
}
.complete-step {
    display: none;
    position: absolute;
    top: -10px;
    right: -10px;
    top: -10px;
    right: -10px;
}
.step-done .complete-step {
    display: block;
}
.step-done {
    position: relative;
}

.error-section {
    background-color: #f4abaa;
    padding: 10px;
    margin: 0.5rem 0px 1rem;
    border-left: 4px solid #dc3545;
}

.error-section h3 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 0;
}

.error-section p {
    font-size: 13px;
    margin: 0;
    color: #333;
}
.cds-t35n-content-support-form-section-body{}
.cds-t35-content-support-form-segments{
    box-shadow: 0px 2px 50px 0px #0000001A;
    background: #fff;
    margin-bottom: 2.5rem;
    padding: 0;
    border-radius: 8px;
}
.cds-t35-content-support-form-segments h2{display: flex;font-size: 1.2rem;flex-direction: column;}
.cds-t35-content-support-form-segments span{
    display: block;
    font-size: 13px;
    color: #063084;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.cds-t35-content-support-form-segments-header{
    padding: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
}
.cds-t35-content-support-form-segments-body{
    padding: 1.5rem;
    background: #f8f8f8;
}
.cds-t35-content-support-form-segments-footer{
    padding: 1.5rem;
    display: flex;
    border-top: 1px solid #eee;
    justify-content: flex-end;
}
.cds-t35-content-support-form-segments-header p{
    font-size: 14px;
    margin: 0;
}
.cds-t35-content-support-form-segments-header h2{
    margin: 0;
    margin-bottom: 5px;
    color: #000;
}
.cds-t35-content-support-form-segments-footer-btn-box{
    display: flex;
    flex-direction: row;
}
.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue{
    display: flex;
    align-items: flex-end;
}.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue span{
    color: #fff;
    margin: 0;
    text-transform: CAPITALIZE;
    margin-right: 5px;
}
.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue i{font-size: 14px;}
.cds-t35-content-support-form-segments-body-note-section{
    text-transform: none !important;
    text-align: right;
    margin: 0 !important;
}.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue:hover, .cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue:focus{background:#dc3545}
.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue:hover, .cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue:focus i{color:#fff;}
.cds-t35-content-support-form-segments-body-note-section p{
    color: #444;
    margin: 0;
    font-size: 12px;
}
.cds-t35-content-support-form-segments-body-note-section i{}
.cds-t35-content-support-form-segments-body-amount-list{
    padding: 0 0.5rem;
}
.cds-t35-content-support-form-segments-body-amount-list label{
    font-size: 14px;
}
.cds-t35-content-support-form-segments-body-amount-list input{}
.cds-t35-content-support-form-segments-body-amount-list-wrap{
    padding: 0.5rem 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cds-t35-content-support-form-segments-body-other-amount-list-wrap{}
.cds-t35-content-support-form-segments-body-other-amount-list-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0.5rem 0;
}
.cds-t35-content-support-form-segments-body-other-amount-list-wrap-list{
    padding: 0 0.5rem;
}
.cds-t35-content-support-form-segments-body .form-label{
    font-size: 13px;
}
.cds-t35-content-support-form-segments-body-total{
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 1rem;
    border: 1px solid #e5e5e5;
}
.cds-t35-content-support-form-segments-body-total-header{
    padding-bottom: 12px;
    background: #fff;
}
.cds-t35-content-support-form-segments-body-total-header h5{
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 5px;
    justify-content: space-between;
    align-items: baseline;
}
.cds-t35-content-support-form-segments-body-total-header span{
    font-size: 12px !important;
    display: block;
    /* font-size: 1rem; */
    color: #000;
    text-transform: none;
    margin: 0;
}
.cds-t35-content-support-form-segments-body-total-footer{
    padding-top: 10px;
    border-top: 1px solid #eee;
}
.cds-t35-content-support-form-segments-body-total-footer-wrap li img{
    margin-right: 10px;
    width: 40px;
}
.cds-t35-content-support-form-segments-body-total-footer-wrap img{}
.cds-t35-content-support-form-segments-body-total-footer-wrap {
    display: flex;
}
.cds-t35-content-support-form-segments-body-total-header .amount-paid{
    font-weight: 600;
    font-size: 14px !important;
    color: #063084;
}.cds-t35-content-support-payment-accept-terms{font-size:12px;padding: 1rem 0;margin-bottom: 1rem;}
.cds-t35-content-support-payment-accept-terms input{margin-right:5px;}
.step-done .cds-t35-content-support-form-segments span.step-information{color:green;}
.cds-t21n-content-section-sidebar-support-form-content{
    margin: 0 auto;
    max-width: 600px;
}
.cds-t21n-content-section-sidebar-support-form-content-header{
    margin-bottom: 1rem;
}
.cds-t21n-content-section-sidebar-support-form-content-header img {
    max-width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 3px 0px #0000001A;
}
.cds-t21n-content-section-sidebar-support-form-content-body{}
.cds-t21n-content-section-sidebar-support-form-content-body h3{}
.cds-t21n-content-section-sidebar-support-form-content-body p{}
.cds-t21n-content-section-sidebar-support-form-content-body ul{}
.cds-t21n-content-section-sidebar-support-form-content-body li{}
.cds-t21n-content-section-sidebar-support-form-content-body li a{}
.cds-t21n-content-section-sidebar-support-form-content-body li img{}
.cds-t35n-content-support-form-section-para {
    max-width: 768px;
}

.cds-t35n-content-support-form-section-para span {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.cds-t35n-content-support-form-section-para h4 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    font-weight: 800;
}.cds-t21n-content-section-sidebar-support-form-content-header h4 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    font-weight: 800;
}

.cds-t35n-content-support-form-section-para p {
    /* font-weight: 300; */
    margin: 0;
    font-size: 15px;
}
.cds-t21n-content-section-sidebar-support-form-content-header span{ font-size: 14px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;}
	.cds-t35n-content-support-form-section-para h5{
    margin-top: 1.5rem;
    color: #04163c;
    font-weight: 700;
}
	.cds-t35n-content-support-form-section-para ul{
    padding-left: 5px;
}
	.cds-t35n-content-support-form-section-para li{
    line-height: 24px;
    font-size: 14px;
    padding: 10px 0;
}
	.cds-t35n-content-support-form-section-para li i{
    color: #24b744;
    margin-right: 5px;
}
.cds-t35n-content-support-form-section-body{}
.cds-t35-content-support-form-segments{
    box-shadow: 0px 2px 50px 0px #0000001A;
    background: #fff;
    margin-bottom: 2.5rem;
    padding: 0;
    border-radius: 8px;
}
.cds-t35-content-support-form-segments h2{display: flex;font-size: 1.2rem;flex-direction: column;}
.cds-t35-content-support-form-segments span{
    display: block;
    font-size: 13px;
    color: #063084;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.cds-t35-content-support-form-segments-header{
    padding: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
}
.cds-t35-content-support-form-segments-body{
    padding: 1.5rem;
    background: #f8f8f8;
}
.cds-t35-content-support-form-segments-footer{
    padding: 1.5rem;
    display: flex;
    border-top: 1px solid #eee;
    justify-content: flex-end;
}
.cds-t35-content-support-form-segments-header p{
    font-size: 14px;
    margin: 0;
}
.cds-t35-content-support-form-segments-header h2{
    margin: 0;
    margin-bottom: 5px;
    color: #000;
}
.cds-t35-content-support-form-segments-footer-btn-box{
    display: flex;
    flex-direction: row;
}
.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue{
    display: flex;
    align-items: flex-end;
}.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue span{
    color: #fff;
    margin: 0;
    text-transform: CAPITALIZE;
    margin-right: 5px;
}
.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue i{font-size: 14px;}
.cds-t35-content-support-form-segments-body-note-section{
    text-transform: none !important;
    text-align: right;
    margin: 0 !important;
}.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue:hover, .cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue:focus{background:#dc3545}
.cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue:hover, .cds-t35-content-support-form-segments-footer-btn-box .btn-royalblue:focus i{color:#fff;}
.cds-t35-content-support-form-segments-body-note-section p{
    color: #444;
    margin: 0;
    font-size: 12px;
}
.cds-t35-content-support-form-segments-body-note-section i{}
.cds-t35-content-support-form-segments-body-amount-list{
    padding: 0 0.5rem;
}
.cds-t35-content-support-form-segments-body-amount-list label{
    font-size: 14px;
}
.cds-t35-content-support-form-segments-body-amount-list input{}
.cds-t35-content-support-form-segments-body-amount-list-wrap{
    padding: 0.5rem 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cds-t35-content-support-form-segments-body-other-amount-list-wrap{}    
.cds-t35-content-support-form-segments-body-other-amount-list-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0.5rem 0;
}
.cds-t35-content-support-form-segments-body-other-amount-list-wrap .cds-enteramount {grid-column-start: span 2;}

.cds-t35-content-support-form-segments-body-other-amount-list-wrap-list{
    padding: 0 0.5rem;
}
.cds-t35-content-support-form-segments-body .form-label{
    font-size: 13px;
}
.cds-t35-content-support-form-segments-body-total{
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 1rem;
    border: 1px solid #e5e5e5;
}
.cds-t35-content-support-form-segments-body-total-header{
    padding-bottom: 12px;
    background: #fff;
}
.cds-t35-content-support-form-segments-body-total-header h5{
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 5px;
    justify-content: space-between;
    align-items: baseline;
}
.cds-t35-content-support-form-segments-body-total-header span{
    font-size: 12px !important;
    display: block;
    /* font-size: 1rem; */
    color: #000;
    text-transform: none;
    margin: 0;
}
.cds-t35-content-support-form-segments-body-total-footer{
    padding-top: 10px;
    border-top: 1px solid #eee;
}
.cds-t35-content-support-form-segments-body-total-footer-wrap li img{
    margin-right: 10px;
    width: 40px;
}
.cds-t35-content-support-form-segments-body-total-footer-wrap img{}
.cds-t35-content-support-form-segments-body-total-footer-wrap {
    display: flex;
}
.cds-t35-content-support-form-segments-body-total-header .amount-paid{
    font-weight: 600;
    font-size: 14px !important;
    color: #063084;
}.cds-t35-content-support-payment-accept-terms{font-size:12px;padding: 1rem 0;margin-bottom: 1rem;}
.cds-t35-content-support-payment-accept-terms input{margin-right:5px;}
.step-done .cds-t35-content-support-form-segments span.step-information{color:green;}
.cds-t21n-content-section-sidebar-support-form-content{}
.cds-t21n-content-section-sidebar-support-form-content-header{}
.cds-t21n-content-section-sidebar-support-form-content-header img{max-width:100%;}
.cds-t21n-content-section-sidebar-support-form-content-body{}
.cds-t21n-content-section-sidebar-support-form-content-body h3{}
.cds-t21n-content-section-sidebar-support-form-content-body p{}
.cds-t21n-content-section-sidebar-support-form-content-body ul{}
.cds-t21n-content-section-sidebar-support-form-content-body li{}
.cds-t21n-content-section-sidebar-support-form-content-body li a{}
.cds-t21n-content-section-sidebar-support-form-content-body li img{}
.cds-t35n-content-support-form-section-title {
    max-width: 768px;
}

.cds-t35n-content-support-form-section-title span {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.cds-t35n-content-support-form-section-title h4 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    font-weight: 800;
}

.cds-t35n-content-support-form-section-title p {
    /* font-weight: 300; */
    margin: 0;
}
button:disabled {
    opacity: 0.5;
}
.cds-t21n-content-section-sidebar-support-form-content-header img {
    margin-bottom: 1.5rem;
}
.cds-t35n-content-support-form-section-para-highlight{
    background: #fff;
    padding: 1.25rem;
    margin-bottom: 2rem;
}
.cds-t35n-content-support-form-section-para-highlight p{
    margin: 0;
}
.cds-t35n-content-support-form-section-para-details{}
.cds-t35n-content-support-form-section-ul-reg-list{
    padding: 0 !important;
    margin-left: 25px !important;
}
.cds-t35n-content-support-form-section-ul-reg-list li{
    list-style: outside;
    padding: 5px 0;
}
.cds-t35n-content-support-form-section-ul-reg-list li a{}
.cds-t35n-content-support-form-section-para h6{
    font-weight: 700;
    margin-top: 22px;
    margin-bottom: 10px;
}

/*professioal details feeback css */
#feedbackForm .rating {
    display: flex;
    justify-content: start;
    align-items: center;
    grid-gap: .5rem;
    font-size: 2rem;
    color: var(--yellow);
    margin-bottom: 2rem;
}
#feedbackForm .rating .star {
    cursor: pointer;
    color: #FFD000;
}
#feedbackForm .rating .star.active {
    opacity: 0;
    animation: animate .5s calc(var(--i) * .1s) ease-in-out forwards;
}
@keyframes animate {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
#feedbackForm .rating .star:hover {
    transform: scale(1.1);
}
#feedbackForm textarea {
    width: 100%;
    background: var(--white);
    padding: 0.375rem 0.75rem;
    border-radius: .5rem;
    border: 1px solid #ced4da;
    outline: none;
    resize: none;
    margin-bottom: .5rem;
}
#feedbackForm .btn-group {
    display: flex;
    grid-gap: .5rem;
    align-items: center;
}
#feedbackForm .btn-group .btn {
    padding: .75rem 1rem;
    border-radius: .5rem;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
}
#feedbackForm .btn-group .btn.submit {
    background: var(--blue);
    color: var(--white);
}
#feedbackForm .btn-group .btn.submit:hover {
    background: var(--blue-d-1);
}
#feedbackForm .btn-group .btn.cancel {
    background: var(--white);
    color: var(--blue);
}
#feedbackForm .btn-group .btn.cancel:hover {
    background: var(--light);
}
#voilations_div .invalid-feedback {
    text-align: left;
}
/*=============== Registration==================*/
.cds-t66-professional-profile-container{
    /* max-width: 600px; */
    background: #fff;
    box-shadow: 0px 2px 20px 3px #0000001a;
    border-radius: 12px;
    width: 100%;
    /* margin: 2rem auto 1rem; */
    }
	.cds-t66-professional-profile-registration-header{
    padding: 1.5rem;
    /* border-bottom: 1px solid #eee; */
}
		.cds-t66-professional-profile-registration-header h3{
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
}
	.cds-t66-professional-profile-registration-body{
    background: #f8f8f8;
    padding: 1.5rem;
}.cds-t66-form-accept-terms{
    display: flex;
    margin-bottom: 14px;
    margin-top: 6px;
}
.cds-t66-form-accept-terms input{
    margin-right: 10px;
}
.cds-t66-form-accept-terms .form-check-label{
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.cds-t66-form-accept-terms a{}
		.cds-t66-professional-profile-registration-footer{
    padding: 1.5rem;
    display: flex;
    justify-content: flex-end;
}
.cds-t66-professional-profile-container .m-1rem{
    margin-bottom: 1.25rem;
}.cds-t66-professional-profile-container .mt-1rem{
    margin-top: 1.5rem;
}
 /* Styling for form container */
    .cds-t66-floating-label-form {
     /* padding: 10px 0; */
    }

    .cds-t66-floating-label-form .form-group {
      position: relative;
      margin: 20px 0;
    }
    .cds-t66-floating-label-form .form-group.cds-t66-custom-phone-number-input {
      display:flex;
    
    }

    /* Styling for input fields */
   .cds-t66-floating-label-form input[type="text"],
    .cds-t66-floating-label-form input[type="email"],
    .cds-t66-floating-label-form input[type="password"],
    .cds-t66-floating-label-form select{
      width: 100%; 
      position:relative;
      padding: 1rem;
      line-height: 1rem;
      font-size: 1rem;
      border: 1px solid #ccc;
      border-radius: 6px;
      outline: none;
    }

    /* Change border color on focus */
.cds-t66-floating-label-form input:focus,
.cds-t66-floating-label-form input.focused,
.cds-t66-floating-label-form select:focus,
/* .cds-t66-floating-label-form-radio-container:focus, */
.cds-t66-floating-label-form select.focused {
      border-color: #007bff;
      position: relative;
      /* z-index: 1; */
    }
 
    /* Styling for labels */
    /* .cds-t66-floating-label-form label {
      position: absolute;
      left: 6px;
      top: -22px;
      font-size: 12px;
      color: #999;
      pointer-events: none;
      transition: 0.2s ease all;
    } */

    /* Add class to move label to the top */
    .label-floating {color: #007bff;}
    .cds-t66-floating-label-form .label-floating, .cds-t66-floating-label-form-radio-container .label-floating {
      top: -30px !important;
      left: 6px !important;
      font-size: 12px !important;
      color: #007bff !important;
    }
    /* Additional styling for radio buttons */
    .cds-t66-floating-label-form .radio-group, .cds-form-container .form-check-inline .radio-group {
      display: flex;
      align-items: center;
      gap: 10px;
    }
.cds-t66-custom-phone-number-input .label-floating {
      top: -22px;
      left: 18px;
      font-size: 12px;
      color: #007bff;
    }.cds-t66-custom-phone-number-input label {
      position: absolute;
      left: 18px;
      top: -22px;
      font-size: 12px;
      color: #999;
      pointer-events: none;
      transition: 0.2s ease all;
    }.cds-t66-custom-phone-number-input {position:relative;}
.cds-t66-custom-phone-number-input input[type="text"]{
    margin-left: 100px;
    border-radius: 0 6px 6px 0;
    flex: 1 1;
}
    .cds-t66-floating-label-form .radio-group input[type="radio"] {
      margin: 0;
      width: auto;
    }.cds-t66-floating-label-form {
    position: relative;
}



.cds-t66-floating-label-form .phone-input:focus ~ .floating-label,
.cds-t66-floating-label-form .phone-input:not(:placeholder-shown) ~ .floating-label {
    top: 5px;
    left: 75px; /* Same as above, adjust as needed */
    font-size: 0.8rem;
    color: #333;
}

.cds-t66-floating-label-form .phone-input {
    padding-left: 75px; /* Adjust padding for flag */
    font-size: 1rem;
}
/* .phone_no {
    padding-left: 80px;
    font-size: 1rem;
} */

#selected-flag {
    cursor: pointer;
    display: flex;
    align-items: center;
}

#country-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: white;
    z-index: 100;
}

#country-dropdown.hidden {
    display: none;
}

#country-dropdown .dropdown-item {
    padding: 5px 10px;
    cursor: pointer;
}

#country-dropdown .dropdown-item:hover {
    background-color: #f0f0f0;
}

#dial-code {
    margin-right: 5px;
}.cds-t66-custom-phone-number-input-wrap{display: flex;width:100px;position:absolute;border-radius: 6px 0 0 6px;background: #eee;border: #ccc 1px solid;border-right: 0 none;padding: 14px;top:0;left: 12px;align-items: center;}
.ml-100{margin-left:100px;}
	.cds-t66-professional-profile-registration-footer .btn-box{
    flex: 1 1;
    display: flex;
    justify-content: space-between;
}
	.cds-t66-professional-profile-registration-footer .btn-royalblue{}
	.cds-t66-professional-profile-registration-footer .btn-royalblue i{}
	.cds-t66-floating-label-form-radio{position: relative; margin: 20px 0;
  
}
.cds-t66-floating-label-form-radio-container {
    padding: 1rem;
    line-height: 1rem;
    background: #fff;
    font-size: 1rem;
    border: 1px solid #ccc;
    display: flex;
    border-radius: 6px;
    outline: none;
    position: relative;
    }
.cds-t66-floating-label-form-radio-container .radio-group {
    display: flex;
    align-items: center;
}
.cds-t66-floating-label-form-radio-container:focus-within {
    border-color: #007bff;
}
.cds-t66-floating-label-form-radio-container .form-check-input:focus {
    outline: none;
}

    /* .cds-t66-floating-label-form-radio .label-floating {
        position: absolute;
        top: -30px;
        left: 6px;
        font-size: 12px;
        color: #007bff;
    } */
/* .cds-t66-floating-label-form-radio .form-label{
      position: absolute;
      left: 6px;
      top: -22px;
      margin: 0;
      font-size: 12px;
      color: #999;
      pointer-events: none;
      transition: 0.2s ease all;
      } */
    .cds-t66-floating-label-form-radio .form-label {
        position: absolute;
        left: 6px;
        top: -22px;
        font-size: 12px;
        color: #999;
        pointer-events: none;
        transition: 0.2s ease all;
    }
    
	.cds-t66-floating-label-form-radio .cds-t66-radio-labels{
    margin-left: 10px;
    font-size: 14px;
}
	.cds-t66-floating-label-form-radio .cds-t66-radio-labels-wrap{
    display: inline-flex;
    margin-right: 20px !important;
    margin: 0;
    padding: 0;
    align-items: center;
}
	.cds-t66-floating-label-form-radio .cds-t66-radio-labels-wrap .radio-group .form-check:first-child {padding-left: 0;}
	.cds-t66-floating-label-form-radio .cds-t66-radio-labels-wrap .radio-group {display: inline-flex;}
	.cds-t66-floating-label-form-radio .cds-t66-radio-labels-wrap label{}
	.cds-t66-floating-label-form-radio-container .form-check:last-child{margin-right:0 !important;}
/* skeleton loaders */
@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}
.shimmer-effect {
    background: linear-gradient(90deg, #e9e9e9 25%, #f5f5f5 50%, #e9e9e9 75%);
    background-size: 2000px 100%;
    animation: shimmer 0.5s infinite linear;
    border-radius: 8px;
    display: block;
}
.sk-effect {background: #eee;background: linear-gradient(90deg, #e9e9e9 25%, #f5f5f5 50%, #e9e9e9 75%);background-size: 2000px 100%;animation: shimmer 0.5s infinite linear;border-radius: 8px;display: block;}
.section-header h2.sk-effect {height: 36px;width: 407.81px;}
.section-header .serching.sk-effect{height: 93px;width: 100%;}
.filter .top-box h2.sk-effect {height: 26px;width: 232px;}
.filter .top-box p.sk-effect {height: 20px;width: 166px;}
.filter .top-box .right-filter .views.sk-effect {width: 33px;height: 33px;border-radius: 8px;}
.filter .sidebar-menu .dropbtn.sk-effect {width: 130px;height: 17px;}
.filter .sidebar-menu .company-type-checkbox.sk-effect {width: 20px;height: 20px;border-radius: 5px;}
.filter .sidebar-menu span.sk-effect {width: 50px;height: 14px;border-radius: 10px;}
.cds-sk-box .img-box.sk-effect {width: 64px;height: 64px;border-radius: 8px;}
.cds-sk-box .titel.sk-effect {width: 150px;height: 20px;border-radius: 50px;}
.cds-sk-box .link.sk-effect {width: 100px;height: 15px;border-radius: 50px;}
.cds-sk-box .btn-royalblue.sk-effect {width: 134px;height: 40px;border-radius: 8px;}
.cds-sk-box .cds-contact-icon .img-box.sk-effect {width: 30px;height: 30px;border-radius: 8px;}
/* # skeleton loaders */

.otp-timer {
    font-size: 21px;
    margin-top: 20px;
}
/* Styling the autocomplete suggestions */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 5px;
    z-index: 1000;
    width: auto;
    box-sizing: border-box;
}

.ui-menu-item {
    padding: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #333;
}

.ui-menu-item:hover {
    background-color: #f0f0f0;
    color: #000;
}

/* Styling for selected company details */
.claim-search-result {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
}

.claim-search-result div {
    margin-bottom: 8px;
}
.ui-widget-content {
    width: 800px!important;
}
.avatar {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #bfdeca;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.claim-search-result:empty {
    display: none;
}
span.license-prefix {
    padding: 14px;
    background-color: #eee;
}
.license-prefix:empty{
    display: none;
}
.primary-company {
    bottom: 0px;
    right: 0px;
}

/* choose option in professional signup */
 /* Style for the 'not selectable' radio button */
 input[type="radio"].choose-not-selectable {
    pointer-events: none;    /* Prevent interaction (clicking) */
    opacity: 0.5;            /* Make it look faded or disabled */
    cursor: not-allowed;     /* Change cursor to indicate unselectable */
  }

/* .comments-section  {padding: 15px;} */
.hide-arrow::after {display: none;}

  /* reported feedback */
  .reported-feedback{
    color:#888 !important;
  }
/* 13-11-24 hiren */
.cds-form-container .form-control {
    /* box-shadow: 0px 0 3px 4px #00000014;
    overflow: hidden !important;
    border-color: #d6d6d6 !important;
    background-color: #fff;
    line-height: 36px;
    border-radius: 8px; */
}
.cds-service-search .form-control {
    height: 45px;
    padding-top: 28px !important;
}
.cds-form-container .form-control.textarea {height: auto;}
.cds-form-container .form-group {
    position: relative;
    /* margin-bottom: 30px; */
    display: flex;
    margin: 0 !important;
    flex-direction: column;
}
.cds-form-container .form-group .password-input {padding-right: 3.2rem !important;}
.cds-form-container .form-group input[type="text"],
.cds-form-container .form-group input[type="email"],
.cds-form-container .form-group input[type="password"],
.cds-form-container .form-group input[type="url"],
.cds-form-container .form-group .textarea,
.cds-form-container .form-group select,
.cds-form-container .form-group input[type="color"] {
    width: 100%;
    padding: 20px 12px 10px 12px;
    font-size: 16px;
    border: 1px solid #d2d6dd;
    border-radius: 0.375rem;
    outline: none;
    transition: 0.3s ease;
}
.cds-form-container .form-group .textarea {padding-top: 26px;}
.cds-form-container .form-floating label {opacity: 1 !important;}
.cds-form-container .form-group .border-line:focus {
    border-color: #212529;
}
.cds-form-container .form-group label {position: absolute;top: 5px;left: 12px;pointer-events: none;font-weight: 400;font-size: 13px;color: #6c757d;padding: 0;z-index: 1;height: auto;}
.select2-input.ga-country, .cds-selectbox, .select-flotlabel, .cds-multiselect{
    position: relative;
}
.select2-input.ga-country > label, .select-flotlabel label, .cds-multiselect label, .multi-selectbox label {
    transform: unset !important;
    position: absolute;
    z-index: 1;
    /* top: 0px; */
    font-size: 13px;
    color: #6c757d;
    display: inline-block;
    width: auto;
    /* font-size: 11px; */
    left: 15px;
}
.select2-input.ga-country > label {left: 12px;color: #212529;}
.cds-selectbox .js-form-message label {
    transform: unset !important;
    position: absolute;
    top: 3px;
    z-index: 1;
    color: #212529;
    font-weight: 500;
    opacity: 1;
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 13px;
    left: 12px;
}
.multi-selectbox ul.select2-selection__rendered {margin-top: 12px !important;}
.cds-multiselect ul.select2-selection__rendered {
    padding-top: 18px !important;
    padding-left: 5px !important;
}
.form-floating .select2-selection__rendered {
    padding-top: 4px;
    padding-left: 11px !important;
}
.cds-form-container .select2-selection--single {min-height: 58px;overflow: hidden !important;border-color: #d2d6dd !important;}
.cds-form-container .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label,
.cds-form-container .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
     /* transform: scale(.85) translateY(0) translateX(.15rem); */
}

.cds-form-container .form-control:not(:placeholder-shown) {
/* padding-top: 1.2rem !important;
padding-bottom: 0.625rem !important; */
}

.cds-form-container .form-floating>.form-control-plaintext~label, 
.cds-form-container .form-floating>.form-control:focus~label,
.cds-form-container .form-floating>.form-control:not(:placeholder-shown)~label, 
.cds-form-container .form-floating>.form-select~label { /*transform: scale(.85) translateY(0) translateX(.15rem);*/}
/* text area */
.cds-form-container .form-floating>.textarea~label, 
.cds-form-container .form-floating>.textarea:focus~label,
.cds-form-container .form-floating>.textarea:not(:placeholder-shown)~label, 
.cds-form-container .form-floating>.textarea~label{
opacity: 0.65;
transform: scale(.85) translateY(0) translateX(.15rem);
}
.cds-form-container .cds-texteditor {flex-direction: column-reverse;}
.cds-form-container .cds-texteditor label, .cds-form-container .my-dropzone label {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    display: block;
    margin-bottom: 10px;
    opacity: 1 !important;
    font-weight: 500;}
/* # text area */
 /* .cds-form-container .form-group .form-control.focused+label, */
.cds-form-container .form-group .form-control label {display: inline-block;}

.cds-form-container .form-group .form-control.focused+label {
    transform: unset !important;
    top: 5px;
    font-size: 15px;
    color: #212529;
    font-weight: 500;
    opacity: 1;
    /* background-color: #fff;  */
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 13px;
    left: 12px;
}
label.col-form-label.non-floting {
    font-size: 13px;
    font-weight: 500;
}
.file-label .form-floating label {
    transform: unset !important;
    top: -11px;
    font-size: 15px;
    color: #377dff;
    font-weight: 500;
    opacity: 1;
    background-color: #fff;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    font-size: 12px;
    left: 15px;
}
.cds-form-container .radio-group {
    margin-top: 10px;
}
.cds-gender-list .radio-group {display: flex;gap: 4px;flex-wrap: wrap;}
.cds-gender-list .radio-group .form-check {margin-right: 0;}
.cds-form-container .radio-group p {
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}
.cds-form-container .radio-group label {
    font-weight: normal;
    color: #333;
    /* margin-bottom: 8px; */
    cursor: pointer;
    display: flex;
    align-items: center;
}
.cds-form-container .radio-group input[type="radio"] {
    margin-right: 10px;
}
.cds-form-container .form-group > button {
    width: 100%;
    padding: 12px;
    background-color: #0070ba;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.cds-form-container .form-group .btn-show-pass {background-color: transparent;color: #000;width: auto;padding: 0;}
.cds-form-container .form-group .btn-show-pass:hover {background-color: transparent;color: #000;}
.cds-form-container .phoneno-with-code {position: relative;}
.cds-form-container .phoneno-with-code .form-floating label {
    left: calc(100px - 6px);
    top: 6px;
    font-size: 14px;
    color: #0070ba;
    transform: scale(.85) translateY(0) translateX(.15rem);
    opacity: 0.65;
    position: absolute;
    z-index: 1;
}
.cds-form-container .phoneno-with-code #user_phone_no {padding-top: 18px;}
.cds-form-container .phoneno-with-code .phone_no {padding-top: 14px !important;padding-bottom: 6px !important;}
.phoneno-with-code .iti #phone_no {line-height: 36px;}
.file-label .form-floating .border-line {    padding-top: 10px !important;}  
.file-label .form-floating label {
    left: calc(145px - 23px);
    top: 5px;
    font-size: 14px;
    color: #0269ff;
    position: absolute;
    z-index: 1;
}
input[type="text"] ::placeholder {
    opacity: 0 !important;
    display: none !important;
  }
  
  

/* --- radio --- */
.cds-form-container .form-check [type="radio"] {
    position: absolute;
    left: -9999px;
}

/* Style the labels and custom radio button */
.cds-form-container .form-check [type="radio"] + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    margin-right: 10px;
}

/* Create the radio button circle */
.cds-form-container .form-check [type="radio"] + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
}

/* Style for the inner circle when radio is checked */
.cds-form-container .form-check [type="radio"]:checked + label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #0070ba;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    transition: all 0.2s ease;
    opacity: 1;
    transform: scale(1);
}

/* Make inner circle invisible when radio is not checked */
.cds-form-container .form-check [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}


.cds-form-container .form-check {margin-right: 7px;padding-left: 0;}
.cds-form-container .form-check [type="radio"]:checked,
.cds-form-container .form-check [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.cds-form-container .form-check [type="radio"]:checked+label,
.cds-form-container .form-check [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.cds-form-container .form-check [type="radio"]:checked+label:before,
.cds-form-container .form-check [type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.cds-form-container .form-check [type="radio"]:checked+label:after,
.cds-form-container .form-check [type="radio"]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #0070ba;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.cds-form-container .form-check [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.cds-form-container .form-check [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* --- # radio --- */

/* Select with js */
.cds-form-container .select-wrapper label {
    margin-bottom: 5px;
    display: inline-block;
}
.cds-form-container .select-wrapper {
    position: relative;
    width: 100%;
    height: 50px;
}
.cds-form-container label.selected {
    color: #0070ba;
    /* Color when an option is selected */
}
.cds-form-container .floating-label {
    position: absolute;
    top: 30%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 1em;
    color: #333;
    pointer-events: none;
    transition: 0.2s ease all;
    font-size: 14px;
    color: #0070ba;
}
.cds-form-container .custom-select {
    position: relative;
    width: 100%;
}
.cds-form-container .selected-option {
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    height: 58px;
    align-items: end;
}
.cds-form-container .selected-option span {
    color: #999999;
    /* font-size: 12px; */
}
.cds-form-container .selected-option.selected {
    border-color: #0070ba;
    color: #0070ba;
}
.cds-form-container .selected-option.open {
    border-color: #0070ba;
    /* Blue border when dropdown is open */
}
.cds-form-container .options {
    position: absolute;
    width: 99%;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;
}
.cds-form-container .options input[type="text"] {
    width: calc(100% - 40px);
    padding: 10px 12px;
    margin: 5px;
    border: 1px solid #eee;
    border-radius: 12px;
    outline: none;
}
.cds-form-container .options ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.cds-form-container .options li {
    padding: 10px;
    cursor: pointer;
}
.cds-form-container .options li:hover {
    background-color: #f0f0f0;
}
.cds-form-container .no-results {
    padding: 10px;
    color: #999;
    text-align: center;
}
.cds-form-container .hidden {
    display: none;
}
/* DOB */
.dob-block {
    position: relative;
}
.cds-form-container .dob-label {
    top: 4px !important;
    color: #212529 !important;
    font-weight: 500;
    opacity: 1;
    padding: 0;
    font-size: 13px !important;
    left: 12px !important;
}
.cds-form-container .dob-input {
    padding: 20px 12px 10px 12px;
    font-size: 16px !important;
    outline: none !important;
    transition: 0.3s ease;
    border-color: #ced4da;
    height: 58px;
    border-radius: 0.375rem;
}
.cds-form-container #datePicker {
    position: absolute;
    top: 60px;
    width: 350px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 99;
}
.cds-form-container .date-picker-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #f0f0f0;
    font-weight: bold;
}
.date-picker-days,
#dateGrid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    padding: 5px;
}
.day,
.date {
    padding: 8px;
    cursor: pointer;
    border-radius: 4px;
}
.date:hover {
    background-color: #d0e0ff;
}
.date.selected {
    background-color: #007bff;
    color: white;
}
/* checkbox */
.cds-check-box {display: inline-block;}
.cds-check-box .checkbox {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;   
}
.cds-check-box .checkbox input {
    position: absolute;
    width: 0;
    left: 50px;
    height: 0;
    opacity: 0;
    cursor: pointer;
}
.cds-check-box .checkbox .checkmark {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: white;
    border-radius: 3px;
    outline: 1px solid #acacac;
    transition: all 0.2s ease;
}
.cds-check-box .checkbox:hover .checkmark {
    background: #f4f4f5;
    transition: all 0.2s ease;
}
.cds-check-box .checkbox input:checked ~.checkmark {
    background: #3f7fed;
    outline: 1px solid rgb(95, 126, 240);
}
.cds-check-box .checkbox input[type="radio"] ~ .checkmark {
    border-radius: 50%;
}
.cds-check-box .checkbox .checkmark::after {
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    top: 38%;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    opacity: 0;
    transition: all 0.2s ease;
}
.cds-check-box .checkbox input:checked~.checkmark::after {
    opacity: 1;
    transition: all 0.2s ease;
}
.selected_checked_services:disabled {
    opacity: 0.5;  /* Make the checkbox look faded */
    pointer-events: none;  /* Prevent any mouse interaction */
}

/* # checkbox */
/* # 13-11-24 hiren */
/* Latest Feeds  */
/* .cds-latest-feeds-container{display: grid;grid-template-columns:7fr 3fr;margin-top: 20px;gap: 20px;}
.cds-ty-dashboard-heading{margin: 20px 0;display: flex;justify-content: space-between;}
.cds-ty-dashboard-heading h1{font-size: 28px;font-weight: 600;line-height: 36.4px;margin-bottom: 0px;}
.cds-ty-dashboard-heading p{color:#8292AA;font-size: 16px;font-weight: 400;line-height: 26.4px;margin-bottom: 0px;}
.cds-ty-dashboard-heading .cds-filter-btn {background-color: #fff; border-radius: 50%;padding: 16px;width: 52px;height: 52px;}
.cds-feeds-image-add{position: absolute;width: 100%;height: 100%;opacity: 0;}
.cds-feeds-post-container{background-color: #fff;border: 1.5px solid #F1F3F6;border-radius: 20px;padding: 24px;margin-bottom: 20px;}
.cds-feeds-post-content {display: flex;gap: 20px;width: 100%;}
.cds-feeds-post-content img {width: 36px;height: 36px;border-radius: 50%;}
.cds-feeds-post-content .form-group {width: 100%;}
.cds-feeds-post-content .form-group textarea {border: none;width: 100%;font-size: 14px;}
.cds-feeds-post-actionbtn {display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}
.cds-feeds-post-actionbtn-content {display: flex;gap: 20px;}
.cds-feeds-post-actionbtn-content .form-group {display: flex;flex-direction: column;}
.cds-feeds-post-actionbtn-content .form-group p {margin-bottom: 0;}
.cds-feeds-post-actionbtn-content .form-group .js-form-message{display: flex;gap: 10px; align-items: center;position: relative;}
.cds-feeds-post-actionbtn-content .form-group img{width: 24px;height: 24px;}
.cds-feeds-post-actionbtn-content .form-group .post-warning{font-size: 12px;}

.cds-feeds-posts-data{border: 1.5px solid #F1F3F6;background: #FFFFFF;border-radius: 20px;padding: 24px;}
.cds-feeds-posts-data .card-body{padding: 0;}
.cds-feeds-posts-data .cds-card-heading {display: flex;justify-content: space-between;align-items: center;}
.cds-feeds-posts-data .cds-card-heading .cds-card-heading-profile{display: flex;flex-direction: row;gap: 10px;}
.cds-feeds-posts-data .cds-card-heading .cds-card-heading-profile img{width: 60px; height: 60px;border-radius: 50%;}
.cds-feeds-posts-data .cds-card-heading .cds-card-heading-profile div{display: flex;flex-direction: column;}
.cds-feeds-posts-data .cds-card-heading .cds-card-heading-profile div h4{color: #212529;font-size: 20px;line-height: 30px;font-weight: 500;margin-bottom: 0;}
.cds-feeds-posts-data .cds-card-heading .cds-card-heading-profile div p{color:#8292AA;font-size: 16px;line-height: 24px;font-weight: 400;margin-bottom: 0;}
.cds-feeds-posts-data .cds-card-heading .cds-card-heading-actionbtn .dropdown-toggle::after{display: none;}
.cds-feeds-posts-data .cds-feeds-posts-content {margin-top: 20px;color: #212529;font-size: 16px;font-weight: 400;line-height: 26px;}
.cds-feeds-posts-data .cds-feeds-post-options{margin-top: 20px;display: flex;gap: 10px;}
.cds-feeds-posts-data .cds-feeds-post-options .card-link i{color: #1b34a2;}
.cds-feeds-posts-data .cds-feeds-post-options .share-btn{position: relative;width: 20%;cursor: pointer;}
.cds-feeds-posts-data .cds-feeds-post-options .share-list{position: absolute;display: flex; background-color: white;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);z-index: 1000;padding:10px;gap: 10px;transition: ease-in;left: 30px;top: -10px;max-height: 0;opacity: 0;overflow: hidden;pointer-events: none;transition: max-height 0.3s ease, opacity 0.3s ease;}
.cds-feeds-posts-data .cds-feeds-post-options .share-list.hidden {max-height: 0;opacity: 0;pointer-events: none;}
.cds-feeds-posts-data .cds-feeds-post-options .share-list.visible {max-height: 200px;opacity: 1;pointer-events: auto;}

.cds-feeds-posts-data .comments-form{display: flex; gap: 10px;align-items: center; border-bottom: 1.5px solid #F1F3F6;padding-bottom: 10px;margin-top: 10px;}
.cds-feeds-posts-data .comments-form img {width: 32px;height: 32px;border-radius: 50%;}
.cds-feeds-posts-data .comments-form textarea{border: none;width: 100%;font-size: 14px;height: 3vh}
.cds-feeds-posts-data .comments-form button {border-radius: 50%;}
.cds-feeds-posts-data .comment-display .comments-section p {display: flex;flex-direction: column;}

.cds-feeds-search-bar{background-color: #fff;border-radius: 40px;display: flex;width: 100%;padding: 13px;margin: 20px 0;align-items: center;gap: 10px;}
.cds-feeds-search-bar input{border:none}
.cds-feeds-suggestions{border: 1.5px solid #F1F3F6;background-color: #fff;border-radius: 20px;padding: 20px;margin-top: 30px;}
.cds-feeds-suggestions h5{color: #212529;font-weight: 500;font-size: 16px;line-height: 20px;}
.cds-feeds-suggestions .cds-feeds-suggestion-block{display: flex;justify-content: space-between;align-items: center;margin: 15px 0;}
.cds-feeds-suggestions .cds-feeds-suggestion-block .cds-feeds-suggestion-block-info{display: flex;flex-direction: row;gap: 10px;align-items: center;}
.cds-feeds-suggestions .cds-feeds-suggestion-block .cds-feeds-suggestion-block-info div p{font-size: 12px;font-weight: 500;line-height: 14px;margin-bottom: 5px;}
.cds-feeds-suggestions .cds-feeds-suggestion-block .cds-feeds-suggestion-block-info div p:nth-child(2){color: #8292AA;font-weight: 400;}
.cds-feeds-suggestions .cds-feeds-suggestion-block .cds-feeds-suggestion-block-info img{width: 40px;height: 40px; border-radius: 50%;}
.cds-feeds-suggestions .cds-feeds-suggestion-block button {color: #1D4FD7; border: none;background-color: transparent;display: flex;gap: 5px;align-items: center;font-size: 12px;font-weight: 500} */
/* div table design */
div.blueTable {
    border: 1px solid #ccc;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
    border: 1px solid #AAAAAA;
    padding: 5px 10px;
}
.divTable.blueTable .divTableBody .divTableCell {
    font-size: 15px;
}
.divTable.blueTable .divTableHeading {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
}
.divTable.blueTable .divTableHeading .divTableHead {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #D0E4F5;
}
.divTable.blueTable .divTableHeading .divTableHead:first-child {
    border-left: none;
}
.blueTable .tableFootStyle {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background: #D0E4F5;
    background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    border-top: 2px solid #444444;
}
.blueTable .tableFootStyle {
    font-size: 14px;
}
.blueTable .tableFootStyle .links {
    text-align: right;
}
.blueTable .tableFootStyle .links a{
    display: inline-block;
    background: #1C6EA4;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 5px;
}
.blueTable.outerTableFooter {
    border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
    padding: 3px 5px; 
}
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}
/* # div table design */





/* Submenu Panel */
.cds-ty-dashboard-frame-submenu-panel {
    width: 200px;
    background-color: #fff;
    color: white;
    display: none;
    padding: 15px;
    overflow-y: auto;
    transition: transform 0.3s ease, opacity 0.3s ease;
    flex-shrink: 0;
    transform: translateX(-100%);
    opacity: 0;
    position: fixed;
    margin-top: 1%;
    z-index: 99;
    height: 100%;
}
.cds-ty-dashboard-frame-submenu-panel.active {
    display: block;
    transform: translateX(0);
    opacity: 1;
    left: 280px;
    margin-top: 0;
    box-shadow: 3px 0px 10px 0px #00000014;
}
.collapsed .cds-ty-dashboard-frame-submenu-panel.active {
    left: 60px
}
#toggleSubmenuBtn {
    color: #333;
    display: inline-block !important;
    font-size: 20px;
    cursor: pointer;
}
.cds-dashboard-nav-link {
    position: relative;
    display: flex;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 14px;
    min-height: 31px;
    color: #000;
    align-items: center;
    justify-content: flex-start;
}
.collapsed .sb-sidenav-footer{display: none;}


#layoutSidenav_nav.collapsed .nav-link  {position: relative;}
#layoutSidenav_nav.collapsed .nav-link {justify-content: center !important;}
#layoutSidenav_nav.collapsed .menu-search {display: none;}
.openMobile .nav-link {justify-content: end !important;}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-heading {
    display: none;
}
.cds-nav-item-wrapper {
    position: relative;
}

/* # 13-11-24 hiren */

/* Sidebar styles */
  

  
  /* Tooltip styles */
  .sb-sidenav-menu .nav-link .cds-tooltip {
    position: fixed; /* Tooltip positioned relative to the viewport */
    background-color: black;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s;
    z-index: 1000;
    transform: translateY(-50%) translateX(10px);
  }
  .sb-sidenav-menu .nav-link .cds-tooltip:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 11px;
    height: 11px;
    background: inherit;
    top: 0.6rem;
    left: -6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom-left-radius: 0.125rem;
    border-width: 0 0 1px 1px;
    /* border-style: solid; */
}
  
    .collapsed .sb-sidenav-menu .nav-link  .cds-tooltip.visible {
        opacity: 1;
        transform: translateY(-50%) translateX(10px); /* Animate to visible position */
} 

/* Right panel */
.right-panel {
    width: 320px;
    background-color: #fff;
    margin-top: 80px;
    position: relative;
    height: 100vh;
}
.right-panel.collapsed{
    width: 0px;
}
.right-panel i{
    position: absolute;
    left: -30px;
    top: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 0;
}
.right-panel.collapsed .rightPanel-content {
    display: none;
}
.right-panel .rightPanel-content{display: block;}
/* # 13-11-24 hiren */

.cds-uap-slide-box {
    background-color: #FFF;
    padding: 13px;
    border-radius: 1rem;
    height: 200px;
    box-shadow: 0px 2px 50px 0px #0000001A;
    margin-bottom: 30px;
    position: relative;
}
.cds-uap-slide-box .cds-level {
    bottom: 9px;
    position: absolute;
}
.cds-uap-slide-box a.link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.uap-sliders {
    margin-top: 0;
    position: relative;
}

.cds-uap-slide-box .card-text {
    margin-left: 15px;
}

.cds-uap-slide-box .blue-txt, .cds-uap-slide-box .cds-title-head {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.cds-or-share span {
    top: -30px !important;
    background-color: #FFF;
    padding: 10px;
    position: relative;
}
.cds-or-share {
    text-align: center;
}


.cds-ty-uap-all-items-container{}
.cds-ty-uap-all-items-container-main{}
.cds-ty-uap-all-items-container-sidebar{}
.cds-ty-uap-all-items-container-main-header{}
.cds-ty-uap-all-items-container-main-body{}
.cds-ty-uap-all-items-container-main-footer{}
/*=================gid VIEW===========================*/
.cds-ty-uap-all-grid-view{}
.cds-ty-uap-all-grid-view-card-list{}
.cds-ty-uap-all-grid-view-card{}
.cds-ty-uap-all-grid-view-card-segment{}
.cds-ty-uap-all-grid-view-card-segment-header{}
.cds-ty-uap-all-grid-view-card-segment-body{}
.cds-ty-uap-all-grid-view-card-segment-body-image{}
.cds-ty-uap-all-grid-view-card-segment-body-info{}
.cds-ty-uap-all-grid-view-card-segment-footer{}
/*=================LIST VIEW===========================*/
.cds-ty-uap-all-list-view{}
.cds-ty-uap-all-list-view-card-list{  display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;
    margin-bottom: 1.5rem !important;
    justify-content: center;}
.cds-ty-uap-all-list-view-card{
    display: flex;
    color: #0a0a0a;
    border-radius: 1rem;
    box-shadow: 0px 2px 50px 0px #0000001A;
    background: #fff;
    }
.cds-ty-uap-all-list-view-card-segment{  display: flex;
    flex-direction: column;
    flex: 1 1;}
.cds-ty-uap-all-list-view-card-segment-body-indicators{
    display: flex;
    padding: 0.8rem;
    flex-direction: column;
}
.cds-ty-uap-all-list-view-card-segment-body{
    flex: 1 1;
    display: flex;
    align-items: center;
    }
.cds-ty-uap-all-list-view-card-segment-body-image{
    padding: 1.2rem;
    padding-right: 0;
}
.cds-ty-uap-all-list-view-card-segment-body-image img{width: 60px;border: 1px solid #eee;border-radius: 50%;height: 60px;}
.cds-ty-uap-all-list-view-card-segment-body-info-company{
    flex: 1 1;
    padding: 0 1rem;
    max-width: 380px;
}
.cds-ty-uap-all-list-view-card-segment-body-info-score{}
.cds-ty-uap-all-list-view-card-segment-footer{
  
}.cds-ty-uap-all-list-view-card-segment-footer-alert-section{
    padding: 10px 1rem;
    display: flex;
    border-radius: 0 0 1rem 1rem;
    background: #d33a2c;
    align-items: center;
}.cds-ty-uap-all-list-view-card-segment-footer-alert-section span{
    display: inline-flex;
    font-size: 12px;
    color: #fff;
}
.cds-ty-uap-all-list-view-card-segment-body-info-company > span{
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
}
	.cds-ty-uap-all-list-view-card-segment-body-info-company h3{
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}
	.cds-ty-uap-all-list-view-card-segment-body-info{
    display: flex;
    flex: 1 1;
    padding: 1.2rem 0;
    align-items: center;
}




/*=================GRID VIEW HOME===========================*/
.cds-ty-uap-all-grid-view-home{}
.cds-ty-uap-all-grid-view-home-card-list{
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
}
.cds-ty-uap-all-grid-view-home-card{
    display: flex;
    color: #0a0a0a;
    border-radius: 1rem;
    box-shadow: 0px 2px 50px 0px #0000001A;
    padding: 1.2rem;
    background: #fff;
}
.cds-ty-uap-all-grid-view-home-card-segment{
    display: flex;
    flex-direction: column;
    flex: 1 1;
}
.cds-ty-uap-all-grid-view-home-card-segment-header{}
.cds-ty-uap-all-grid-view-home-card-segment-body{
    flex: 1 1;
    display: flex;
}
.cds-ty-uap-all-grid-view-home-card-segment-body-image{}
.cds-ty-uap-all-grid-view-home-card-segment-body-image img{width: 60px;border: 1px solid #eee;border-radius: 50%;height: 60px;}
.cds-ty-uap-all-grid-view-home-card-segment-body-info{}
.cds-ty-uap-all-grid-view-home-card-segment-footer{
    display: flex;
    justify-content: flex-end;
}
/*=================UAP Container===========================*/
.cds-ty-home-uap-section{
    background: #0a202b;
    color: #fff;
    padding: 4rem 0 6rem 0;
}
.cds-ty-home-uap-section-container{}
.cds-ty-home-uap-section-container-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* margin: 0 auto; */
    /* padding: 0; */
    /* flex-direction: row; */
    align-items: center;
}
.cds-ty-home-uap-section-container-header-left h2{font-weight: 800;
    line-height: 1.3;
    font-size: 2.2rem;}
.cds-ty-home-uap-section-container-header-left > span{
    font-weight: 600;
    display: block;
    color: #dc3545;
    font-size: 16px;
    text-transform: CAPITALIZE;
    padding: 0;
    margin-bottom: 5px;
 }
.cds-ty-home-uap-section-container-header-left p{margin: 0;}
.cds-ty-home-uap-section-container-body{}
.cds-ty-home-uap-section-container-header-left{}
.cds-ty-home-uap-section-container-header-right{
    display: flex;
    justify-content: flex-end;
}
.cds-ty-home-uap-section-item-list{
    background: #e5e5e5;
    padding: 4rem 0;
}
.cds-ty-home-uap-section-item-list-container{
    display: flex;
    position: relative;
    /* background: #fff; */
    flex-direction: column;
}

.cds-ty-home-uap-section-item-list-container-main-header{
    /* border-bottom: 1px solid #ddd; */
    padding: 1rem 0;
    display: flex;
    /* background: #0a202b; */
    justify-content: space-between;
    align-items: center;
}
.cds-ty-home-uap-section-item-list-container-main-body{
    /* background: #eee; */
    /* border: 1px solid #ddd; */
    padding: 2rem 0;
    border-radius: 8px;
}
.cds-ty-home-uap-section-item-list-container-main-footer{}
.cds-ty-home-uap-section-item-list-container-main{
    display: flex;
    flex: 1 1;
    flex-direction: column;
}
.cds-ty-home-uap-section-item-list-container-sidebar{
    padding: 1rem;
    margin-left: 1.5rem;
    background: #e6e6e6;
    width: 300px;
}
.cds-uap-slide-view-more{
   
}
.cds-uap-slide-view-more-btn{
    /* position: absolute; */
    right: 6px;
    display: flex;
    padding: 10px 20px;
    border: 1px solid #dc3545;
    margin-left: 20px;
    z-index: 1;
    box-shadow: 0px 2px 50px 0px #0000001A;
    color: #fff;
    background: #dc3545;
    border-radius: 4px !important;
    top: 50%;
    align-items: center;
    justify-content: center;
    }
	.cds-ty-uap-all-grid-view-home-card-segment-info > span{
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
}
	.cds-ty-uap-all-grid-view-home-card-segment-info h3{
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}
	.cds-ty-uap-all-grid-view-home-card-segment-info{
    padding-left: 1rem;
}
.cds-ty-uap-all-grid-view-home-card-segment-info ul{
    color: #999;
    display: flex;
    margin-bottom: 10px !important;
    font-size: 14px;
    align-items: center;
}
.cds-ty-uap-all-grid-view-home-card-segment-info li{
    padding-right: 5px;
}
.cds-ty-uap-all-grid-view-home-card-segment-info li span{
    background: #eee;
    display: flex;
    border-radius: 50%;
    width: 8px;
    margin: 0 5px;
    height: 8px;
}
.cds-ty-uap-all-list-view-card-segment-body-indicators-classification{
    padding: 0;
    padding-bottom: 10px;
    flex: 1 1;
    display: flex;
    justify-content: flex-end;
}
.cds-ty-uap-all-list-view-card-segment-body-indicators-classification span{
    background: #eee;
    padding: 3px 12px;
    font-size: 11px;
    border-radius: 25px;
    display: inline-block;
}.cds-ty-uap-all-list-view-card-segment-body-info-location ul{
    color: #999;
    display: flex;
    margin-bottom: 0 !important;
    font-size: 14px;
    align-items: center;
}
.cds-ty-uap-all-list-view-card-segment-body-info-location li{
    padding-right: 5px;
}
.cds-ty-uap-all-list-view-card-segment-body-info-location li span{
    background: #eee;
    display: flex;
    border-radius: 50%;
    width: 8px;
    margin: 0 5px;
    height: 8px;
}.cds-ty-uap-all-list-view-card-segment-body-indicators-score-number{
    font-size: 13px;
    display: flex;
    padding: 7px;
    justify-content: center;
    align-items: center;
}
.cds-ty-uap-all-list-view-card-segment-body-indicators-score-number span{
    display: inline-flex;
    margin-left: 5px;
    color: #d33a2c;
}.cds-ty-uap-alert-empty-score {color:#ccc !important;}
.cds-uap-filter{min-width: 190px;}
#accept-cookies{
    background: #063084;
    color: #fff;
}
#reject-cookies {
    border: #777 solid 1px;
    background-color: #074fdf;
}
#cookiesCode i{
    color: #063084;
    font-size: 3rem;
    margin-right: 1.5rem;
}
.cookies-block{
    display: flex;
}

.cds-ty-uap-section-list-home-initiatives{
    border-top: 1px solid #ddd;
    padding-bottom: 3rem;
}

section.cds-ty-uap-section-list-home-initiatives {}
.cds-ty-uap-section-list-home-container{
    margin-top: -2rem;
}
.cds-ty-uap-section-list-home-container-segment{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
}
.cds-ty-uap-section-list-home-container-card{
    background: #fff;
    display:flex;
    overflow: hidden;
    color: #333;
    border-radius: 12px;
    box-shadow: 0px 2px 3px 0px #0000001A;
    flex-direction: column;
    justify-content: space-between;
}
.cds-ty-uap-section-list-home-container-card-header{
    padding: 1.5rem;
    padding-bottom: 0;
}
.cds-ty-uap-section-list-home-container-card-header span{
    color: #dc3545;
    display: block;
    margin-bottom: 8px;
}
.cds-ty-uap-section-list-home-container-card-header h3{font-size: 23px;font-weight: 800;color:#0a202b;}
.cds-ty-uap-section-list-home-container-card-body{
    padding: 0 1.5rem;
}
.cds-ty-uap-section-list-home-container-card-body p{}
.cds-ty-uap-section-list-home-container-card-inner-container{}
.cds-ty-uap-section-list-home-container-card-footer{
    padding: 0 1.5rem;
    display: flex;
    padding-top: 1rem;
    justify-content: center;
}
.cds-ty-uap-section-list-home-container-card-footer img{
    border-radius: 8px 8px 0 0;
    max-width: 100%;
}
.cds-section-statistics-title{
    text-align: left;
    display: flex;
    margin: 0;
    padding-bottom: 2.5rem;
    max-width: 768px;
    flex-direction: column;
    align-items: flex-start;
}
.cds-section-statistics-title span{
    display: inline-block;font-weight: 600;
   
    color: #dc3545;
    font-size: 16px;
    text-transform: CAPITALIZE;
    padding: 0;
    margin-bottom: 5px;
}
.cds-section-statistics-title h3{
    font-weight: 600;
}
.cds-t17n-uac-floating-notice-card-container{
    padding: 0;
    display: flex;
    flex: 1 1;
}
.cds-t17n-uac-floating-notice-card-header{
    display: flex;
    flex: 1 1;
    flex-direction: column;
}
.cds-t17n-uac-floating-notice-card-link-copy-container .cds-link-copy-field{
    display: flex;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 5px;
    flex: 1 1;
}
.cds-t17n-uac-floating-notice-card-link-copy-container .cds-link-copy-field input{
    padding: 12px 15px;
    width: 100%;
    flex: 1 1;
    color: #777;
    font-size: 14px;
    border-right: 0;
    border: 2px solid #ddd;
    border-right: 0 none;
    border-radius: 0 !important;
}
.cds-t17n-uac-floating-notice-card-link-copy-container .cds-link-copy-button{
    padding: 12px  15px;
    border-radius: 0;
    background: #212529;
    color: #eee;
}
.cds-t17n-uac-floating-notice-card-body{}
.cds-t17n-uac-floating-notice-card-footer{}
.cds-t17n-uac-floating-notice-card-link-copy-container{
    flex: 1 1;
    display: flex;
    justify-content: center;
}.cds-t17n-uac-floating-notice-card-share-buttons-container{
    padding: 0;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}
.cds-t17n-uac-floating-notice-card-share-buttons{
    display: flex;
}
.cds-t17n-uac-floating-notice-card-share-buttons ul{
    display: flex;
    flex: 1 1;
    justify-content: space-evenly;
}
.cds-t17n-uac-floating-notice-card-share-buttons li{
    padding: 5px;
    display: flex;
    font-size: 11px;
}
.cds-t17n-uac-floating-notice-card-share-buttons li a{}
.cds-t17n-uac-floating-notice-card-share-buttons li i{
    margin-right: 5px;
    font-size: 16px;
}
.cds-t17n-uac-floating-notice-card-share-buttons-divider{display: flex;margin: 1rem;position:relative;font-size: 12px;justify-content: center;}
.cds-t17n-uac-floating-notice-card-share-buttons-divider span{display:inline-block;position:relative;background: #fff;font-weight: 600;color: #212529;padding: 3px 5px;}

.cds-t17n-uac-floating-notice-card-share-buttons-divider:before {
                position: absolute;
                content: '';
                width: 100%;
                height: 2px;background:#eee;
                left: 0;
                top: 50%;
                right: 0;left:0;
                z-index: 0;
            }
			
			.cds-t17n-uac-floating-notice-card-header{}
			.cds-t17n-uac-floating-notice-card-header h3{
    font-size: 1rem;
    text-align: center;
}.cds-t17n-uac-floating-notice-card-header h3 i{
    color: #dc3545;
    margin-right: 5px;
}
.cds-ty-uap-all-list-view-card-segment-footer-alert-section2{
    padding: 10px 1rem;
    display: flex;
    background: #17395F;
    align-items: center;
    }
    .cds-ty-uap-all-list-view-card-segment-footer-alert-section2 span{
    display: inline-flex;
    font-size: 12px;
    color: #fff;
    }
    .cds-ty-uap-all-list-view-card-segment-footer-alert-section3{
    padding: 10px 1rem;
    display: flex;
    background: #d66800;
    align-items: center;
    }
    .cds-ty-uap-all-list-view-card-segment-footer-alert-section3 span{
    display: inline-flex;
    font-size: 12px;
    color: #fff;
    }
    .cds-ty-uap-all-list-view-card-segment-footer .alert-section:last-child {
    border-radius: 0 0 1rem 1rem !important;
    }
    .cds-ty-uap-all-list-view-card-segment-body-indicators-score {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    ul#otherAddressModalList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    }
    
    /* Custom card table */
    .custom-table {display: flex;gap: 30px;flex-wrap: wrap;border: 1px solid #ddd;padding: 10px;border-radius: 12px;margin-bottom: 20px;align-items: center;justify-content: space-between;}
    .custom-table .table-card{display: flex;gap: 10px;justify-content: space-between;flex-wrap: wrap;flex:1 auto;}
    .table-card-block{flex: 1;}
    .table-card-heading{font-size: 14px;font-weight: 700;margin-bottom: 10px;    border-bottom: 1px solid #eee;
        padding-bottom: 5px;}
    .table-card-content{font-size: 16px;font-weight: 300;}
    .table-card-content .dropdown-toggle::after{display: none;}
    /* ====== phone no ========= */
    .phone-input-container {display: flex;align-items: stretch;width: 100%;padding: 10px 12px 6px;font-size: 16px;border: 1px solid #d2d6dd;border-radius: 0.375rem;outline: none;transition: 0.3s ease;}
    .phone-input-container .cds-phonedropdown {position: relative;display: flex;/*flex-wrap: wrap;*/align-items: stretch;padding-top: 4px;}
    .phone-input-container .dropdownButton {
        padding: 5px 0;
        font-size: 16px;
        text-align: left;
        background-color: #fff;
        cursor: pointer;
        border: 0;
        display: flex;
        align-items: center;
        gap: 4px;
        position: relative;
        padding-right: 10px;
        flex: 0 0 auto;
        margin-right: 10px;
        margin-top: 2px;
    }
    .phone-input-container .dropdownButton::before {position: absolute;content: '';width: 3px;height: 3px;right: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid #212529;}
    .phone-input-container .dropdownMenu {position: absolute;top: 100%;left: 0;width: 100%;min-width: 260px;max-height: 200px;overflow-y: auto;background: #fff;border: 1px solid #ddd;border-radius: 4px;z-index: 1000;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);list-style-type: none;padding: 0;margin: 0;}
    .phone-input-container .dropdownMenu.hidden {display: none;}
    .phone-input-container .dropdownMenu li {padding: 6px 10px;border-bottom: 1px solid #ddd;cursor: pointer;font-size: 14px;}
    .phone-input-container .dropdownMenu li:last-child {border-bottom: none;}
    .phone-input-container .dropdownMenu li:hover {background-color: #f1f1f1;}
    .phone-input-container .dropdownMenu li img.img-flag {width: 20px;}
    .phone-input-container .number-enter {margin-left: 10px;border: 0;color: #212529;}
    .phone-input-container .number-enter::placeholder {color: #212529;}
    .phone-input-container .cds-form-container.mb-4 {margin-bottom: 0 !important;}
    .phone-input-container .cds-form-container input.form-control.border-line {margin-left: 10px;}
    .phone-input-container .phone-number {border: 0;line-height: normal;background-color: transparent;width: 100%;}
    .phone-input-container .small-label {
        position: absolute;
        z-index: 1;
        top: -8px;
        color: #212529 !important;
        font-weight: 500;
        opacity: 1;
        padding: 0;
        font-size: 13px !important;
    }
    /* ====== # phone no ======= */
    .input-group .btn {
       width:60px;
    }
    

    #otherAddressModal .cds-t31-uap-profile-page-findings-modal-content {
        background-color: #ddd !important;
        max-width: unset;
    }
    ul#otherAddressModalList li {
    padding: 15px;
    background-color: #FFF;
    }
    .cds-t31-uap-profile-page-header-container .cds-ty-uap-all-list-view-card-segment-body-indicators-classification {
        padding: 1rem 1rem 1rem 1rem;
    }
    .floating-notice-modal .modal-content {
        background-color: transparent;
        box-shadow: none !important;
        border: none !important;
    }
    .fn-close {
        position: absolute;
        right: 16px;
        top: 6px;
    }
    .share-link:hover {
        cursor: pointer;
        color: #dc3545;
    }   
.login-form .cds-form-container {margin-bottom: 0 !important;}
.cds-form-container .dropzone {border-color: #dfdfdf;}


/* Mobile bars */
.mobile-bars{display: none;}
.rx-editor-container {
    box-sizing: border-box;
    /* max-height: 550px; */
    min-height: 200px;
    overflow:hidden;
	overflow-y:auto;
    background: #f2f2f2 !important;
}
.rx-editor-container .rx-editor {height: 200px;}
.cds-ty-dashboard-box .cds-ty-dashboard-box-body, .cds-ty-dashboard-box .cds-ty-dashboard-box-footer {
    /* padding: 1.5rem !important; */
    padding: 15px;
    background: #fff;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d2d6dd;
    border-radius: 0.375rem !important;
}
.select-dropdown {
    position: relative;
}
.select-dropdown label {
    top: 4px !important;
    color: #212529 !important;
    font-weight: 500;
    background-color: #fff;
    opacity: 1;
    padding: 0;
    font-size: 13px !important;
    left: 12px !important;
}
/* Mobile bars */
.mobile-bars{display: none;}

   
/*======================
    404 page
=======================*/
.link_404{
    color: #fff!important;
    padding: 10px 20px;
    background: #198754;
    margin: 40px 0;
    margin-top: 0;
    border-radius: 6px;
    display: inline-block;
    }

.cds-page-404-container-wrap{}
.cds-page-404-container-wrap-header{}
.cds-page-404-container-wrap-header h1{
    font-size: 90px;
    color: #063084;
}
.cds-page-404-container-wrap-body{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cds-page-404-container-wrap-body h3{font-size: 56px;}
.cds-page-404-container-wrap-body p{}
.cds-page-404-container-wrap-body  a.link_404{}
.cds-page-404-container-wrap-body img{
    max-width: 800px;
    border-radius: 8px;
}.cds-t37-associate-section{
    margin-top: -50px;
    position: relative;
}
.cds-t37-associate-section-landing-page{}
.cds-t37-associate-section-landing-page-container{
    display: flex;
    flex-direction: column;
    background: #fff;
}
.cds-t37-associate-section-landing-page-container-header{
    height: 50px;
    display: flex;
    color: #fff;
    padding: 15px;
    font-size: 14px;
    background: #08202b;
    align-items: center;
}
.cds-t37-associate-section-landing-page-container-body{
    padding: 1rem;
}
.cds-t37-associate-section-landing-page-container-footer{
    padding: 1rem;
}
 .cds-t37-associate-collage-container {
      display: none; /* Initially hidden */
      flex-wrap: wrap;
    }

    .cds-t37-associate-collage-item {
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }

    .cds-t37-associate-collage-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
    }

    .cds-t37-associate-collage-item:hover img {
      transform: scale(1.1); /* Scale the image slightly */
    }

    .cds-t37-associate-collage-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .cds-t37-associate-collage-item:hover .cds-t37-associate-collage-overlay {
      opacity: 1; /* Show overlay on hover */
    }
	
	.cds-t505-fraud-prevention-section {
padding: 1rem 0;
}

.cds-t505-fraud-prevention-section h1 {
font-weight: 600;
color: #063084;
font-size: 25px;
}

.cds-t505-fraud-prevention-section h2 {font-size: 18px;font-weight: 600;margin-top: 24px;}

.cds-t505-fraud-prevention-section h3 {
font-size: 19px;
font-weight: 600;
margin-top: 2rem;
}

.cds-t505-fraud-prevention-section h4 {
font-size: 18px;
font-weight: 600;
margin-top: 1.5rem;
}

.cds-t505-fraud-prevention-section h5 {}

.cds-t505-fraud-prevention-section h6 {}

.cds-t505-fraud-prevention-section p {font-size: 1rem;/* font-weight: 300; */}

.cds-t505-fraud-prevention-section ul {list-style: outside;margin-bottom: 15px !important;}

.cds-t505-fraud-prevention-section ul li {
list-style: outside;
font-size: 15px;
padding: 5px 0;
color: #000;
margin-left: 50px;
/* font-weight: 300; */
}
	.cds-t505-fraud-prevention-section ul>ul>li{}
.cds-t505-fraud-prevention-section ul{margin-bottom: 5px;margin-left: 30px !important;}.cds-t505-fraud-prevention-section ol {list-style: none;margin-bottom: 0 !important;}

.cds-t505-fraud-prevention-section ol li {list-style: decimal;font-size: 15px;padding: 5px 0;color: #000;margin-left: 50px;/* font-weight: 300; */}
.cds-t505-fraud-prevention-content-action-button{
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    font-size: 18px;
    background: #2196F3;
    padding: 1rem;
}
.cds-t505-fraud-prevention-content-sidebar {
    display: flex;
    background: #fff;
    /* color: white; */
    padding: 1rem;
    flex: 1 1;
    box-shadow: 0px 2px 3px 0px #0000001A;
    /* text-align: center; */
    border-radius: 8px;
    transition: transform 0.2s, box-shadow 0.3s;
    flex-direction: column;
    }
	.cds-t505-fraud-prevention-content-header{
    display: flex;
    padding: 2rem 0;
    align-items: center;
}
	.cds-t505-fraud-prevention-content-header-content p{margin: 0;font-size: 1rem;/* font-weight: 300; */}
	.cds-t505-fraud-prevention-content-header-content h1 {font-weight: 600;color: #063084;margin-bottom: 9px;font-size: 25px;}
.cds-t505-fraud-prevention-section-header{
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #ddd;
    background: #fff;
}.cds-t505-fraud-prevention-content-header-content span{
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
}
.cds-form-divider{border-bottom:1px solid #ddd;}
.cds-t505-fraud-prevention-content-header-image{
    margin-right: 1.5rem;
}
.cds-t505-fraud-prevention-content-header-image img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}.cds-t505-fraud-prevention-content-container h2 {
    /* border: 1px solid #e5e5e5; */
    border-left: 3px solid #2196F3;
    display: block;
    font-size: 18px;
    background: #fff;
    padding: 0.8rem 1rem;
    font-weight: 600;
    margin-top: 24px;
}
.fn{
    display:none;
}
/* tooltip */
  .common-tooltip .tooltiptext {
    visibility: hidden;
    /* width: 120px; */
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 9999999;
    /* left: 50%; */
    /* margin-left: -60px; */
    top: -20px;
    font-size: 10px;
    letter-spacing: 0.5px;
    white-space: nowrap;
  }
  
  .common-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
  }
  
  .common-tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .progress-wrapper {
    width: 80%;
    margin: auto;
    position: relative;
}

.badge-labels {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
}

.progress-container {
    width: 100%;
    height: 30px;
    border-radius: 15px;
    border: 2px solid #000;
    background: #ddd;
    position: relative;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background: gold;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 15px;
    z-index: 1;
}

.separator-container {
    /* position: absolute; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
}

.separator {
    height: 100%;
    width: 2px;
    background: black;
    position: absolute;
}

.current-points-text {
    position: absolute;
    transform: translateX(-50%);
    color: red;
    font-size: 14px;
    font-weight: bold;
    z-index: 3;
    top: 2px;
}

.current-points {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    margin-top: 5px;
}
.otp-errorSection {
    display: grid;
    height: 100vh;
    align-items: center;
    padding: 10px 0;
    color: #294661;
}
.otp-errorSection .font28 {font-size: 28px;font-family: "aribaugrotesk-bd", sans-serif;}
.otp-errorSection .cds-content {background-color: #fff;border-radius: 20px;padding: 10px 2rem 10px;box-shadow: 0px 0px 64px 0px #0000001A;}
.otp-errorSection .cds-timeCount {
    max-width: 100px;
    margin: auto;
}
/*======================
    404 page
=======================*/
.page_404 {
    padding: 40px 0;
    background: url(../../assets/images/error-images/1b.jpg) center / cover no-repeat;
    height: 100vh;
}
.cds-notAuto {background: url(../../assets/images/error-images/2b.jpg) center / cover no-repeat;}
.page_404 img {
    width: 100%;
}
.four_zero_four_bg h1 {
    font-size: 110px;
    font-family: "aribaugrotesk-bd", sans-serif;    
}
.four_zero_four_bg h3 {
    font-size: 80px;
}
.link_404 {
    color: #fff !important;
    padding: 10px 20px;
    background: #39ac31;
    margin: 20px 0;
    display: inline-block;
}
.contant_box_404 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contant_box_404 p {
    font-family: 'aribaugrotesk-rg';
}
.CDSMainPage-404-page-section {
    max-width: 768px;
    display: flex;
    margin: 100px auto;
    flex-direction: column;
    align-items: center;
    align-content: center;
    color: #294661;
}
.cdsTYMainsite-confirmation-thanks-page-container-body {
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 1rem;
    padding: 1.5rem 0;
}
  /*======================
    # 404 page
=======================*/