.inner_banner.home_slider .slider_img_view .slider_left {
    width: calc(40% + 0px);
}
.inner_banner.home_slider .slider_img_view .slider_right {
    width: calc(60% + 0px);
}
.inner_banner.home_slider .slider_img_view .slider_left ul.breadcrumbs li img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    opacity: 0.78;
    top: 2px;
}
.inner_banner.home_slider .slider_img_view .slider_left ul.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}
.inner_banner.home_slider .slider_img_view .slider_left ul.breadcrumbs li, .inner_banner.home_slider .slider_img_view .slider_left ul.breadcrumbs li a {
    color: #444444;
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    line-height: 1.4;
}
.inner_banner.home_slider .slider_img_view .slider_left ul.breadcrumbs li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 1px;
    background: #444444;
    left: -17px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.85;
}
.inner_banner.home_slider .slider_img_view .slider_left ul.breadcrumbs li:first-child:before {
    display: none;
}
.inner_banner.home_slider .slider_img_view .slider_left h1 {
    margin-bottom: 12px;
    -webkit-text-fill-color: #3D3D3D;
}
.inner_body_view .title_part span.subtitle {
    margin-bottom: 20px;
}
.contact_us_part .title_part p {
    letter-spacing: 0.4px;
    margin-top: 14px;
    font-size: 17px;
    max-width: 750px;
    color: #444444;
    line-height: 1.38;
} 
.contact_us_part .title_part p a {
    color: #0E3495;
    text-decoration: underline;
    white-space: nowrap;
}
.contact_information ul.contact_us_info li {
    border: 1px solid #BFBFBF;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30px 28px;
    gap: 18px;
    width: calc(50% - 8px);
}

.contact_information ul.contact_us_info li .contact_details_icon {
    width: 100%;
    height: 100%;
    display: inline-block;
    max-width: fit-content;
}

.contact_information ul.contact_us_info li .contact_details_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(20%) sepia(28%) saturate(5432%) hue-rotate(212deg) brightness(84%) contrast(106%);
    max-width: 40px;
    max-height: 35px;
}
.contact_information ul.contact_us_info li .contacts_info {
    width: calc(100% - 80px);
}

.contact_information ul.contact_us_info li .contacts_info h4 {
    letter-spacing: 0.3px;
    font-size: 15px;
    font-weight: 600;
    color: #0E3495;
    text-transform: uppercase;
    margin-bottom: 10px;
} 
.contact_information ul.contact_us_info li .contacts_info span, .contact_information ul.contact_us_info li .contacts_info a {
    color: #444444;
    font-size: 16px;
    font-weight: 500;
    white-space: pre-line;
    display: block;
    width: 100%;
    max-width: fit-content;
    font-family: "Inter", sans-serif;
    line-height: 1.5;
}
.contact_us_part .contact_information {
    margin-top: 28px;
}
.contact_information ul.contact_us_info {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 16px;
}
.contact_information ul.contact_us_info li:first-child {
    width: 100%;
}
.contact_information ul.contact_us_info li .contacts_info h6 {
    color: #222222;
    font-weight: 600;
    font-size: 17px;
}
.contact_form .form_design {
    background: #dde5eb;
    border-radius: 0px 0px 15px 15px;
    padding: 32px 38px 32px 38px;
}
.contact_form .form_design .form-group input, .contact_form .form_design .form-group textarea {
    width: 100%;
    padding: 12px 12px 10px 15px;
    border-radius: 7px;
    border: 1px solid rgb(68 68 68 / 58%);
    font-size: medium;
    background: transparent;
}
.contact_form .form_design .form-group label {
    font-size: 15px;
    font-weight: 600;
    color: #444444;
    margin-bottom: 5px;
    padding: 0 7px;
    letter-spacing: 0.3px;
    position: absolute;
    z-index: 1;
    top: -9px;
    background: #dde5eb;
    line-height: 1.3;
    left: 11px;
}
.contact_form .form_design .form-group input::placeholder, .contact_form .form_design .form-group textarea::placeholder {
    font-size: 15px;
    color: #444444;
    font-weight: 500;
    letter-spacing: 0.25px;
    opacity: 0.75;
}

.contact_form .form_design .form-group textarea {
    height: 100px;
    resize: unset;
}
.contact_form .form_design .gy-5 {
    --bs-gutter-y: 2.48rem;
} 
.contact_form .main_title_loc {
    background: #dde5eb;
    border-radius: 15px 15px 0px 0px;
    padding: 30px 40px 0px 40px;
}
.contact_form .main_title_loc h2 {
    font-size: 28px;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
}
.contact_form .main_title_loc p {
    font-size: 16px;
    margin-top: 10px;
    max-width: calc(85% + 0px);
}
.contact_map {
    margin-top: 80px;
}
.contact_map .loaction_frame, .contact_map .loaction_frame iframe {
    width: 100%;
    height: auto;
    height: 350px;
}
.contact_map .loaction_frame iframe {
    border-radius: 15px;
    filter: brightness(0.98) contrast(1.01) grayscale(0.2);
}
.contact_us_part .contact_us_information {
    position: sticky;
    top: 120px;
}
.contact_us_part .contact_form {
    scroll-margin-top: 150px;
}
/* .aboutus_part .about_box p {
    letter-spacing: 0.4px;
    margin-bottom: 32px;
    margin-top: 14px;
    line-height: 1.38;
}
.aboutus_part .title_part span.subtitle {
    padding: 8px 28px;
}

.aboutus_part .about_box .about_box_right {
    display: flex;
    flex-wrap: wrap;
}
.aboutus_part .about_box .about_box_right .about_right_text {
    width: calc(50% - 25px);
    align-content: space-between;
}
.aboutus_part .about_box .about_box_right .about_in_bg {
    width: calc(50% - 25px);
}
.aboutus_part .about_box .about_box_right .about_right_text .about_top p {
    font-size: 18px;
    color: #444444;
} */

.inner_about_us .main_title_loc p {
    margin: 14px 0;
    color: #444444;
    letter-spacing: 0.4px;
    line-height: 1.38;
    font-weight: 500;
}

.main_title_loc p strong {
    color: #0e3495;
    font-weight: 600;
}
.inner_about_us .vision_mission_box {
    background: #e6ecf0;
    padding: 30px 32px;
    border-radius: 15px;
        margin-top: 35px;
}
.inner_about_us .vision_mission_box .nav-tabs button.nav-link {
    background-color: transparent;
    font-size: 18px;
    color: rgb(14 52 149 / 38%);
}

.inner_about_us .vision_mission_box .nav-tabs button.nav-link.active {
    color: rgb(14 52 149 / 100%);
}
.inner_about_us .inner_aboutus_img img {
    border-radius: 18px;
}
.inner_about_us .aboutus_left_img .year_of_experiance {
    left: 24px;
    transform: unset;
    bottom: 0;
    padding: 0;
    width: calc(100% - 0px);
    max-width: fit-content;
    border: solid #ffffff;
    border-radius: 0px 26px 0px 0px;
    border-width: 15px 15px 0px 0px;
}
.inner_about_us .aboutus_left_img .year_of_experiance .counter_view_box {
    gap: 8px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    margin: 0;
    padding: 22px;
    border-radius: 18px;
}
.inner_about_us .aboutus_left_img .year_of_experiance .counter_view_box .counter_year .counter > span {
    font-size: 60px;
    width: 33px;
    /* color: #0e3495; */
    font-weight: 600;
}
.inner_about_us .aboutus_left_img .year_of_experiance .counter_view_box .counter_show sup {
    font-size: 40px;
    font-weight: 300;
    top: -1px;
    margin-left: 2px;
    /* color: #0e3495; */
}
.inner_about_us .aboutus_left_img .year_of_experiance .counter_view_box h2 {
    font-size: 24px;
    font-weight: 500;
    color: rgb(255 255 255 / 55%);
}

.inner_about_us .aboutus_left_img .year_of_experiance .counter_view_box .counter_year .counter {
    height: 50px;
}

.inner_about_us .aboutus_left_img .year_of_experiance .counter_view_box .counter_year .counter > span span {
    font-weight: 500;
}
.inner_about_us .aboutus_left_img .year_of_experiance:before, .inner_about_us .aboutus_left_img .year_of_experiance:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ffffff;
    clip-path: path("M0 0 Q0,30 35,29 L 0 30 Z");
    z-index: 1;
}

.inner_about_us .aboutus_left_img .year_of_experiance:before {
    top: -43px;
    left: -1px;
    transform: rotate(
2deg) scaleX(1);
}

.inner_about_us .aboutus_left_img .year_of_experiance:after {
    bottom: -2px;
    right: -44px;
    transform: rotate(0deg) scaleX(1);
} 

/* .our_expertise_part .list_of_experties ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 18px;
}
.our_expertise_part .list_of_experties ul li span{
  font-size: 20px;
    font-weight: 500;
    color: rgb(68, 68, 68);
}
.our_expertise_part .list_of_experties ul li .list_exp_icon {
    margin-bottom: 35px;
}
.our_expertise_part .list_view_bg, .our_expertise_part .list_view_bg ul, .our_expertise_part .list_view_bg ul li {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1; 
}
.our_expertise_part .list_view_bg ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: all 0.4s;
}
.our_expertise_part .list_view_bg ul li.active img {
    opacity: 1;
}
.our_expertise_part .list_view_bg ul li, .our_expertise_part .list_view_bg ul li.active {
    transition: all 0.4s;
} */
 
/* .our_expertise_part:after {
    background: rgb(14 52 149 / 50%);
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
    backdrop-filter: blur(1px);
} */

.our_expertise_part {
    background: #DDE5EB;
    z-index: 1;
}
.our_expertise_part:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url(./../images/bottom_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.26;
    mix-blend-mode: hard-light;
}
.our_expertise_part .list_of_experties ul li {
    background: #ffffff;
    border-radius: 15px;
    padding: 25px 22px 25px 22px;
    width: calc(50% - 10px);
    border: 1px solid rgb(191, 191, 191);
    font-family: "TASA Orbiter", sans-serif;
    transition: all 0.4s;
}
.our_expertise_part .list_of_experties ul li:hover {
    border-color: #444444;
}
.our_expertise_part .main_title_loc {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 20px;
    margin-bottom: 45px;
}
.our_expertise_part .main_title_loc p {
    max-width: 620px;
    color: #222222;
    letter-spacing: 0.35px;
}
.our_expertise_part .list_of_experties ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 18px;
}
.our_expertise_part .list_of_experties ul li .list_exp_icon {
    margin-bottom: 20px;
}
.our_expertise_part .list_of_experties ul li span {
    color: #222222;
    letter-spacing: 0.3px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.36;
    display: block;
}
.our_expertise_part .list_of_experties ul li .list_exp_icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(21%) sepia(63%) saturate(2695%) hue-rotate(211deg) brightness(74%) contrast(100%);
} 
.our_expertise_part .list_view_bg ul li img {
    transition: all 0.4s;
    opacity: 0;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.our_expertise_part .list_view_bg ul li {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
} 
.our_expertise_part .list_view_bg ul li.active{
    z-index: 1;
}

.our_expertise_part .list_view_bg ul li.active img {
    opacity: 1;
}
.our_expertise_part .list_view_bg {
    display: flex;
    flex-wrap: wrap;
}

.our_expertise_part .list_view_bg ul {
    width: 100%;
    height: calc(100% - 00px);
    min-height: 380px;
} 

span.our_expertise_text {
    font-size: 17px;
    margin-top: 30px;
    font-weight: 500;
    max-width: 620px;
    color: #222222;
    letter-spacing: 0.35px;
}
.technology_solutions_img img {
    border-radius: 15px;
}
/* .technology_solutions_details {
    background: #DDE5EB;
    height: 100%;
    border-radius: 15px;
    padding: 35px;
} */
 .technology_solutions_details {
    background: #ffffff;
    height: 100%;
    border-radius: 15px;
    border: 1px solid #BFBFBF;
    padding: 32px;
}
.technology_solutions_part .list_tec_sol_box:nth-child(odd):before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url(./../images/bottom_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    right: 0px;
    top: 0;
    z-index: 0;
    opacity: 0.2;
    mix-blend-mode: hard-light;
    transform: scale(-1);
}
.technology_solutions_details h3 {
    font-size: 32px;
    font-weight: 500;
    margin: 0;
    color: #444444;
    white-space: pre-line;
    line-height: 1.15;
    margin-bottom: 12px;
}
.technology_solutions_details p {
    margin: 12px 0;
    color: #444444;
    font-size: 17px;
}
 ul.list_point_details>li {
    font-size: 16px;
    margin-bottom: 20px;
    color: #444444;
    padding-left: 28px;
}
ul.list_point_details>li span {
    display: block;
    width: 100%;
    margin-bottom: 7px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 500;
    color: rgb(68, 68, 68);
}
ul.list_point_details {
    margin: 20px 0 20px 0;
}
ul.list_point_details>li:before {
    background: url(./../images/favicon.png);
    content: "";
    position: absolute;
    height: 17px;
    width: 17px;
    left: 0;
    top: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.technology_solutions_details .title_sub_part {
    margin-bottom: 15px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgb(0 0 0 / 22%);
}
ul.list_point_details>li:last-child {
    margin-bottom: 0;
}
.technology_solutions_details:after{
    content: "";
}
ul.list_point_details>li>ul>li {
    font-size: 16px;
    color: #444444;
    font-family: "TASA Orbiter", sans-serif;
    line-height: 1.32;
    list-style-type: disc;
    margin-bottom: 6px;
}

ul.list_point_details>li>ul {
    padding-left: 17px;
}
.technology_solutions_part .list_tec_sol_box {
    margin: 80px 0;
    scroll-margin-top: 120px;
}
.technology_solutions_part .list_tec_sol_box:nth-child(odd) {
    background: #DDE5EB;
    padding: 80px 0;
}

/* === products details ==== */
.products_details_info .title_part h5 {
    margin: 12px 0;
    color: #444444;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.32;
}
.products_details_part .products_img {
    position: sticky;
    top: 150px;
    background: #F6F8F9;
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #BFBFBF;
    cursor: pointer;
    text-align: center;
}
.products_details_part .products_img img{
    max-height: 440px;
}
.our_expertise_part .main_title_loc {
    gap: 0px 50px;
}
.technology_solutions_part .list_tec_sol_box .technology_solutions_img {
    position: sticky;
    top: 140px;
}
.products_details_info .main_title_loc p.main_text {
    margin: 14px 0;
    color: #444444;
    letter-spacing: 0.4px;
    line-height: 1.38;
    font-weight: 500;
}
.products_details_info .pr_details_box {
    border-top: 1px solid rgb(0 0 0 / 22%);
    padding-top: 28px;
    margin-top: 28px;
    counter-increment: section_count;
}
.products_details_info .pr_details_box ul.list_point_details {
    margin-top: 12px;
    padding-left: 35px;
}
.products_details_info .pr_details_box h3 {
    font-size: 26px;
    color: #444444;
    line-height: 1.34;
    margin-bottom: 12px;
}
.products_details_info .pr_details_box h3.icon_title{
padding-left: 40px;
}
.products_details_info .pr_details_box h3.icon_title:after {
    content: '0' counter(section_count) '.';
    font-size: 24px;
    color: #0e3495;
    position: absolute;
    left: 0;
    top: 1px;
    z-index: 1;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}  
.click_details .accordion-item {
    border: unset;
    margin-bottom: 15px;
} 
.click_details h5.list_title {
    display: block;
    width: 100%;
    line-height: 1.4;
    font-size: 17px;
    font-weight: 500;
    color: rgb(68, 68, 68);
    background: #f6f8f9;
    padding: 9px 32px 9px 15px;
    border-radius: 10px;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    cursor: pointer;
    transition: all 0.4s;
    border: 1px solid rgb(246 248 249);
    border-left: 2px solid #0e3495;
}
.click_details h5.list_title:before {
    z-index: 1;
    transition: all 0.4s;
    position: absolute;
    content: "";
    top: 12px;
    width: 20px;
    height: 20px;
    background: url(./../images/arrow_90.svg);
    border-radius: 0;
    right: 9px;
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(21%) sepia(63%) saturate(2695%) hue-rotate(211deg) brightness(74%) contrast(100%);
}
.click_details h5.list_title[aria-expanded="true"], .click_details h5.list_title:hover {
    color: #0e3495;
}
.click_details .accordion-item .accordion-body p {
    font-size: 16px;
    color: #444444;
    font-weight: 400;
}
.products_details_part .products_details_nd {
    margin-top: 60px;
}
ul.pr_list_icon {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
        margin-top: 18px;
}
ul.pr_list_icon li {
    border: 1px solid #BFBFBF;
    padding: 24px 24px;
    border-radius: 15px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(20% - 12px);
    color: #222222;
    letter-spacing: 0.3px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.36;
    transition: all 0.4s;
}
ul.pr_list_icon li:hover {
    border-color: #444444;
    background: rgb(220 228 234 / 28%);
}
ul.pr_list_icon li .pr_icon_list img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(21%) sepia(63%) saturate(2695%) hue-rotate(211deg) brightness(74%) contrast(100%);
}
    ul.pr_list_icon li .pr_icon_list
    {margin-bottom: 17px;}


    ul.bullets_list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 50px;
    padding-left: 55px;
}
ul.bullets_list li {
    list-style-type: disc;
    width: calc(33.33% - 35px);
    font-size: 16px;
    color: #444444;
}
ul.list_point_details.mb_13>li{
    margin-bottom: 13px;
}


.products_details_info .pr_details_box .horizontal_list .list_points:first-child {
    padding-top: 0;
} 
.products_details_info .pr_details_box .horizontal_list .list_points ul.bullets_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    padding: 0;
    max-width: 300px;
}
.products_details_info .pr_details_box .horizontal_list .list_points ul.bullets_list li {
    width: 100%;
}
.products_details_info .pr_details_box .horizontal_list .list_points {
    display: flex;
    padding: 25px 8px;
    border-bottom: 1px solid rgb(0 0 0 / 22%);
    gap: 12px 50px;
    justify-content: space-between;
    align-items: flex-start;
}
.products_details_info .pr_details_box .horizontal_list .list_points:last-child {
    border: unset;
    padding-bottom: 0;
}
.products_details_info .pr_details_box .horizontal_list .list_points h4 {
    display: block;
    width: 100%;
    margin-bottom: 7px;
    line-height: 1.4;
    font-size: 19px;
    font-weight: 500;
    color: rgb(68, 68, 68);
    white-space: pre-line;
    padding-left: 26px;
    max-width: 235px;
}
.products_details_info .pr_details_box .horizontal_list .list_points h4:before {
    background: url(./../images/favicon.png);
    content: "";
    position: absolute;
    height: 17px;
    width: 17px;
    left: 0;
    top: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ==== */
/* ================== */
button.products_list_btn {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 11;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    padding: 0;
    display: block;
    border: unset;
    box-shadow: unset;
}
.products_list_round {border-radius: 100%;margin: 0;left: 50%;-ms-transform: translateX(-50%);transform: translateX(-50%);background: #4299c6;padding: 6px;width: 100%;border: 1px solid #ffffff;}
.products_list_round img {
    max-width: 54px;
}
.products_list_round svg {
    animation: rotate_text 18s infinite linear;
}
.products_list_round img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@keyframes rotate_text {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-webkit-keyframes rotate_text {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
.products_list_round svg path#circlePath {
    fill: #4299c6;
}
.products_list_round text textPath {
    font-weight: 600;
    font-size: 15px;
    word-spacing: 17px;
    text-transform: uppercase;
    letter-spacing: 2.1px;
    font-family: "Inter", sans-serif;
    fill: #ffffff;
}
.products_list_round:after {
    content: "";
    position: absolute;
    height: calc(100% - 34px);
    width: calc(100% - 34px);
    background: #F6F8F9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
}
.products_list_round:before {
    content: "";
    position: absolute;
    height: 35px;
    width: 35px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 100%;
    background-image: url(./../images/dots.svg);
    background-size: 17px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.85;
}
/* == */
.listed_modal .modal-dialog {
    background: rgb(0 0 0 / 40%);
    backdrop-filter: blur(2px);
    width: 100%;
    height: 100%;
    transform: translate(0px, 0px) !important;
    margin: 0;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.listed_modal .modal-dialog .modal-content {
    background-color: #F6F8F9;
    border-radius: 15px;
    border: unset;
    max-width: 500px;
    margin: 30px;
    transform: translate(0px, -70px);
    transition: all 0.4s;
}
.listed_modal.show .modal-dialog .modal-content{
    transform: translate(0px, 00px);
}
.listed_modal .modal-dialog .modal-content .modal-body ul li a {
    color: #444444;
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
        line-height: 1.3;
}
.listed_modal .modal-dialog .modal-content .modal-body ul li a:hover{
    color: #0e3495;
}
.listed_modal .modal-dialog .modal-content .modal-body ul li {
    padding: 12px 10px 12px 18px;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
}
.listed_modal .modal-dialog .modal-content .modal-body {
    padding: 24px 24px 20px 24px;
    max-height: 530px;
    overflow: auto;
    border-radius: 15px;
}
.listed_modal .modal-dialog .modal-content .modal-body ul li:last-child {
    padding-bottom: 0;
    border: unset;
}

.listed_modal .modal-dialog .modal-content .modal-body ul li:first-child {
    padding-top: 0px;
}
.listed_modal .modal-dialog .modal-content .modal-body h3 {
    margin-bottom: 18px;
    color: #444444;
    font-size: 26px;
    font-weight: 500;
    z-index: 1;
    padding: 0px 14px 12px 8px;
    border-radius: 12px 0 0 0;
    width: calc(100% - 40px);
    border-bottom: 1px solid rgb(68 68 68 / 28%);
}
.listed_modal .modal-dialog .modal-content .modal-body h3:before {
    opacity: 0.3;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 12px 0 0 0;
}

.listed_modal .modal-dialog .modal-content .modal-body ul li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #444444;
    left: 4px;
    top: 22px;
    border-radius: 100%;
}

.listed_modal .modal-dialog .modal-content .modal-body ul li:first-child:before {
    top: 10px;
}
.listed_modal .modal-dialog .modal-content .modal-body button.btn-close.open_close_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 1;
    height: 40px;
    width: 40px;
    background-size: 17px;
    background-color: #bd6639;
    border-radius: 8px 23px 8px 8px;
    box-shadow: unset;
    z-index: 1;
    filter: invert(1);
}
.listed_modal .modal-dialog .modal-content .modal-body ul {
    padding-left: 5px;
}