/*------- AR -------*/
/*---Load fonts here ---*/
@import url(../Font.css);


/*-----------------Start-----*/
.mt-5.px-80.mb-5 {
    margin-bottom: 0 !important;
}
html {
    direction: rtl;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
}
*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
a {
    text-decoration: none;
}
ol, ul, menu{
    list-style:none;
    margin:0;
    padding:0 !important;
}
h1, .h1 {
    font: 700 30px / 38px IBMPlexSansArabic !important;
}
body {
    font-family: 'IBMPlexSansArabic' !important;
    margin: 0;
    line-height: inherit;
    /*background-color: #f9fafb;*/
    background-color: #f9fafb !important;
    overflow-x: hidden;
    overflow-y: auto;
    direction: rtl;
    padding: 0px;
    transition: font-size 0.2s ease-in-out;
}

dga-second-nav-header {
    background-color: #f3f4f6;
    color: #384250;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    height: 40px;
    max-height: 40px;
    border-bottom: 1px solid #d2d6db;
    padding: 0px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}

    dga-second-nav-header .content {
        display: flex;
        align-items: center;
        flex-grow: 1;
    }
        dga-second-nav-header .content .items, dga-second-nav-header .actions .items {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            gap: 16px;
        }
    dga-second-nav-header .actions {
        display: flex;
        align-items: center;
    }
        dga-second-nav-header .actions button {
            background-color: transparent;
            width: 24px;
            height: 24px;
            font-size: 16px;
        }

.btn_icon {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
dga-nav-header header {
    position: relative;
    width: 100%;
    min-height: 72px;
    height: 72px;
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px solid #d2d6db;
}
    dga-nav-header header::after {

    }
    dga-nav-header header nav {
        padding-inline: 32px;
    }
        dga-nav-header header nav a.header_logo {
            display: inline-block;
        }
        dga-nav-header header nav a.header_logo img{
            min-width:154px;
            height:58px;
        }
ul.header_menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.gap_8{
    gap:8px;
}
.gap_16 {
    gap: 16px;
}
    .gap_18{
        gap:18px;
    }
    .gap_24 {
        gap: 24px;
    }
.gap_4{
    gap:4px;
}
.no_gap {
    gap: 0;
}
.flex {
    display: flex;
    align-items: center;
  
   
}
.dropdown-toggle::after {
    margin: 0px;
    border-left: 0 !important;
    border-right: 0 !important;
    vertical-align: bottom !important;
    border-top: none !important;
    display: none !important;
}

ul.header_menu li a, ul.header_menu li div.dropdown-toggle, ul.header_menu li div.submenu_click, ul.header_menu li div.opensearch_btn {
    display: inline-flex;
    height: 72px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    
    background-color: transparent;
    border-radius: 2px;
    color: #161616;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    
}
 
    ul.header_menu li a:hover, ul.header_menu li div.dropdown-toggle:hover, ul.header_menu li div.submenu_click:hover, ul.header_menu li div.opensearch_btn:hover {
        background-color: #f3f4f6;
        position: relative;
        cursor: pointer;
    }
        ul.header_menu li a:hover::after,
        ul.header_menu li div.dropdown-toggle:hover::after,
        ul.header_menu li div.submenu_click:hover::after,
        ul.header_menu li div.opensearch_btn:hover::after {
            content: "";
            display: block;
            width: calc(100% - 8px * 2);
            height: 8px;
            border-radius: 9999px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%);
            background-color: #9da4ae;
            margin:0px;
        }
    ul.header_menu li a:focus {
        background-color: #e5e7eb;
    }
        ul.header_menu li a:focus::after {
            background-color: #000000;
        }
.header_menu li i{
    margin-right:4px;
}
.actionsmenu li i {
    margin-left: 4px;
}
.justify {
    justify-content: end;
}
.Banner {
    background: linear-gradient(0deg, rgba(9, 42, 30, 0.8) 0%, rgba(9, 42, 30, 0.8) 100%), url(../../Images/bg_banner.jpg) 0px -189.624px / 100% 195.723% no-repeat lightgray;
    max-height: 491px;
    height: 491px;
    overflow:hidden;
}
section.Banner .carousel.slide{
    height:491px;
}

    section.Banner .carousel.slide .carousel-inner{
        padding:300px 0 0;
    }
        section.Banner .carousel.slide .carousel-inner .carousel-caption h1 {
            color: #fff;
            font: 600 60px / 72px IBMPlexSansArabic !important;
        }
.carousel-caption {
    left: initial !important;
    right: initial !important;
    padding-left: 196px;
    padding-right: 196px;
    padding-top: 130px;
}
section.Banner .carousel.slide .carousel-inner .carousel-caption p {
    color: #fff;
    font: 400 20px / 30px IBMPlexSansArabic;
    margin-top: 24px;
    margin-bottom: 32px;
}
.btn {
    background-color: #fff;
    color: #161616;
    height: 40px;
    padding-inline: 16px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    cursor: pointer;
    border: 0;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-sizing: border-box;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
}



.Banner .carousel-indicators [data-bs-target] {
    background-color: #e5e7eb;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    opacity:1;
}
.Banner .carousel-indicators .active {
    background-color: #1b8354;
}
.pt-40 {
    padding-top: 40px !important;
}
.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}
.px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}
.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

section.aboutus h1 {
    font: 700 30px /38px IBMPlexSansArabic;
    margin-bottom: 26px !important;
    margin-top: 0;
}
.btn_outline {
    border: 1px solid #e5e7eb;
    background-color: transparent;
    mix-blend-mode: multiply;

}
    .btn_outline:hover {
        background-color: #f3f4f6;
    }


    .btn_outline:focus {
        background: transparent;
        border: 2px solid #000000;
    }

    .btn_outline:active {
        background: #e5e7eb;
        border: 1px solid #9da4ae;
    }

    .btn_outline:disabled, .btn_outline[disabled] {
        background: transparent;
        color: #9da4ae;
        border: 1px solid #E5E7EB;
    }
.aboutus{
    margin-top:24px !important;
}
    .aboutus .items_icon {
        text-align: center;
        margin-top: 32px !important;
    }
    .aboutus .items_icon > div {
        flex-direction: column;
    }
    .aboutus .items_icon i {
        color: #067647;
        background-color: #f3fcf6;
        border-radius: 100%;
        width: 56px;
        min-width: 56px;
        height: 56px;
        font-size: 28px;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .aboutus .items_icon num {
        color: #14573a;
        font: 400 48px / 60px IBMPlexSansArabic;
    }
    .aboutus .items_icon span {
        color: #1f2a37;
        font: 400 16px / 24px IBMPlexSansArabic;
    }



.btn_primary {
    color: #fff !important;
    background-color: #1b8354;
    border: 2px solid #1b8354;
}
    .btn_primary span {
        color: #fff !important;
    }
    .btn_primary:hover {
        background-color: #166a45;
    }

    .btn_primary:visited {
        background: #14573A;
    }

    .btn_primary:focus, .btn_danger:focus {
        border: 2px solid #000000;
        
    }
      
    .btn_primary:active {
        background: #104631;
        outline: none
    }

    .btn_primary:disabled, .btn_primary[disabled] {
       
    }
.btn_default {
    color: #161616 !important;
    background-color: #fff;
    
}
    .btn_default span {
        color: #161616 !important;
    }
    .btn_default:hover {
        background-color: #ffffffcc;
    }
.btn_secondary {
    color: #161616 !important;
    background-color: #f3f4f6;
    border: 2px solid #f3f4f6;
}
    .btn_secondary span {
        color: #161616 !important;
    }
    .btn_secondary:hover {
        background-color: transparent;
    }
.btn_danger {
    color: #fff !important;
    background-color: #d92d20;
    border: 2px solid #d92d20;
}
    .btn_danger span {
        color: #fff !important;
    }
    .btn_danger:hover {
        background-color: #be281d;
    }
.btn_circle {
    border-radius: 9999px;
    width:48px;
    height:48px;
}

.card {
    background-color: #fff !important;
    padding: 16px;
    border-radius: 16px !important;
    border: 1px solid #d2d6db !important;
    align-items: flex-start;
}
dga-icon {
    color: #067647;
    background-color: #f3fcf6;
    border-radius: 100%;
    width: 56px;
    min-width: 56px;
    height: 56px;
    font-size: 28px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.service_list {
    padding-top: 40px;
}
.service_list .item h3 {
    line-height: 28px;
    font-weight: 700;
    font-size:18px;
    margin-bottom:8px;
}
.service_list .item p {
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 24px;
}
    .service_list .card{
        border:none !important;
    }
    .tags span {
        line-height: 20px;
        font-weight: 500;
        font-size: 12px;
        text-align: center;
        padding: 0 8px;
        margin-bottom: 24px;
        border-radius: 4px;
        height: 24px;
    }
.tags .success {
    color: #085d3a;
    background-color: #ecfdf3;
    border: 1px solid #abefc6;
    
}
.tags .info {
    color: #1849a9;
    background-color: #eff8ff;
    border: 1px solid #b2ddff;

}
.tags .neutral {
    color: #1f2a37;
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;

}

/*-----owal carousel Standard ---*/
.owl-theme .owl-dots{
    margin-top:20px;
}
.owl-theme .owl-dots .owl-dot span {
    border-radius: 100% !important;
    width: 16px !important;
    height: 16px !important;
    background-color: #e5e7eb !important;
}
.owl-theme .owl-dots .owl-dot.active span {
    background-color: #1b8354 !important;
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    background-color: #1b8354 !important;
    color: #fff !important;
    border-radius: 100% !important;
    width: 48px;
    height: 48px;
    line-height: 40px;
    font-size: 25px !important;
}
/*-----owal carousel Standard ---*/
/*----service_list----owal*/
.service_list .owl-theme .owl-dots, .service_list .owl-theme .owl-nav {
    display: inline-flex;
    width: 50%;
    margin-top: 36px;
    padding: 0 80px;
}
.service_list .owl-theme .owl-nav {
    justify-content: end;
    position:absolute;
    left:0;
}

.news_artical .card_item {
    box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
    padding: 16px;
    background-color: #fff;
    align-items: flex-start;
    border-radius: 16px;
    border: 2px solid #fff;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    flex-direction:column;
}
    .news_artical .card_item:hover {
        background-color: #f9fafb !important;
    }
    .news_artical .card_item img {
        width: 100%;
        height: 200px;
        overflow: hidden;
        border-radius:16px;
    }
    .news_artical .card_item h4 {
        font: 700 18px / 28px IBMPlexSansArabic;
        margin:0px;
    }
    .news_artical .card_item p {
        font: 400 16px / 24px IBMPlexSansArabic;
        margin: 0px;
        height: 71px;
        overflow: hidden;
    }

.partner_list .owl-carousel .card {
    background-color: transparent !important;
    border: none !important;
    align-items:center !important;
}
.partner_list .owl-carousel .card img{
    width:66px;
    height:66px;
    
}
.partner_list .owl-carousel .owl-stage-outer {
    max-width: calc(100% - 160px);
    margin: auto;
   
}
.back-to-top {
    display: none;
}
.partner_list .owl-carousel .owl-nav button.owl-next svg, .partner_list .owl-carousel .owl-nav button.owl-prev svg {
    filter: brightness(0.5) !important;
}
.partner_list .owl-carousel .owl-nav .owl-next:hover, .partner_list .owl-carousel .owl-nav .owl-prev:hover{
    background-color:transparent !important;
}
.partner_list .owl-carousel .owl-nav .owl-next, .partner_list .owl-carousel .owl-nav .owl-prev {
    background-color: #f3f4f6 !important;
    color: #161b26 !important;
    border-radius: 4px !important;
    width: 40px;
    height: 40px;
    line-height: 30px;
    font-size: 25px !important;
}
.partner_list .owl-carousel .owl-nav .disabled {
    background: #e5e7eb !important;
    color: #9da4ae !important;
}

.partner_list .owl-carousel .owl-nav {
    position: absolute;
    top: 25px;
    margin: 0;
    width:100%;
}
    .partner_list .owl-carousel .owl-nav .owl-next {
        left: 0;
        position: absolute;
    }

    .partner_list .owl-carousel .owl-nav .owl-prev {
        right: 0;
        position: absolute;
    }


footer {
    padding: 40px 80px;
    background-color: #074d31;

}
    footer .links {
        flex-direction: column;
        align-items:flex-start;
    }
    footer h3 {
        color: #fff !important;
        line-height: 24px !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        padding-bottom: 8px !important;
        
        margin-bottom: 8px !important;
    }
    footer a {
        color: #fff;
        font: 400 16px / 24px IBMPlexSansArabic;
    
    }
    footer a:hover{
        text-decoration:underline;
    }
.date_created {
    font: 400 14px / 20px "IBMPlexSansArabic";
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
footer .socialmedia a, footer .socialmedia .btn_icon {
    padding: 12px;
    border-radius: 4px;
    text-align: center;
    align-items: center;
    display: flex;
    background-color:transparent;
    color:#fff;
}
    footer .socialmedia a:hover{
        text-decoration:none;
    }
    footer p {
        line-height: 20px !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        margin: 8px 0 8px !important;
    }

/*-----Dark Mode-----*/
.darkmode {
    filter: grayscale(100%) brightness(0.8) contrast(1.2);
    transition: filter 0.3s;
}
    .darkmode dga-second-nav-header, .darkmode dga-nav-header header {
        filter: invert(1);
    }

body.darkmode{
    background-color:gray;
}

/*----- Sub Menu----*/
.header_menu > li:hover .submenu {
    visibility: visible;
    opacity: 1;
}
.submenu {
     visibility: hidden;
    opacity: 0;
    border-radius: 0px !important;
    transition: opacity 0.2s ease-in-out;
    position:absolute;
    background-color: #fff;
    width: 100%;
    right: 0;
  
}

.submenu a {
}
    .submenu a:hover {
        height: auto !important;
    }
    .submenu a:hover::after{
        display:none !important;
    }
.btnmobilemenu {
    display: none;
}
.slideout_menu_head {
    display: none;
}
/*----pages---*/
.page_headcolor::after {
    content: '';
    background-color: #f7fdf9;
    height: 245px;
    position: absolute;
    width: 100%;
    display: block;
    top: 0;
    z-index: 0;
    right: 0;
    left: 0;
}
    .page_headcolor div.row{
        position:relative;
        z-index:1;
    }
    .page_headcolor {
        position: relative;
    }
dga-breadcrumbs .breadcrumb-icon {
    transform: rotate(180deg);
}
dga-breadcrumbs ul {
    display: flex;
    align-items: center;
    justify-content:flex-start;
   
}
dga-breadcrumbs ul li:first-child{
    padding-right:0px;
    padding-left:4px;
}
    dga-breadcrumbs ul li {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: #384250;
    }

        dga-breadcrumbs ul li a {
            color: #384250 !important;
        }
        dga-breadcrumbs ul li > span {
            color: #9da4ae;
        }
.page_title {
    min-height: 205px;
}
.page_title h1 {
    line-height: 38px;
    font-size: 30px;
    font-weight: 700;
    color: #161616;
    width: 100%;
}

.page_title .btn_primary {
    justify-content: end;
}

.page_title p {
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 24px;
}

dga-link a {
    color: #1b8354;
    font: 400 16px / 24px IBMPlexSansArabic;
    display: flex;
    align-items: center;
    gap: 8px;
}
    dga-link a:hover > span{
        text-decoration:underline;
    }
    /*----Tabs-----*/
dga-tabs .nav {
    margin-top:30px;
}
dga-tabs .nav-pills .nav-link {
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    color: #384250 !important;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    font: 500 14px / 20px IBMPlexSansArabic;
}
dga-tabs .nav-pills .nav-link.active {
    background: transparent !important;
}
    dga-tabs .nav-pills .nav-link:hover::after,
    dga-tabs .nav-pills .nav-link.active::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 1px;
        left: 50%;
        transform: translate(-50%);
        width: calc(100% - 16px * 2);
        height: 3px;
        border-radius: 9999px;
        background-color: #161616;
        z-index: 1;
    }
    dga-tabs .nav-pills .nav-link:hover {
        background-color: #f3f4f6;
    }
    dga-tabs .nav-pills .nav-link.active::after {
        background-color: #1b8354;
    }
dga-tabs .tab-content .info ul {
    list-style-type: decimal;
 
   
}
    dga-tabs .tab-content .info ul li {
        color: #1b8354;
        font: 400 16px / 24px IBMPlexSansArabic;
        list-style-position: inside;
        margin-top:16px;
    }
dga-service-side-card .item{
    align-items:flex-start;
    gap:4px;
}
dga-service-side-card span {
    color: #1b8354 !important;
}
dga-service-side-card .item i {
    color: #1b8354;
    font-size: 25px;
}
dga-service-side-card .item h3 {
    font: 700 16px / 24px IBMPlexSansArabic !important;
    margin: 0;
}
    dga-service-side-card .item p {
        font: 400 16px / 24px IBMPlexSansArabic !important;
    }
dga-service-side-card .line_space {
    padding: 24px 0;
    width: 100%;
}

hr {
    opacity: 1;
    height: 0;
    border-top: 1px solid #e5e7eb;
    margin: 0px;
}
.bg_color {
    background-color: #f7fdf9;
}
dga-divider {
    background-color: #1b8354;
    display: flex;
    width: 100%;
    height: 1px;
    justify-content: center;
    align-items: center;
}
dga-feedback .py-40 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
dga-feedback p {
    font: 400 16px / 24px IBMPlexSansArabic;
    white-space: nowrap;
}
.flex_col {
    flex-direction: column;
}
.flex_start {
    align-items: flex-start;
}
/*------- Comments ----*/
.Comment_box h4 {
    font: 600 16px / 24px IBMPlexSansArabic;
}
    .Comment_box h4 span {
        color: #6c737f;
        font: 400 14px / 20px IBMPlexSansArabic;
    }
/*---- General Fomrs----*/
dga-checkbox label span {
    font: 500 16px / 24px IBMPlexSansArabic;
}
.input_hover_bg {
    position: relative;
      display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
dga-checkbox label .input_hover_bg::after,
dga-radiobutton label .input_hover_bg::after {
    content: '';
    border-radius: 9999px;
    background: #e5e7eb;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 0;
    transition: all .3s ease-in-out;
}
dga-checkbox label:hover .input_hover_bg::after,
dga-radiobutton label:hover .input_hover_bg::after {
    transform: translate(-50%, -50%) scale(1);
}
dga-checkbox label input[type=checkbox] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 2px;
    border: 1px solid #6c727e;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
    background-image: none;
}
/* Change the background color when checkbox is checked */
    dga-checkbox label input[type=checkbox]:checked {
        background-color: #0c111b;
       
    }

    /* Add a check mark when checked */
        dga-checkbox label input[type=checkbox]:checked::after {
            content: "";
            position: absolute;
            left: 5px;
            top: 1px;
            width: 8px;
            height: 13px;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);
            border-color: white;
            border-style: solid;
        }

dga-radiobutton label input[type=radio] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 2px;
    border: 1px solid #6c727e;
    cursor: pointer;
    filter: hue-rotate(239deg);
    z-index: 1;
    background-image: none;
}
dga-checkbox label, dga-radiobutton label {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}
.closebutton {
    font: 500 16px / 24px IBMPlexSansArabic;
    background-color: transparent;
    height: 40px;
    padding: 16px;
}
    .closebutton i {
        width: 24px;
        height: 24px;
        font-size: 24px;
    }
    .closebutton:hover {
        background-color: #f3f4f6;
    }
    /*----- rating----*/
dga-rate .rating {
    display: inline-flex;
    position: relative;
    font-size: 24px;
    color: #e5e7eb;
    cursor: pointer;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
}

dga-rate p {
    font: 400 16px / 24px IBMPlexSansArabic;
    margin:0px !important;
}
    dga-rate p span{
        font-weight:bold;
    }


dga-rate span.star {
    color: #e5e7eb;
    transition: color 0.2s;
font-size:24px !important;
}

    dga-rate span.star:hover,
    dga-rate span.star.active {
        color: #1b8354;
    }
 
    dga-rate .selected-rating {
        color: #6c737f;
        font: 400 14px / 20px IBMPlexSansArabic;
    }
.contact_form {
    position: relative;
    top: 100px;
}
.mt-100 {
 
    margin-top: 100px;
}
.required {
    color: #b42318 !important;
    font: 600 14px / 20px IBMPlexSansArabic !important;
}
.contact_form, .text_form p, .contact_form label {
    color: #64748b !important;
    font: 400 12px / 16px IBMPlexSansArabic !important;
}

/* Style the container */
.file-upload-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

/* Hide the default input */
.custom-file-input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
/* Optional: Style for selected file name */
.file-name {
    margin-right: 10px;
    font: 400 12px / 16px IBMPlexSansArabic;
    color: #64748b;
}

dga-service-side-card button{
    background-color:transparent;
}
.copyFeedback {
   font-size:10px;
    color: green;
    display: none;
}
/*---- forms input dga style ----*/
input.form-control, select.form-control {
    font: 400 14px / 20px IBMPlexSansArabic;
    background-color: transparent;
    border: 0;
    outline: 0;
    height: 40px;
    width: 100%;
    color: #384250;
    padding: 0px 8px;
    gap: 4px;
    display: flex;
    justify-content: flex-start;
    text-align:right;
}
textarea.form-control {
    font: 400 14px / 20px IBMPlexSansArabic;
    background-color: transparent;
    border: 0;
    outline: 0;
    height: 100%;
    width: 100%;
    color: #384250;
    padding: 0px 8px;
    gap: 4px;
    display: flex;
    justify-content: flex-start;
}
.input:hover {
    border: 1px solid #9da4ae;
    border-radius: 4px;
}
.input {
    position: relative;
    border-radius: 4px;
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    min-height: 40px;
    width: 100%;
    overflow: hidden;
}
    .input::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0%;
        height: 2px;
        transform: translate(-50%);
        background-color: #0c111b;
        transition: width .2s ease-in-out;
    }
.input.focus::after {
    width: 100%;
}
    .input.focus {
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1) !important;
        background-color: #fff;
        border: 1px solid #9da4ae;
        border-radius: 4px;
    }
.form-control:focus {
    outline: none;
    box-shadow: none;
   
}
.btn_dropdown {
    background-color: #f3f4f6;
    border-radius: 0px 4px 4px 0px;
    font: 400 16px / 24px IBMPlexSansArabic;
    color: #6c727e;
}
/*----forms----*/
.inputwithicon i {
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 7px;
    width: 20px;
    height: 40px;
    line-height: 40px;
}
.inputwithicon input.form-control{
    padding: 0 35px 0 8px;
}
.inputwithtext_right input.form-control {
    padding: 0 53px 0 8px;
}
.inputwithtext_left input.form-control {
    padding: 0 8px 0 53px;
}

.inputwithtext_right .input-group-text {
    position: absolute;
    border: none;
    background-color: #f3f4f6;
    height: 100%;
    right: 0;
    top: 0;
    border-radius:0 4px 4px 0;
}
.inputwithtext_left .input-group-text {
    position: absolute;
    border: none;
    background-color: #f3f4f6;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px 0px 0px 4px;
}
.text_form input.form-control, .text_form select.form-control {
    background-color: #fff;
   
  
}
.text_form .input {
    border: 1px solid #9da4ae;
}
    .text_form .input:hover {
        border: 1px solid #384250;
        border-radius: 4px;
    }

.helper i {

    font-size: 16px;
}
.input_error .helper span {
    font-size: 10px !important;
}
.input_error .helper, .input_error .helper span {
    color: #b42318 !important;
}
.input_error .input, .input_error .input:hover {
    border: 1px solid #b42318;
}
    .input_error .input::after {
        background-color: #b42318;
    }
.input_disabled label, .input_disabled .required {
    color: #9da4ae !important;
}

/*---Wizard Steps Form -----*/

.steps {
    flex: 1;
    
    position: relative;
}
.progress_indicator {
    position: absolute;
    background: #d2d6db;
    width: 2px;
    height: 100%;
    right: 15px;
    top: 50%;
    z-index: -1;
}
/* .steps::before {
        content: '';
        position: absolute;
        background: #d2d6db;
        width: 2px;
        height: 100%;
        right: 20px;
        top: 0;
    }*/
.step {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    min-height: 128px;
    flex-direction: row !important;
    gap: 8px;
}

.step-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #d2d6db;
    color: #d2d6db !important;
    background-color: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 500 16px / 24px IBMPlexSansArabic;
    transition: all 0.3s ease;
}

.step.active .step-circle, .steps_horizontal .step_item.active .step-circle {
    background: #1b8354;
    color: #fff !important;
    height: 32px;
    width: 32px;
    border: 2px solid #1b8354;
}

.step.completed .step-circle {
    border: 2px solid #1b8354;
    color: #fff;
    background: #1b8354;
}

.step-content {
    flex: 3;
   
}

.content-panel {
    display: none;
   
}

    .content-panel.active {
        display: block;
    }
.side_box {
    border: none !important;
    background-color: #f9fafb !important;
    border-radius: 16px !important;
    padding:20px;
}
.step-text {
    padding-right: 16px;
    gap: 4px;
    display:flex;
    flex-direction:column;
}
.step-text p {
    margin: 0px !important;
    font: 400 16px / 24px IBMPlexSansArabic;
    color: #1f2a37;
}
.step-text small {
    font: 400 14px / 20px IBMPlexSansArabic;
    color: #d2d6db;
}
.step.completed .progress_indicator {
    background: #1b8354;
}
.CustomCard h3 {
    font: 700 18px / 28px IBMPlexSansArabic;
}
.CustomCard p {
    font: 400 16px / 24px IBMPlexSansArabic;
}
.CustomCard:hover {
    outline-style: solid;
    outline-color: #101010;
    outline-width: 2px;
}
.CustomShadow {
    border: none !important;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);
}
/*--- Accordion -----*/
.accordion-button {
    font: 600 16px / 24px IBMPlexSansArabic;
    color: #161616;
    border-radius: 0px !important;
    border: 2px solid none;
}
.accordion-body {
    font: 400 16px / 24px IBMPlexSansArabic;
    color: #384250;
}
.accordion-item {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #d2d6db;
    border-left: 0;
    border-radius: 0px !important;
}
.accordion-button:hover {
    background: #f3f4f6;
    outline: none;
    mix-blend-mode: multiply;
}
.accordion-button:active, .accordion-button:focus {
    background-color: #e5e7eb;
    outline: none !important;
    box-shadow: none !important;
    border: 2px solid #161616;
}
.accordion-button:not(.collapsed) {
    background-color: #e5e7eb !important;
    outline: none !important;
    box-shadow: none !important;
   
    color: #161616 !important;
}
/*--- sitemap ----*/
.sitemap {
    list-style-type: disc;
    font: 400 14px / 20px IBMPlexSansArabic;
    color: #1b8354;
}
.sitemap a:hover{
    text-decoration:underline;
}
    .sitemap ul {
        list-style-type: circle;
        font: 400 14px / 20px IBMPlexSansArabic;
        display: inline-flex;
  padding-right:1.5rem;
      
        gap: 8px;
    }

    /*-- pagenotfound---*/
.error_Image{
    text-align:center;
    margin:0 auto;
}
    .error_Image img{
      max-width:100%;
    }

    /*---- Search----*/
.fullwidth_search input.form-control{
    padding:0 35px 0 8px;
}
.inputwithicon .voice_record {
    position: absolute;
    left: 0;
}
.inputwithicon .search_icon{
    position:absolute;
    right:0;
}

.search_resualt_actions h1 {
    font: 700 30px / 38px IBMPlexSansArabic;
}
.search_resualt_actions p {
    font: 400 16px / 24px IBMPlexSansArabic;
    color: #6c727e;
}
.btn_black {
    color: #fff !important;
    background-color: #000;
    font: 500 18px / 24px IBMPlexSansArabic;
}

.btn_black span {
    color: #fff !important;
}
    .btn_black i {
        font: 500 24px / 24px IBMPlexSansArabic;
    }
.btn_outline i {
    font-size: 24px;
}
.filteration {
    position: relative;
}
.filterbox{
  display:none;
}
.filterbox.open {
  display:block;
    padding: 16px;
    position: absolute;
    top: calc(100% + 10px);
    overflow-y: auto;
    width: 90%;
    z-index: 1000;
    border-radius: 8px;
    border: 1px solid #d2d6db;
    background: #fff;
    display: flex;
    width: 100%;
    max-width: 320px;
    flex-direction: column;
    align-items: start;
    gap: 8px;
    max-height: 75vh;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
    animation: slideDown 0.3s ease;
}
@keyframes slideDown{
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.filteration_block h3 {
    font: 600 14px / 20px IBMPlexSansArabic;
}
.filteration_block {
    border-bottom: 1px solid #d2d6db;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.filteration_block div span {
    font: 500 12px / 18px IBMPlexSansArabic !important;
    color: #14573a;
    background-color: #f3fcf6;
    height: 24px;
    padding: 0px 12px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}
    .filteration_block span:hover {
        color: #14573a;
        background-color: #b8eacb;
    }
.filteration_block span i {
    font-size:16px;
    color:black
}
.search_resault_item {
    border-bottom: 1px solid #d2d6db;
    width:100%;
    padding-bottom:32px;
    margin-bottom:32px;
}
.listitemsearch .search_resault_item:last-child{
    border-bottom:none;
}

.search_resault_item .itemtags span {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 0 12px;
    border-radius: 4px;
    font: 500 12px / 18px "IBMPlexSansArabic";
    height: 24px;
    display: flex;
    align-items: center;
}
    .search_resault_item h3 {
        color: #1b8354;
        font: 400 16px / 24px "IBMPlexSansArabic";
        margin:0;
    }
    .search_resault_item p {
        color: #1f2a37;
        font: 400 14px / 20px "IBMPlexSansArabic";
        margin: 0;
    }
    .search_resault_item date {
        color: #6c727e;
        font: 400 12px / 18px "IBMPlexSansArabic";
    }

    /*--- pagination---*/
.page-link {
    width: 40px;
    height: 40px;
    color: #161616;
    display:grid;
    align-items:center;
    justify-content:center;
    font-size:10px;
}
.page-link:hover {
  
    background-color: #f3f4f6;
    border-radius: 4px;
    
}
    .page-link i {
        font-size: 15px;
    }
.page-item{
    position:relative;
}
    .page-item.active::after {
        content: "";
        width: calc(100% - 8px);
        height: 3px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        bottom: -1px;
        border-radius: 9999px;
        background: #1b8354;
        z-index: 10;
    }
.w_full{
    width:100%;
}
.align_top {
    align-items: start;
}
.shadow_custom {
    background-color: #fff;
    --tw-shadow: 0px 4px 8px -2px rgba(16, 24, 40, .1), 0px 2px 4px -2px rgba(16, 24, 40, .06);
    --tw-shadow-colored: 0px 4px 8px -2px var(--tw-shadow-color), 0px 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-shadow);
    padding: 16px;
    border-radius: 16px;
    gap: 24px;
    flex-direction: column;
    display: flex;
    min-height: 160px;
}
    .shadow_custom h2 {
        font: 700 18px / 28px "IBMPlexSansArabic" !important;
        min-height: 60px;
        overflow: hidden;
        margin:0px;
    }
    .shadow_custom .btn {
        margin-inline-start: auto;
        width: 40px;
        height: 40px;
      
     
    }
        .shadow_custom .btn i {
            font-size: 24px;
            width:24px;
            height:24px;
        }
.strong_content h1 {
    font: 700 48px / 60px "IBMPlexSansArabic";
}
.strong_content > p:first-of-type {
    font: 600 18px / 28px "IBMPlexSansArabic";
}
.strong_content > p{
    margin:0px;
}
.strong_content {
    border-bottom: 1px solid #d2d6db;
}
aside .table_of_content_header p {
    font: 400 14px / 20px IBMPlexSansArabic;
    margin:0px;
}
aside .table_of_content_header h4 {
    font: 600 20px / 30px IBMPlexSansArabic;
    margin: 0px;
}
.side_menu_sticky{
    position:sticky;
    top:0;
    right:0;
    padding:24px;
}
/*-----Content---*/
.table_of_content_header ul li {
    min-width: 140px;
  
    border-radius: 2px;
    position:relative;
  cursor:pointer;
  
}
    .table_of_content_header ul li a {
        color: #384250;
        font: 400 14px / 20px IBMPlexSansArabic;
 border-radius:2px;
        display: block;
        padding: 6px 8px 6px 16px;
    }
  
    .table_of_content_header ul li:hover {
        background-color: #f3f4f6;
        color: #1f2a37;
       
    }
        .table_of_content_header ul li:hover:before {
            content: "";
            background-color: #d2d6db;
            width:3px;
            display:block;
            height:100%;
               position:absolute;
               right:0;
               top:0;
               border-radius:9999px;
        }
    .table_of_content_header ul div ul li:before {
        content: "";
        background-color: #d2d6db;
        width: 3px;
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 9999px;
    }

/*----- cookiesBanner----*/
.display-flex{
    display:flex;
}
.cookiesBanner {
    background-color: #fff;
    padding: 32px;
    position: fixed;
    bottom: -100%;
    z-index: 1000;
    width: 100%;
    transition: bottom 0.5s ease-in-out;
}

    .cookiesBanner .head_title {
        justify-content: space-between;
        display:flex;
        align-items:center;
    }
        .cookiesBanner .head_title h3 {
            font: 600 18px / 28px IBMPlexSansArabic;
            margin:0px;
        }
.btn_close {
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #161b26;
}
.btn_cookies span {
    font: 500 14px / 20px IBMPlexSansArabic !important;
}
.btn_cookies .normall_link:hover {
    color: #166a45;
}

/*---Switch----*/
.form-check.form-switch {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
    cursor: pointer;
   
}
    .form-check.form-switch .form-check-label {
        font: 500 16px / 24px IBMPlexSansArabic;
        cursor: pointer;
        background-image: none !important;
        width: auto;
    }
.form-switch .form-check-input {
    height: 24px;
    position: relative;
    display: inline-block;
    min-width: 48px;
    border: 1px solid black;
    cursor: pointer;
}
.form-check.form-switch .form-check-input:checked {
    background-color: #1b8354;
    border: 1px solid black;
}
.form-check.form-switch .form-check-input:not(:checked) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%255, 255, 255, 1'/%3e%3c/svg%3e");
}
.form-check.form-switch .form-check-input:hover {
    outline: 4px solid #e5e7eb;
    box-shadow: 0 0 1px #4d5761;
    transition: .4s;
}
.form-check.form-switch .form-check-input:checked:disabled {
    background-color: #9da4ae;
    outline: 0px solid #e5e7eb;
 
    border: 1px solid #9da4ae;
}

/*---- Dropdown Select item----*/
.dropdown {
    position: relative;
    width: 100%; /* Adjust as needed */
}

.dropdown_btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: white;
    cursor: pointer;
}

.dropdown_list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 0px;
    padding: 0;
    list-style: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: white;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -4px rgba(16, 24, 40, .08);
    display: none;
    z-index: 10;
    max-height: 376px;
    pointer-events: auto;
    overflow-y: auto;
}

    .dropdown_list.show {
        display: block;
    }

.dropdown_option {
    width: 100%;
    text-align: left;
    padding: 8px 12px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dropdown_btn:hover {
    border-color: #384250;
}
.dropdown_option:hover {
    background-color: #f5f5f5;
}

    .dropdown_option.selected {
        background-color: #f0f0f0;
    }

.dropdown_option_icon {
    display: none;
}

.dropdown_option.selected .dropdown_option_icon {
    display: block;
}

.dropdown_label_placeholder {
    display: none;
}

.dropdown_label_selection + .dropdown_label_placeholder {
    display: inline;
}

.dropdown_label_selection:not(:empty) + .dropdown_label_placeholder {
    display: none;
}
.dropdown_chevron {
    width: 24px;
    height: 24px;
}
.dropdown_chevron_icon {
    transition: transform 0.2s ease;
    font-size: 24px;
}

.dropdown_list.show ~ .dropdown_btn .dropdown_chevron_icon {
    transform: rotate(180deg);
}
.dropdown_btn.open:after {
    width: 100%;
}
.dropdown_btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 2px;
    transform: translate(-50%);
    background-color: #0c111b;
    transition: width .2s ease-in-out;
}
.dropdown_label.dropdown_label_selection {
    font: 400 16px / 24px IBMPlexSansArabic;
    color: #85888e;
}
dga-chip a {
    color: #14573a;
    background-color: #f3fcf6;
    font: 500 16px / 24px IBMPlexSansArabic;
    height: 32px;
    display: inline-flex;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius:4px;
    cursor: pointer;
}
    dga-chip a:hover {
        background-color: #b8eacb;
        color: #14573a;
    }
    dga-chip a:focus {
        background-color: #54c08a;
        color: #104631;
    }
/*---list----*/
.list {
    margin-right: 24px;
}
.list_ordered {
    list-style-type: decimal;
    list-style-position: inside;
}
.list_item {
    color: #0d121c;
    font: 400 16px / 24px IBMPlexSansArabic;
}
.list_ordered > ol {
    list-style-type: lower-alpha;
    margin-right: 24px;
}
.list_unordered {
    list-style-type: decimal;
}
.list_unordered > ul {
    list-style-type: disc;
    margin-right: 18px;
}
.list_unordered .list_item:before {
    content: "-";
}
.list_unordered .list_item {
    display: flex;
    align-items: center;
    gap: 8px;
}
    .list_unordered > ul .list_item:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #0d121c;
    }
.list_with_icon .list_item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.list_with_icon span.list_item_icon {
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
}
/*---- dga-quote ---*/

dga-quote {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    border-radius: 16px;
    background-color: #fff !important;
}
    dga-quote dga-flex-row {
        display: flex;
        flex-flow: row;
        gap: 9px;
        align-items: start;
        justify-content: start;
    }
    dga-quote dga-flex-col {
        display: flex;
        flex-flow: column;
        gap: 16px;
        align-items: start;
        justify-content: start;
    }
dga-flex-row .quote-icon {
    transform: scaleX(1);
}
    dga-quote span.quote-icon {
        display: block;
        max-height: 90px;
        position: relative;
        top: -45px;
        color: #14573a;
        text-align: right;
        font-family: "IBM Plex Sans Arabic" !important;
        font-size: 128px !important;
        font-style: normal;
        font-weight: 400;
    }

.dga-quote__body-title {
    color: #161616;
    margin: 0;
    font: 500 24px / 32px "IBMPlexSansArabic";
}
.dga-quote__body-desc {
    color: #384250;
    margin: 0;
    font: 400 20px / 30px "IBMPlexSansArabic";
}
.dga-quote__auther-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.dga-quote__auther-details .quote-icon {
    transform: scaleX(1);
}
    .dga-quote__auther-details .auther-title {
        color: #161616;
        text-align: right;
        margin: 0;
        font: 500 20px / 30px "IBMPlexSansArabic";
    }
    .dga-quote__auther-details .auther-desc {
        color: #384250;
        text-align: right;
        margin: 0;
        font: 400 18px / 28px "IBMPlexSansArabic" !important;
    }

/*--- avatar---*/

.avatar {
    width: 68px;
    height: 68px;
    border-radius: 9999px;
    border: 2px solid #fff;
    background: #f3f4f6;
}
    .avatar img, .avatar span, .avatar i {
        border-radius: 9999px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .avatar span {
   
        font: 500 18px / 28px "IBMPlexSansArabic";
    }
    .avatar i {
      
        font: 400 40px / 28px "IBMPlexSansArabic";
    }

/*--- dga-metric ---*/

dga-metric {
    background-color: #fff;
    display: flex;
    width: 360px;
    flex-direction: column;
    align-items: flex-end;
    border-radius: 16px;
    box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}
.dga-metric__head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px 16px 0;
    margin-bottom: 24px;
}
.dga-metric__head-content {
    display: flex;
    align-items: center;
    gap: 8px;
}
.featured-icon {
    color: #067647;
    background-color: #f3fcf6;
    border-radius: 9999px;
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:24px;
}
.btn--icon {
    width: 32px;
    height: 32px;
    font-size: 32px;
    font: 500 14px / 20px IBMPlexSansArabic;
    background-color: transparent;
    color: #161b26;
    mix-blend-mode: multiply;
}
span.btn-icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.btn--icon:hover {
    background: #f3f4f6;
}
.dga-metric__body{
    width:100%;
}
.dga-metric__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    margin-bottom: 24px;
}
    .dga-metric__content h3 {
        font: 700 36px / 44px IBMPlexSansArabic;
        color: #1f2a37;
    }
.dga-metric__content-change {
    display: flex;
    align-items: center;
    gap: 8px;
}
span.dga-metric__content-change-icon {
    width: 24px;
    height: 24px;
    color: #067647;
    font-size:24px;
}
span.dga-metric__content-change-value {
    font: 500 14px / 20px IBMPlexSansArabic !important;
    color: #067647 !important;
    text-align: center;
}
span.dga-metric__content-change-period {
    font: 500 14px / 20px IBMPlexSansArabic !important;
    color: #6c737f !important;
}
.dga-metric__divider {
    display: flex;
    width: 100%;
    height: 1px;
    justify-content: center;
    align-items: center;
    background-color: #d2d6db;
}
.dga-metric__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px;
}
.dga-metric__actions--primary {
    margin-left: 0px;
}
.dga-metric__chart {
    padding: 0 16px;
    margin-bottom: 24px;
}
/*----- Table ----*/
div.table-wrapper {
    font: 400 16px / 24px IBMPlexSansArabic;
    width: 100%;
}
.table-contained {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #d2d6db;
    padding: 0;
}

.azm-table.table-contained{
    direction:rtl;
}
div.table-wrapper .azm-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
.table-contained {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #d2d6db;
    padding: 0;
}
div.table-wrapper .azm-table thead {
    border-bottom: 1px solid #d2d6db;
    border-top: 1px solid #d2d6db;
    background: #f3f4f6;
}
    div.table-wrapper .azm-table thead th:first-child {
        width: 20px;
    }
    div.table-wrapper .azm-table thead th {
        height: 48px;
        border-right: 1px solid #d2d6db;
        padding: 8px 16px;
    }
.checkbox {
    display: flex;
    gap: 16px;
    padding: 0px;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin:8px;
}
.checkbox-main {
    flex-direction: column;
    gap: 4px;
    max-width: 382px;
    display: flex;
    column-gap: 16px;
    -moz-column-gap:16px;
}
.checkbox-main__content {
    align-items: flex-start;
    display: flex;
    column-gap: 16px;
}

.checkbox input {
    accent-color: #1b8354;
    /*-----*/
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 2px;
    border: 1px solid #6c727e;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
}
div.table-wrapper .azm-table tbody tr.alternate:nth-child(odd):not(div.table-wrapper .azm-table tbody tr:hover,div.table-wrapper .azm-table tbody tr.row-selected) {
    transition: all .2s ease-in-out;
    background-color: #fff;
}
div.table-wrapper .azm-table tr.row-divider:not(:last-child) {
    border-bottom: 1px solid #d2d6db;
}
div.table-wrapper .azm-table tbody tr.alternate:nth-child(2n):not(div.table-wrapper .azm-table tbody tr:hover,div.table-wrapper .azm-table tbody tr.row-selected) {
    transition: all .2s ease-in-out;
    background-color: #f5f5f6;
}
div.table-wrapper .azm-table tbody td {
    height: 64px;
    
    padding: 8px 16px;
}
div.table-wrapper .azm-table tbody tr:hover {
    background-color: #f3f4f6;
}
.tag--sm {
    font: 600 10px / 14px IBMPlexSansArabic;
    height: 20px;
}
.tag {
    display: inline-flex;
  
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
}
.tag--gray {
    color: #384250;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
}
.btn--sort:hover {
    background: #f3f4f6;
}
.btn--icon {
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn--icon i {
    color: #161b26;
  
    font: 500 24px / 20px IBMPlexSansArabic;
}
div.table-wrapper .azm-table thead th span span.icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
div.table-wrapper .azm-table thead th span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: 500 12px / 18px IBMPlexSansArabic;
    color: #384250;
}
.selected-row {
    background-color: #b8eacb !important; 
    
}
/*--content-switcher-tabs---*/
.nav.nav-pills {
    margin: 10px;
    align-items: center;
    justify-content: center;
}
    .nav.nav-pills .nav-item .nav-link {
        font: 400 18px / 28px IBMPlexSansArabic;
        height: 40px;
        color: #161616;
        border-radius: inherit;
        padding: 4px 10px;
    }
    .nav.nav-pills .nav-item {
        height: 40px;
        border-radius: 0px;
        border-left: .5px solid #e5e7eb;
        background: #f3f4f6;
        
        
    }
        .nav.nav-pills .nav-item:hover {
            background: #e5e7eb;
        }
        .nav.nav-pills .nav-item:first-child {
            border-radius: 0px 8px 8px 0px;
        }

        .nav.nav-pills .nav-item:last-child {
            border-left: 0px;
            border-radius: 8px 0px 0px 8px;
        }
        .nav.nav-pills .nav-item .nav-link.active {
            background: #0d121c;
            color:#fff;
        }
        .nav.nav-pills .nav-item .nav-link:focus {
            outline: none;
            border: 1px solid white !important;
            box-shadow: 0 0 0 2px #000;
            
        }

/*---- notification ----*/
.alert {
    padding: 16px 24px;
    border-radius: 8px;
    display: flex;
    gap:12px;
    overflow:hidden;
}
    .alert i {
        width: 40px;
        min-width: 40px;
        height: 40px;
        border-radius: 9999px;
        font-size: 24px;
        align-items: center;
        justify-content: center;
        display: flex;
    }
.alert strong {
    font: 600 16px / 24px IBMPlexSansArabic;
    margin-bottom:4px;

}
    .alert p {
        font: 400 14px / 20px IBMPlexSansArabic;
    }
    .alert:before {
        content: "";
        display: block;
        height: 100%;
        width: 8px;
        right: 0;
        top: 0;
        position: absolute;
    }
.body_alert {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.alert-default {
    background-color: #fff !important;
    border-color: #d2d6db !important;
}
    .alert-default strong {
        color: #0d121c;
    }
    .alert-default i {
        background-color: #f9fafb;
        color: #0d121c;
    }
    .alert-default:before {
        background-color: #d2d6db;
    }

.alert-primary {
    background-color: #f5faff !important;
    border-color: #d3e9fb !important;
}

    .alert-primary strong {
        color: #589af4;
    }

    .alert-primary i {
        background-color: #eff8ff;
        color: #589af4;
    }

    .alert-primary:before {
        background-color: #589af4;
    }
.alert-secondary {
    background-color: #f6fef9 !important;
    border-color: #cff3de !important;
}

    .alert-secondary strong {
        color: #4eb486;
    }

    .alert-secondary i {
        background-color: #ecfdf3;
        color: #4eb486;
    }

    .alert-secondary:before {
        background-color: #4eb486;
    }
.alert-third {
    background-color: #fffcf5 !important;
    border-color: #faeabf !important;
}

    .alert-third strong {
        color: #e6944b;
    }

    .alert-third i {
        background-color: #fffaeb;
        color: #e6944b;
    }

    .alert-third:before {
        background-color: #e6944b;
    }
.alert-fourth {
    background-color: #fffbfa !important;
    border-color: #fae1e1 !important;
}

    .alert-fourth strong {
        color: #e46b61;
    }

    .alert-fourth i {
        background-color: #fef3f2;
        color: #e46b61;
    }

    .alert-fourth:before {
        background-color: #e46b61;
    }

    /*---- tooltip---*/
.custom-tooltip {
    position: relative;
    display: inline-block;
}
span.tooltip-btn {
    font: 600 16px / 24px IBMPlexSansArabic !important;
}
    .tooltip-btn:hover{
        cursor:pointer;
    }

    .custom-tooltip .tooltip-content {
        visibility: hidden;
        max-width: 240px;
        min-width: 160px;
        width: max-content;
        width: -moz-max-content;
        background-color: white;
        color: #212121;
        text-align: right;
        border-radius: 4px;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 8px;
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-bottom: 14px;
        transform: translateX(-50%);
        box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
        opacity: 0;
        transition: opacity 0.3s;
    }

        .custom-tooltip .tooltip-content::after {
            content: "";
            position: absolute;
            top: 100%;
            right: 50%;
            margin-right: -8px;
            border-width: 8px;
            border-style: solid;
            border-color: white transparent transparent transparent;
        }

    .custom-tooltip:hover .tooltip-content {
        visibility: visible;
        opacity: 1;
    }

.tooltip-content i {
    position: absolute;
    right: 16px;
    top: 10px;
    font-size: 18px;
    color: #384250;
}

.tooltip-text {
    padding-right: 32px;
}

span.tooltip-title {
    
    display: block;
    margin-bottom: 4px;
    font: 600 12px / 18px IBMPlexSansArabic !important;
    color: #1f2a37;
}

span.tooltip-helper-text {
    color: #384250 !important;
    display: block;
    font: 400 12px / 18px IBMPlexSansArabic !important;
}
/*---checkbox---*/
.flex-column{
    display:flex;
}
span.checkbox__label {
    font: 500 16px / 24px IBMPlexSansArabic !important;
    color: #1f2a37 !important;
    margin-top:4px;
}
span.checkbox__helper-text {
    font: 400 14px / 20px IBMPlexSansArabic !important; 
    color: #61646c !important;
    margin-block:4px;
}
.checkbox__warning {
    
    display: flex;
    align-items: center;
    gap: 16px;
    
}
    .checkbox__warning span.checkbox__warning-icon {
        font: 500 14px / 20px IBMPlexSansArabic;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 4px;
        font-size: 16px !important;
        color: #b42318 !important;
    }
span.checkbox__warning-text {
    font: 500 14px / 20px IBMPlexSansArabic;
  
    color: #b42318 !important;
}
.checkbox:focus {
    border-radius: 4px;
    outline: 2px solid #161616;
}
/*---fileupload----*/
.file-upload {
    display: flex;
    width: 100%;
    max-width: 334px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.file-upload__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.file-upload__drop-area {
    display: flex;
    padding: 24px !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    border-radius: 4px;
    background: #f9fafb;
    border: 2px dashed #d2d6db;
}

    .file-upload__drop-area span.file-upload__icon {
        font-size: 32px !important;
        color: #6c737f !important;
        display: flex;
        align-items: center;
    }
.file-upload__content {
    text-align: center;
}
    .file-upload__content p.file-upload__instructions {
        font: 500 16px / 24px IBMPlexSansArabic !important;
        color: #1f2a37 !important;
    }
.file-upload__content p.file-upload__formats {
    font: 400 12px / 18px IBMPlexSansArabic !important;
    color: #384250 !important;
}
.file-upload__files-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.file-upload__file-item {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #d2d6db;
    background: #f3f4f6;
    padding: 12px;
    gap: 8px;
    width: 100%;
}
.file-upload__file-name {
    color: #161616;
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
    font: 500 14px / 20px IBMPlexSansArabic;
}
.btnicon.btn--sm {
    width: 24px;
    height: 24px;
    font: 500 18px / 24px IBMPlexSansArabic;
}
.btn--close {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: transparent;
    color: #161616;
    mix-blend-mode: multiply;
}
    .btn--close:hover {
        background: #f3f4f6;
        color: #161616;
    }
.file-upload__file-status {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.file-upload__file-status--pending {
    background-color: #ffcc00;
}

.file-upload__file-status--success {
    background-color: #00cc66;
}

.file-upload__file-status--error {
    background-color: #ff3333;
}
/*----- step_horizontal ----*/
.steps_horizontal {
    display: flex;
  
}
    .steps_horizontal .step_item {
        position: relative;
        flex: 1;
        max-width: 200px;
        max-height: 200px;
    }
    .steps_horizontal .step_content {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .steps_horizontal .step-text {
        margin-right: 16px;
    }
    .steps_horizontal .progress_indicator {
        left: unset;
        right: 32px;
        top: 16px;
        width: calc(100% - 32px);
        height: 2px;
        display: block;
        z-index:0;
    }
/*----textarea---*/
.textarea {
    padding: 12px 16px !important;
    background-color: #fff !important;
    border: 1px solid #9da4ae !important;
    overflow: auto;
    min-height: 96px !important;
    min-width: 200px;
    height: auto !important;
    border-radius: 4px;
    resize: vertical;
   
}
/*---- number-input----*/
.dga-form-control {
    display: flex;
    flex-direction: column;
    gap:8px;
    width:fit-content;
}
dga-label label {
    font: 400 16px / 24px IBMPlexSansArabic;
    display: flex;
    gap: 4px;
    color:#161616;
}
.dga-number-input {
    display: flex;
    height: 40px;
    width: 100%;
    max-width: 183px;
    min-width: 183px;
    justify-content: flex-start;
    border-radius: 4px;
    gap: 4px;
    border: 1px solid #9da4ae;
    background: #fff;
    position: relative;
}
.dga-number-input__prefix {
    border-radius: 4px 0 0 4px;
}
.dga-number-input__prefix, .dga-number-input__suffix {
    display: flex;
    height: 100%;
    width: 56px;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    mix-blend-mode: multiply;
    padding: 2px 16px;
    align-self: stretch;
    border: 0;
    background-color: transparent;
}
.dga-number-input__prefix-icon, .dga-number-input__suffix-icon {
    font: 400 24px / 24px "IBMPlexSansArabic";
    color: #161b26;
}
.dga-number-input__field, .dga-number-input__field::placeholder {
    font: 400 16px / 24px "IBMPlexSansArabic";
    background-color: transparent;
    border: 0;
    outline: 0;
    height: 100%;
    width: 100%;
    color: #384250;
}
.dga-number-input__suffix {
    border-radius: 0 4px 4px 0;
}
/*--- loading ---*/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}
    #spinner .spinner-border{
        color:#1b8354 !important;
    }
.showspinner {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.3s ease; /* Show instantly, hide smoothly */
}
.loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .loader.spinner--brand .spinner__circle {
        width: 40px;
        height: 40px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        position: absolute;
        right: 50%;
        left: 50%;
        top: 50%;
    }
    .loader.spinner--brand .spinner__circle {
        border-color: #e5e7eb;
        border-top-color: #1b8354;
    }
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*----progress-bar---*/

.progress-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
    .progress-wrapper h3 {
        color: #161616;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        font-family: "IBMPlexSansArabic";
    }
    .progress-wrapper .progress-bar__note {
        display: flex;
        align-items: center;
        gap: 8px;
    }
        .progress-wrapper .progress-bar__note .icon {
            height: 16px;
            width: 16px;
        }
        .progress-wrapper .progress-bar__note .content p {
            color: #384250;
            font-family: "IBMPlexSansArabic" !important;
            font-size: 12px !important;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin: 0;
        }
    .progress-wrapper .progress {
        height: 4px;
        width: 100%;
        border-radius: 4px;
        overflow: hidden;
        position: relative;
        background: #f3f4f6;
    }
.progress-bar {
    border-radius: 4px;
    transition: width 0.5s ease-in-out !important;
    background: #1b8354 !important;
}
.progress-wrapper.success .icon i {
    background: #1b8354;
    color: #fff;
    border-radius: 100%;
}
.progress-wrapper.success .progress-bar__note p {
    color: #1b8354;
}
.progress-wrapper.error .icon i {
    background: #b42318;
    color: #fff;
    border-radius: 100%;
}

.progress-wrapper.error .progress-bar__note p {
    color: #b42318;
}
.progress-wrapper.error .progress .progress-bar {
    background: #b42318 !important;
}
/*----slide-out---*/
.dga-slideout-menu--gray {
    background: #F3F4F6;
}
.dga-slideout-menu {
    background: #FFF;
}
.dga-slideout-menu__header {
    width: 100%;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f9fafb;
}
.dga-featured-icon--light-brand {
    color: #067647;
    background-color: #f3fcf6;
}
.dga-featured-icon--circle {
    border-radius: 9999px;
}
.dga-featured-icon--sm {
    width: 32px;
    min-width: 32px;
    height: 32px;
}
.dga-featured-icon {
    display: flex;
    min-width: 56px;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.dga-slideout-menu__header-content {
    flex: 1;
}
.dga-slideout-menu__header-title {
    color: #161616;
    text-align: right;
}
.text-md-semibold, .dga-slideout-menu__header-title {
    font: 600 16px / 24px "IBMPlexSansArabic";
}
.dga-slideout-menu__header-description {
    color: #6C737F;
}
.dga-slideout-menu__header-description {
    font: 400 12px / 18px "IBMPlexSansArabic";
}
.dga-slideout-menu__body {
    padding: 16px;
}
.dga-slideout-menu__items--hide-scrollbar {
    scrollbar-width: none;
}
.dga-slideout-menu__items {
    max-height: 699px;
    overflow-y: auto;
}
.menu-group {
    padding: 8px;
    width: 100%;
}
.menu-group__label {
    font: 700 12px / 18px IBMPlexSansArabic;
}
.menu-group__label {
    padding: 8px;
    color: #6c737f;
}
.menu-item {
    display: flex;
    padding: 8px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
}
.menu-item__icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
}
.menu-item__label {
    min-width: 100px;
    color: inherit;
    flex: 1;
    font: 400 16px / 24px IBMPlexSansArabic;
}
.menu-item__trail-element {
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 16px / 24px IBMPlexSansArabic;
}
    .menu-item__trail-element p {
        color: #6C737F;
        line-height: 24px;
        font-weight: 400;
        font-size: 16px;
    }
.dga-divider--neutral {
    background-color: #d2d6db;
}
.dga-divider {
    display: flex;
    width: 100%;
    height: 1px;
    justify-content: center;
    align-items: center;
}
.dga-slideout-menu__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0 80px 0;
}
/*----navigation-drawer---*/
/* Custom styles to match the original design */
.sidepanel .nav {
    padding-block: 3px !important;
    margin-right: 24px;
    max-height: fit-content;
}
.sidepanel.bg-light {
    position: relative;
    top: 0px;
    background-color: #f9fafb;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    z-index: 99;
    transition: all .4s ease-in-out;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
    -ms-overflow-style: none;
    scrollbar-width: none;
    min-width: calc(264px + 2 * 4px + 4px);
}
.sidepanel .nav-link, .dropdown-item {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
}

    .sidepanel .nav-link .hgi, .dropdown-item .hgi {
        margin-right: 0.75rem;
        font-size: 1.25rem;
    }


.me-auto {
    flex: 1;
    font: 700 14px / 20px IBMPlexSansArabic;
}
.hgi-arrow-down-01 {
    margin-left: auto;
    transition: transform 0.3s ease;
}

.dropdown-toggle[aria-expanded="true"] .hgi-arrow-down-01 {
    transform: rotate(180deg);
}

.badge-custom {
    font: 600 10px / 14px IBMPlexSansArabic;
    color: #384250;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    height: 20px;
}
.badge {
    display: inline-flex;
  
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;

}
.dropdown-menu {
    border: none;
    box-shadow: none;
}

.dropdown-divider {
    margin: 0.5rem 0;
}

.active .hgi {
    color: inherit;
}

.nav-item {
    margin-bottom: 0.25rem;
}
.sidepanel .nav-link:hover, .sidepanel .dropdown-item:hover {
    color: #4d5761;
}
.sidepanel .nav-link:focus, .sidepanel .dropdown-item:focus {
    background-color: #d2d6db;
    color: #4d5761 !important;
}
.sidepanel .nav-link.dropdown-toggle, .sidepanel .nav-link {
    font: 700 14px / 20px IBMPlexSansArabic;
    color: #4d5761;
    background-color: transparent;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    text-decoration: none;
    border-radius: 4px;
    mix-blend-mode: multiply;
    position: relative;
    border: 2px solid transparent;
    outline: none;
    justify-content: flex-start;
    white-space: nowrap;
    width: 224px;
}
    .sidepanel .nav-link.dropdown-toggle::after, .sidepanel .nav-link::after {
        display: block;
        background-color: #1b8354;
        color: #1b8354;
        right: 0;
        left: auto;
        content: "";
        width: 6px;
        height: calc(100% - 2 * 6px);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 9999px;
    }
    /*---- username----*/
.username img {
    border-radius: 100%;
    max-width: 32px;
    
}
.username .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 5px;
}
/*----- login drop down menu------*/
ul.header_menu li ul.dropdown-menu li a.dropdown-item {
    height: auto;
    padding: 5px 20px;
    font-weight: 400;
}
    ul.header_menu li ul.dropdown-menu li a.dropdown-item:hover::after{
        display:none;
    }

    /*----- search box ----*/

.search_box {
    background-color: #fff !important;
    width: 100%;
    position: absolute;
    right: 0px;
    padding: 50px !important;
    display: none;
    border-radius: 0px !important;
    top: -2px !important;
    border: none !important;
}
    .search_box .closesearch {
        background-color: transparent;
        font-size: 20px;
        position: absolute;
        top: 25px;
        left: 41px;
        width: auto;
    }
.error_Image h2{
    font-family:inherit !important;
}
.actionsmenu li div.opensearch_btn:hover,
.actionsmenu li a:hover,
.actionsmenu li div.dropdown-toggle:hover {
    background-color: #166a45 !important;
    color: #fff !important;
}
    .actionsmenu li div:hover span, .actionsmenu li a:hover span {
        color: #fff !important;
    }
    .actionsmenu li div.opensearch_btn:hover::after,
    .actionsmenu li a:hover::after,
    .actionsmenu li div.dropdown-toggle:hover::after {
        background-color: #54c08a !important;
    }
/*------Responsive-----Start----*/
@media (max-width:1024px) {
    ul .actionsmenu li a span {
        display: none;
    }
    ul.actionsmenu li a {
        padding: 5px;
    }
    dga-nav-header header nav {
        padding-inline: 5px;
    }
    .px-80 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    dga-service-side-card .card {
        padding: 10px !important;
    }

}

@media (max-width:768px) {
    ul.header_menu li a, ul.header_menu li div.dropdown-toggle, ul.header_menu li div.submenu_click, ul.header_menu li div.opensearch_btn {
      
        width: 100%;
    }

        ul.header_menu li div.submenu_click span {
            width: 100%;
        }
    ul.header_menu li a, ul.header_menu li div.dropdown-toggle, ul.header_menu li div.submenu_click, ul.header_menu li div.opensearch_btn {
        display: inline-flex;
        height: 72px;
        padding: 8px 24px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        background-color: transparent;
        border-radius: 2px;
        color: #161616;
        font-weight: 500;
        white-space: nowrap;
        cursor: pointer;
        width: 100%;
    }

        ul.header_menu li div.submenu_click span {
            width: 100%;
        }
    .carousel-caption {
        left: 5% !important;
        right: 5% !important;
        padding: 0px !important;
        bottom: 0 !important;
    
    }

    dga-nav-header header button {
        background-color: transparent;
    }

    .btnmobilemenu {
        display: flex;
        width: 24px;
        height: 24px;
        font-size: 24px;
        justify-content: center;
        align-items: center;
    }

    ul.header_menu {
        visibility: hidden;
        transition: right 0.2s ease-in-out;
        position: fixed;
        right: -200px;
    }

    .openmenu {
        visibility: visible !important;
        right: 0 !important;
        display: block !important;
        top: 0;
        width: 100%;
        background-color: #fff;
        overflow: auto;
        height: -webkit-fill-available;
        transition: right 0.2s ease-in-out;
        z-index:1;
    }

    .slideout_menu_head {
        background-color: #f9fafb;
        gap: 8px;
        align-items: center;
        display: flex;
        padding: 16px;
        width: 100%;
    }

    .btnmobilemenu {
        visibility: visible;
    }

    .slideout_menu_head h3 {
        width: 100%;
    }

    #closemenu {
        width: 32px;
        height: 32px;
        font-size: 32px;
    }

    ul.openmenu li a, ul.openmenu li button {
        width: 100%;
        justify-content: right;
    }

    ul.openmenu li a span, ul.openmenu li button span {
        width: 100%;
    }
    .openmenu > li:hover .submenu {
        position: relative;
    }
    .actionsmenu {
        position: relative !important;
        visibility:visible !important;
        right:auto !important;
    }
       

            .px-80 {
                padding-left: 0;
                padding-right: 0;
            }
    .service_list .owl-theme .owl-dots{
        width:100%;
        justify-content:center;
    }
    .news_artical .col-md-4{
        width:50%;

    }
    .news_artical .card_item{
        margin-bottom:20px;
    }
    dga-link a, dga-link {
        display: grid !important;
    }
}

@media (max-width:431px) {
    dga-second-nav-header{
        display:none;
    }
    .actionsmenu{
        display:none !important;
    }
    dga-nav-header header nav a.header_logo{
        width:100%;
        justify-content:center;
        display:flex;
    }
    dga-nav-header header nav > div {
        width: 100%;
        display:contents !important;
    }
    .news_artical .col-md-4 {
        width: auto;
    }
    footer {
        padding: 40px 40px;
    }
    .carousel-inner{
        overflow:visible;
    }
    .carousel-caption{
        bottom:-53px
    }
    dga-service-side-card .card {
        padding: 30px !important;
    }
    dga-rate .justify, dga-feedback .justify{
        justify-content: center;
        margin: 10px 0;
    }

    .page_title .btn_primary {
        justify-content: center;
    }
    dga-link a, dga-link {
        display: flex !important;
    }
    .formbody{
        position:initial !important;
    }
}
/*------Responsive-----End----*/